/* CSS Document */

html, body {
	padding: 0;
	margin: 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ffffff;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat;
	background-color: #fccccc;
	font-style:italic;
}

img {
	border-style: none;
	}

p {
	margin: 0;
	font-size:12px;
}

a {
	color:#ffffff;}

a:hover {
	color:#000000;}

a:visited {
	color:#666666;}
/**** wrapper **************************************************************************/
#wrapper {
	position: relative;
	width: 1002px;
	left: 50%;
	margin-left: -520px;
	margin-top: 0px;
	padding: 0px;
	font-size:18px;
	text-align:center;
}
#wrapper h1 {
	font-size:18px;
	color:#ffffff;
}
/**** left container **************************************************************************/
#left_container {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 625px;
}
#left_bg {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 123px;
}
#middle_content {
	margin: 0px;
	padding: 0px;
	width: 502px;
	float: right;
}
#top_nav {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 502px;
	height: 85px;
}
ul#nav { background-image: url(../images/master_nav.jpg) }
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:86px; display:block; position:absolute; top:0; text-indent:-9999px; outline:none }
li#navHome a, li#navResume a, li#navGallery a, li#navContact a { background-image: url(../images/master_nav.jpg)}

li#navHome a 			{ background-position:0 0; width:131px; left:0 }
li#navHome a:hover		{ background-position:0 -86px }
body#pageHome li#navHome a 	{ background-position:0 -172px }

li#navResume a 			{ background-position:-131px 0; width:102px; left:131px }
li#navResume a:hover		{ background-position:-131px -86px }
body#pageResume li#navResume a 	{ background-position:-131px -172px }

li#navGallery a 			{ background-position:-233px 0; width:128px; left:233px }
li#navGallery a:hover		{ background-position:-233px -86px }
body#pageGallery li#navGallery a 	{ background-position:-233px -172px }

li#navContact a 			{ background-position:-361px 0; width:142px; left:361px }
li#navContact a:hover		{ background-position:-361px -86px }
body#pageContact li#navContact a 	{ background-position:-361px -172px }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...
	
	initial state = 0
	rollover state = 86px
	selected state = 172px

	The distance from the far-left to the...
	
	home button = 0
	resume button = 131px
	gallery button = 233px
	contact button = 361px


	The width of the...
	
	home button = 131px
	resume button = 102px
	gallery button = 128px
	contact button = 142px

*/

#main_content {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/main_content.jpg);
	width: 502px;
	height: 422px;
}

#btm_content {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bottom_content.jpg);
	width: 502px;
	height: 175px;
}
#btm_content p {
	margin: 0px;
	padding: 38px 0px 0px 33px;
	color: #666666;
	font-size: 11px;
}

/**** right container **************************************************************************/
#right_container {
	position: relative;
	margin: 0px;
	padding: 0px;
	float: right;
	width: 377px;
}
#right_content {
	margin: 0px;
	padding: 0px;
}
#side_nav{
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 95px;
	height: 422px;
	float: left;
}
ul#nav2 { background-image: url(../images/sidenav.jpg)}
ul#nav2 li { float:left; list-style-type:none }
ul#nav2 li a { width:96px; display:block; position:absolute; left:0; text-indent:-9999px; outline:none }
li#navPrint a, li#navWeb a, li#navIdentity a, li#navAnimation a { background-image: url(../images/sidenav.jpg)}

li#navPrint a 			{ background-position:0 0; height:114px; top:0  }
li#navPrint a:hover		{ background-position:-96px 0 }
body#pagePrint li#navPrint a 	{ background-position:-192px 0 }

li#navWeb a 			{ background-position:0 -114px; height:67px; top:114px }
li#navWeb a:hover		{ background-position:-96px -114px }
body#pageWeb li#navWeb a 	{ background-position:-192px -114px }

li#navIdentity a 			{ background-position:0 -181px; height:62px; top:181px  }
li#navIdentity a:hover		{ background-position:-96px -181px }
body#pageIdentity li#navIdentity a 	{ background-position:-192px -181px }

li#navAnimation a 			{ background-position:0 -243px; height:179px; top:243px }
li#navAnimation a:hover		{ background-position:-96px -243px }
body#pageAnimation li#navAnimation a 	{ background-position:-192px -243px }

