/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{ margin:0;padding:0;}
table{ border-collapse:collapse;border-spacing:0;}
fieldset,img{ border:0;}
ol,ul,li{ list-style:none; list-style-position:outside;}
a img{ border:0;}

/* Generic styling */
a{ color:#1d0f02; text-decoration:underline;}
a:hover{ color:#4d2f16;}

body{ font-size:12px; font-family:"Trebuchet MS",Arial; background:#f6edd5 url(../images/body_bg.jpg) top repeat-x; color:#2d1806;}

.wrapper{ width:1080px; margin:0 auto; background:url(../images/wrapper_bg.png); position:relative; }
.wrapper_inside{ width:960px; margin:0 auto; background:#f9f2e2 url(../images/wrapper_top.jpg) top no-repeat; position:relative; }

/* header */
#header{ width:100%; height:194px; position:relative; position:relative; z-index:100;}
	#header h1{ position:absolute; left:5px; top:0; width:294px; height:195px; z-index:2;}
	#header .head_txt{ float:right; margin-top:50px;}
	#navigation{ position:absolute; z-index:3; top:93px; left:255px; width:698px; height:37px;}
	#navigation ul{ width:698px; height:37px; overflow:hidden;}
	#navigation ul li{ float:left; height:100%;}
	#navigation ul li a{ float:left; height:100%; text-indent:-9999px; overflow:hidden;}
	#navigation ul li#nav1 a{ width:64px; background:url(../images/navigation.gif) 0 0 no-repeat;}
	#navigation ul li#nav2 a{ width:120px; background:url(../images/navigation.gif) -64px 0 no-repeat;}
	#navigation ul li#nav3 a{ width:130px; background:url(../images/navigation.gif) -184px 0 no-repeat;}
	#navigation ul li#nav4 a{ width:89px; background:url(../images/navigation.gif) -314px 0 no-repeat;}
	#navigation ul li#nav5 a{ width:116px; background:url(../images/navigation.gif) -403px 0 no-repeat;}
	#navigation ul li#nav6 a{ width:80px; background:url(../images/navigation.gif) -519px 0 no-repeat;}
	#navigation ul li#nav7 a{ width:99px; background:url(../images/navigation.gif) -599px 0 no-repeat;}
	
	#navigation ul li#nav1.on a,
	#navigation ul li#nav1 a:hover{ background:url(../images/navigation.gif) 0 -37px no-repeat;}
	#navigation ul li#nav2.on a,
	#navigation ul li#nav2 a:hover{ background:url(../images/navigation.gif) -64px -37px no-repeat;}
	#navigation ul li#nav3.on a,
	#navigation ul li#nav3 a:hover{ background:url(../images/navigation.gif) -184px -37px no-repeat;}
	#navigation ul li#nav4.on a,
	#navigation ul li#nav4 a:hover{ background:url(../images/navigation.gif) -314px -37px no-repeat;}
	#navigation ul li#nav5.on a,
	#navigation ul li#nav5 a:hover{ background:url(../images/navigation.gif) -403px -37px no-repeat;}
	#navigation ul li#nav6.on a,
	#navigation ul li#nav6 a:hover{ background:url(../images/navigation.gif) -519px -37px no-repeat;}
	#navigation ul li#nav7.on a,
	#navigation ul li#nav7 a:hover{ background:url(../images/navigation.gif) -599px -37px no-repeat;}
	
	.navigation_bg{ position:absolute; z-index:1; width:979px; height:49px; overflow:hidden; background:url(../images/navi_bg.png) no-repeat; left:-9px; top:93px;}

/* content */
#content{ width:100%; font-size:16px; position:relative; z-index:2;}
#content .content_txt{ width:900px; margin:0 auto; position:relative; top:-57px;}
	.welcome_txt{ float:left; width:292px; margin-top:60px; margin-bottom:7px;}
	.welcome_txt h2{ margin-bottom:70px; margin-top:55px;}
	.welcome_txt p{ font-size:20px; font-style:italic; line-height:122%;}
	.welcome_flash{ float:right; width:605px; margin-bottom:5px; z-index:5; }
	
	.bottom_btn{ width:923px; height:207px; overflow:hidden; margin:-30px auto 0; background:#d3c18d url(../images/bottom_buttons_bg.gif) no-repeat;}
	.bottom_btn ul{ float:left; display:inline; margin:17px 0 0 20px;}
	.bottom_btn li{ float:left; width:284px; margin-right:16px;}
	
	#content p{ clear:both; margin-bottom:20px; line-height:122%;}
	
	h2{ position:relative; left:-5px; margin-bottom:18px;}
	h2.h2_our_company{ margin:70px 0 10px 0;}
	h2.h2_what_we_done{ margin:70px 0 10px 0;}
	h2.h2_colonial{ margin:0 0 20px 0;}
	
	.company_member{ text-align:center; margin:40px 0 45px 0;}
	
	.how_it_works ul{ padding-left:40px; line-height:120%; margin-bottom:20px;}
	.how_it_works ul li{ padding-left:12px; background:url(../images/dot.gif) left 6px no-repeat;}
	
	h3{ font-style:italic; color:#ad9036;}
	
	.project_holder{ width:100%; overflow:hidden;}
	.project_holder .single_project{ float:left; display:inline; width:220px; height:340px; text-align:center; line-height:120%;}
	.project_holder .single_project a{ display:block; margin-bottom:3px;}
	
	.colonial{ float:left; display:inline; margin-left:30px; width:406px; margin-bottom:20px;}
	.colonial .colonial_img{ width:406px; height:290px; background:url(../images/colonial_bg.gif) no-repeat;}
	.colonial .colonial_img img{ float:left; width:376px; display:inline; margin:10px 0 0 11px; border:1px #000000 solid;}
	.colonial .colonial_name{ text-align:center;}

/* footer */
#footer{ width:875px; margin:30px auto 0; color:#988039; text-align:center; border-top:1px #e2d5af solid; padding:7px 0; line-height:140%;}
#footer a{ color:#988039;}
#footer a:hover{ color:#c4b075;}
#footer ul li{ display:inline;}
#footer ul li a{ padding:0 5px;}

#menu1 {
	color:white;
	position:absolute;
	top:37px;
	left:403px;
	background:#041930;
	z-index:110;
	font-size:14px;
	visibility:hidden;
	border-bottom:1px solid #72AEFA;
}

#menu1 a {
	color:white;
	display:block;
	padding:6px 45px 6px 13px;
	border-top:1px solid #72AEFA;
	border-left:1px solid #72AEFA;
	border-right:1px solid #72AEFA;
	text-decoration:none;
}

#menu1 a:hover {
	text-decoration:underline;
}