@charset "utf-8";

/*HTML Start of modification*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	
}

h1, h2{
	font-size: 18px;
	color: #000;	
}
body {
	line-height: 1;
	color: black;
	background: black;
}
ol, ul {
	list-style: none;
}
html {
	overflow: hidden; /*Get Rid of Scroll*/
}

/*CSS Code Start*/


a:link{
	color: #000;
}

#encapsulate {
	/*Size of the page.  4x 1280*/
	height: 1200px;
	width: 7680px;
	background-color: #000;
	background-image: url(../images/mainback.gif);
	background-repeat:repeat;
	position: absolute;
}


       /******************Block Positions and formatting*********************/
.blocksize{
	position: absolute;
	width: 1920px;
	height: 1200px;
}
	#home{
	top: 0px;
	left: 0px;
	background-color: #000;
	background-image: url(../images/home_background.jpg);
	background-repeat: no-repeat;
	background-position: 641px 103px;	 
	}
	#about{
	top: 0px;
	left: 5760px;
	background-color: #000;
	background-image: url(../images/about_showme.jpg);
	background-repeat: no-repeat;
	background-position: 527px 182px;
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	}
	#gallery{
	top: 0px;
	left: 3840px;
	background-color: #000;
	}
	#projects{
	top: 0px;
	left: 1920px;
	background-color: #000;
	}
	.inblockformat{
	margin-left: 10px;	
	}
	.bar{ /*Used for adding a text bar of __ without showing spaces*/
	font-size: 12px;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 30px;		
	}
	.centerimage{ /*Used for centering an image in a div*/
	text-align: center;
	padding-bottom: 20px;
	padding-top: 15px
}
   .topheadertext{
	position: absolute;
	left: 466px;
	top: 10px;
	text-align: center;
	display: block;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	color: #CCC;
	font-size: 25px;
	line-height: 30px;	
}
	.bottomheadertext{
	font-size: 50px;	
}

/******************Home Page Position and Elements*********************/
#hometitlepic{
	width: 559px;
	height: 188px;
	background-image: url(../images/home_titletext.png);
	background-repeat:no-repeat;
	position:relative;
	float: left;
	margin-top: 92px;
	margin-left: 87px;	
}
#hometext{
	font-family: "Comic Sans MS", cursive;
	font-size: 20px;
	text-transform: none;
	color: #FFF;
	text-decoration: none;
	display: block;
	position: relative;
	left: 450px;
	top: 34px;
	width: 600px;
}

/******************About Page Position and Elements*********************/

/*#aboutBodyText{
	position: absolute;
	top: 370px;
	left: 135px;
	text-align: left;
	width: 356px;
	line-height: 20px;
}*/
a.bodylinks{
	font-size: 18px;
	font-weight: bolder;
	text-decoration: underline;
	color: #FFF;
}

	#aboutaccordion{
		margin-left: 40px;
		width: 420px;
		position: absolute;
		top: 350px;
		left: 25px;
		text-align: center;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

   #aboutaccordion H2 {
	 
	color: #CCC;
	background-color: #333333;
	cursor: pointer;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
    }
    #aboutaccordion .content {
        background-color: #666666;
		color: #CCC;
		font-size: small;
		font-weight:bold;
    }
    #aboutaccordion .content p {
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.1em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
    }

/******************Gallery Page Position and Elements*********************/
.galimagebody{
	background-color:#000;
	width: 456px;
	position: absolute;
	top: 200px;
	left: 494px;
	margin: 0px;
}

#galphotoim{ /*Image area for Photo*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #FFF;
	display: block;
	background-color: #666;
	line-height: 13px;
}
#galillustim{ /*Image area for Illustration*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #FFF;
	display: block;
	background-color: #666;
	line-height: 13px;
}
#gallandim{ /*Image area for Landscape*/
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana;
	font-size: 11px;
	color: #FFF;
	display: block;
	background-color: #666;
	line-height: 13px;
}
#galtext{/*Text formatting for Gallery Selection Text and positioning*/
	position: absolute;
	top: 518px;
	left: 25px;
	font-family:"Myriad Pro", Tahoma, Geneva, sans-serif;
	font-weight: bold;
	font-size: 25px;
	color: #CCC;
}
.galselectext{ /*formatting text for pointingt*/
	cursor: pointer;
	color: #CCC;
}


/******************Projects Page Position and Elements*********************/
	#projectaccordion{
		margin-left: 40px;
		width: 589px;
		position: absolute;
		top: 201px;
		left: 390px;
		text-align: center;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

   #projectaccordion H2 {
	 
	color: #CCC;
	background-color: #333333;
	cursor: pointer;
	font-weight: bold;
	line-height: 16px;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
    }
    #projectaccordion .content {
        background-color: #666666;
		color: #CCC;
		font-size: small;
		font-weight:bold;
    }
    #projectaccordion .content p {
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0.1em;
	margin-left: 0;
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 2px;
	padding-left: 6px;
    }

/******************Navigation Bar*********************/
.navbar{
	height: 313px;
	width: 260px;
	position: relative;
	display: block;
	background-image: url(../images/nav_back.gif);
	background-repeat:no-repeat;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
	.navbar rollon {
		display: none;
		position: absolute;
	}
	.navbar a {
		/*Ensures that no text is shown in navbar*/
		text-decoration: none;
		display: block;
		position: absolute;
	}
	.navbar a:hover {
		/*Changes Rollover picture for animation*/
		background-position: left bottom;
		cursor:pointer;
	}
	.navbar a:hover rollon {
		/*Shows the Rollover Animations*/
		display: block;
	}
	.navbar .home_nav {
		/*Home navbar Picture and position*/
		background-image: url(../images/home_nav.gif);
		background-repeat: no-repeat;
		height: 39px;
		width: 70px;
		left: 40px;
		top: 49px;
	}
	.navbar .home_navon {
		/*Home navbar Picture and position*/
		background-image: url(../images/home_nav.gif);
		background-repeat: no-repeat;
		height: 39px;
		width: 70px;
		left: 40px;
		top: 49px;
	}
	.navbar .projects_nav {
		/*Home navbar Picture and position*/
		background-image: url(../images/projects_nav.gif);
		background-repeat: no-repeat;
		height: 49px;
		width: 87px;
		left: 121px;
		top: 95px;
	}
	.navbar .projects_navon{
		/*Home navbar Picture and position*/
		background-image: url(../images/projects_nav.gif);
		background-repeat: no-repeat;
		height: 49px;
		width: 87px;
		left: 121px;
		top: 95px;
	}
	.navbar .gallery_nav {
		/*Gallery navbar Picture and position*/
		background-image: url(../images/gallery_nav.gif);
		background-repeat: no-repeat;
		height: 30px;
		width: 100px;
		left: 49px;
		top: 161px;
	}
	.navbar .gallery_navon {
		/*Gallery navbar Picture and position*/
		background-image: url(../images/gallery_nav.gif);
		background-repeat: no-repeat;
		height: 30px;
		width: 100px;
		left: 49px;
		top: 161px;
	}
	.navbar .about_nav {
		/*About navbar Picture and position*/
		background-image: url(../images/about_nav.gif);
		background-repeat: no-repeat;
		height: 76px;
		width: 100px;
		left: 103px;
		top: 213px;
	}
	.navbar .about_navon {
		/*About navbar Picture and position*/
		background-image: url(../images/about_nav.gif);
		background-repeat: no-repeat;
		height: 76px;
		width: 100px;
		left: 103px;
		top: 213px;
	}