#side_info{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/right_content.jpg);
	width: 282px;
	height: 422px;
	float: right;
}
#side_info p{
	margin: 0px;
	padding: 81px 0px 0px 45px;
	line-height: 18px;
}
#contact_info{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contact_info.jpg);
	width: 282px;
	height: 422px;
	float: right;
}
#contact_info p{
	margin: 0px;
	padding: 81px 0px 0px 45px;
	line-height: 18px;
}
/**** contact form **************************************************************************/
#thank_you{
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/thank_you.jpg);
	width: 377px;
	height: 175px;
}
#thank_you p{
	margin: 0px;
	padding: 6em 0 0 5.5em;
	color: #fccccc; 
}

#contact_content {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/contact_content.jpg);
	width: 502px;
	height: 422px;
}
#submitform {
	margin: 0px;
	padding: 50px 50px 0px 50px;
}
label {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	width: 100px;
	font-size: 11px;
	color: #ffffff;
}

input, textarea {
	width: 200px;
	margin-bottom: 7px;
	background-color: #d3dee8;
	border: 1px solid #1a568b;
}

textarea {
	width: 300px;
	height: 95px;
}
#submitbutton {
	cursor:pointer;
	border:1px outset #CCCCCC;
	color:#333333;
	font-size: 11px;
	width: 65px;
	margin: 0px;
	padding: 1px 0px;
	background-color: #CCCCCC;
}

#submitbutton:hover {
	border:1px outset #60813A;
}/**** contact form end**************************************************************************/
#btm_ccontent {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/have_aproject.jpg);
	width: 502px;
	height: 175px;
}
#btm_ccontent p {
	margin: 0px;
	padding: 38px 0px 0px 33px;
	color: #666666;
	font-size: 11px;
}

#special_feature{
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/special_feature.jpg);
	width: 377px;
	height: 175px;
}
#feature img{
	margin: 5em 0 0 3.75em;
	padding: 0;
}



#btm_plant{
	margin: 0px;
	padding: 0px;
	width: 377px;
	height: 76px;
}
/**** gallery**************************************************************************/
#gallery_content {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/gallery_content.jpg);
	width: 502px;
	height: 422px;
}
#my_collection {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/my_collection.jpg);
	width: 502px;
	height: 175px;
}
#my_collection p {
	margin: 0px;
	padding: 38px 0px 0px 33px;
	color: #666666;
	font-size: 11px;
}
#sample {
	margin: 0px;
	padding: 4.04em 0 0 2.5em;
	width: 414px;
	height: 268px;
}
#sample a {
	color:#ffffff;
	font-size: 10px;
	text-decoration: none;
}

#sample a:hover {
	color:#000000;
}

#gallery_info{
	margin: 0px;
	padding: 0px;
	background-image: url(../images/gallery_info.jpg);
	width: 282px;
	height: 422px;
	float: right;
}
#gallery_info p{
	margin: 0px;
	padding: 81px 0px 0px 45px;
	line-height: 18px;
	color: #fccccc;
}
#description_content {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/proj_description.jpg);
	width: 502px;
	height: 175px;
}
#description_content p {
	margin: 0px;
	padding: 40px 0px 0px 33px;
	color: #666666;
	font-size: 11px;
}
#proj_breakdown{
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/proj_breakdown.jpg);
	width: 377px;
	height: 175px;
}
#proj_breakdown p{
	margin: 0px;
	padding: 7.5em 0 0 6.5em;
	color: #fccccc; 
}
/**** gallery nav **************************************************************************/
#gallery{
	position: relative;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/gallery.jpg);
	width: 377px;
	height: 175px;
}
#gallery_nav li a {
	line-height: 20px;
	color: #fccccc;
	}
	
#gallery_nav {
	font-size: 12px;
	margin: 0;
	padding: 1px 0px 0px 45px;
	color: #494949;
	font-weight: normal;
	list-style-image: none;
	list-style-type: none;

	}
#gallery_nav li a:hover {
	text-decoration: none;v
	color: #fccccc;
	border-style: none;
	}
#gallery_nav li .highlight, #gallery_nav li .highlight:hover {
	text-decoration: none;
	color: #ffffff;
	border-style: none;
	}
#gallery p{
	margin: 0px;
	padding: 6em 0 0 5.5em;
	color: #fccccc;
}