@charset "utf-8";
/* CSS Document */
/*basic page layout styles*/
body{
	background-image:url(../layout%20images/bgd.jpg);
	text-align:center;
	background-attachment:fixed;
}
.container{
	background-color:#E2E2E2;
	width:900px;
	text-align:left;
	margin:auto;
	border-style:solid;
	border-width:3px;
	border-color:#1C3562;
}
.header{
	height: 230px;
	width:900px;
	background-color:#CCCCCC;
	background-image:none;
	position:relative;
}
.header #headerbackground{
	position:absolute;
	width:900px;
	height:230px;
	z-index:0;
	top:0px;
	left:0px;
}
.footer{
	background-color:#1C3562;
	height:30px;
	padding:10px;
}
.content{
	padding:20px;
	width:600px;
	float:left;
	height:600pz
}
.rightcol{
	width:220px;
	float:left;
	padding:5px;
	margin:5px;

}
.clearfloat{
	clear:both;
}
.title{
	background-image:url(../layout%20images/title.png);
	width:500px;
	position:absolute;
	z-index:1;
	opacity:0.8;
	filter:alpha(opacity=80);
	height:125px;
}
.descpanel{
	float:left;
	padding:10px;
	margin:10px;
	margin-left:0px;
	height:360px;
	width:250px;
	background-color:#CCC;
}

/*nav bar styles*/
#nav{
	width:880px;
	height:30px;
	margin:0px;
	padding:0px;
	padding-left:20px;
	background-image:url(../layout%20images/nav.png);
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:2;
	margin-top:45px;
}

#nav li{
	list-style-type:none;
	margin-left:20px;
	margin-right:30px;
	float:left;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:bold;
	font-size:15px;
	height:10px;
	padding:10px;
	text-decoration: none;
}
#nav li a{
	text-decoration: none;
	color: #FFF;
	
}
#nav li a:hover{
	color:#36C;
}

body.about #nav li.aboutusnav,
body.about #nav li.projectlistnav,
body.about #nav li.testimonialsnav,
body.gallery #nav li.gallerynav,
body.contact #nav li.contactnav, body.home #nav li.homenav {
background-color:#CCCCCC;
}
#testimonial{
	width:500px;
	padding:10px;
	margin:10px;
	background-color:#FFF;
	border-style:solid;
	border-thickness:1px;
	border-color:#38498B;
	
}
/*Text styles*/
p{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	margin:0;
	line-height:16px;
}
h1{
	font-size:30px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#1C3562;
	padding:10px;
	padding-left:0px;
	margin:0px;
}
h2{
	font-size:20px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#36C;
	padding:10px;
	padding-left:0px;
	margin:0px;
}
h3{
	font-size:14px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#1C3562;
	padding:10px;
	padding-left:0px;
	margin:0px;
}
.footer p{
	color:#FFF;
	text-align:center;
	
}
a{
	text-decoration:underline;
	font-weight:bold;
	color:#36C;
}

/*Slideshow Styles*/
#slidenavholder{
	width:200px;
	padding:0px;
	margin:0px;
	margin-top:0px;
	height:500px;
	float:left;
	border-style:solid;
	border-width:1px;
	border-color:#38498B;
	background-color:#FFF;
	
	
}
#slidenavholder #slidenav{
	width:200px;
	height:410px;
	overflow:auto;
	float:left;
	text-align:left;
	padding:0px;
}
#slidenavholder #head{
	width:200px;
	height:90px;
	float:left;
	font-weight:bold;
	
}
#slidenavholder #head ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	
}
#slidenavholder #head ul li{
	margin:2px;
	padding-top:2px;
	padding-bottom:2px;
	height:20px;
	width:196px;
	color:#38498B;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	-moz-user-select:none;
}
#slidenavholder #head ul li h2{
text-decoration:none;
font-size:18px;
pointer:cursor;
}
#slidenavholder #head ul li a{
text-decoration:none;
pointer:cursor;
}
#slidenavholder #head ul li:hover{
	color:#369;
	text-decoration:underline;
	pointer:cursor;

}

#slidenavholder #slidenav #residential{
	display:block;
	
}
#slidenavholder #slidenav #strata{
	display:none;
	
}
#slidenavholder #slidenav #commercial{
	display:none;
	
}
#slidenavholder #slidenav ul{
	list-style-type:none;
	padding-left:0px;
	}
#slidenavholder #slidenav ul li{
	margin:0px;
	padding:5px;
	width:80px;
	height:80px;
	float:left;
	
}
#slidenavholder #slidenav ul li:hover{
	margin:0px;
	padding:5px;
	background-color:#38498B;
}
#imageholder{
	width:640px;
	height:480px;	
	float:left;
	padding:10px;
	margin:0px;
	overflow:hidden;
	position:absolute;
	top:0px;
	border-style:solid;
	border-width:1px;
	border-color:#38498B;		
}
#imagetext{
	width:630px;
	height:40px;
	background-color:#1C3562;
	padding:5px;
	position:absolute;
	bottom:11px;
	left:1px;
	margin:10px;
	z-index:2;
	opacity:0.8;
  	filter:alpha(opacity=80);
}
#imagetext p{
	width:630px;
	height:20px;
	color:#FFF;
	margin:5px;
	opacity:1.0;
  	filter:alpha(opacity=100);
	
}
/*table styles*/
table td{
	padding:3px;
}