/* CSS Document */


#container {
width:100%;
height:100%;
background-color:#1B1719;
margin:0px;
padding:0px;
position:absolute;
display:block;
overflow:scroll;
}

#backgroundtop {
background-color:#E7D3A8;
height: 115px;
width:100%;
display:block;
position:absolute;
top:0px;
}

#backgroundmiddle {
background-color:#9D7F4A;
height:71px;
width:100%;
display:block;
position:absolute;
top:115px;
}

#container {
margin:0px;
padding:0px;
}

#backgroundindex {
height: 21px;
width:100%;
display:block;
position:absolute;
top:186px;
}

#foreground {
width:666px;
heignt:100%;
background-color:#1F1A1C;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
padding-bottom:100%;
}

#foreground_home {
width:666px;
height:100%;
background-color:#f7e9cb;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;

}


#homebackground{
	background-image:url(images/home_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	display:block;
	width:666px;
	height:1000px;
}

#contactbackground{
	background-color:#f7e9cb;
	position:relative;
	display:block;
	width:666px;
	height:1000px;
	padding-top:40px;
}

#regionbackground{
	background-image:url(images/region_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	display:block;
	width:666px;
	height:1000px;
	padding-top:40px;
}

#conservebackground{
	background-image:url(images/conserve_bg.jpg);
	background-repeat:no-repeat;
	position:relative;
	display:block;
	width:666px;
	height:1000px;
	padding-top:40px;
}


#foregroundtop {
background-color:#F7E9CB;
width:666px;
height:113px;
display:block;
position:relative;
}

#gradient {
width:726px;
heignt:100%;
position:absolute;
left:50%;
margin-left:-363px;
padding:0 0 2500 0;
display:block;
overflow:hidden;
}

#leftgradient {
float:left;
width:30px;
height:100%;
}

#rightgradient {
float:right;
width:30px;
height:100%;
}


#left_tan {
background-image:url(images/bg_left_tan.gif);
height:115px;
}

#right_tan {
width:30px;
background-image:url(images/bg_right_tan.gif);
height:115px;
}

#leftcolor {
width:30px;
height:21px;
}

#rightcolor {
width:30px;
height:21px;
}

#left_brown {
width:30px;
background-image:url(images/bg_left_brown.gif);
height:71px;
}

#right_brown {
width:30px;
background-image:url(images/bg_right_brown.gif);
height:71px;
}

#right_black {
width:30px;
background-image:url(images/bg_right_black.gif);
background-repeat:repeat-y;
padding-bottom:1000px;
}

#left_black {
width:30px;
background-image:url(images/bg_left_black.gif);
background-repeat:repeat-y;
padding-bottom:1000px;
}


.logobutton {

width:223px;
height:114px;
float:right;
margin:0px;
padding:0px;
}
.logobutton a {
background-image:url(images/logo_off.gif);
}

.logobutton a:hover {
background-image:url(images/logo_on.gif);
}


.influences {
width:104px;
height:23px;
float:left;
position:relative;
}

.influences a {
background-image:url(images/nav_inf_off.gif);
}

.influences a:hover {
background-image:url(images/nav_inf_over.gif);
}

.region {
width:84px;
height:23px;
float:left;
position:relative;
background-image:url(images/nav_reg_over.gif);

}

.region a {
background-image:url(images/nav_reg_off.gif);
}

.region a:hover {
background-image:url(images/nav_reg_over.gif);
}

.conserve {
width:77px;
height:23px;
float:left;
position:relative;
}

.conserve a {
background-image:url(images/nav_con_off.gif);
}

.conserve a:hover {
background-image:url(images/nav_con_over.gif);
}

.conserve{
	background-image:url(images/nav_con_over.gif);
}
	

.details{
width:65px;
height:23px;
float:left;
position:relative;
}

.details a {
background-image:url(images/nav_details_off.gif);
}

.details a:hover {
background-image:url(images/nav_details_over.gif);
}

.portfolio{
width:82px;
height:23px;
float:left;
position:relative;
}

.portfolio a{
background-image:url(images/nav_port_off.gif);
}

.portfolio a:hover{
background-image:url(images/nav_port_over.gif);
}

.contact {
width:67px;
height:23px;
float:left;
position:relative;
}

.contact a{
background-image:url(images/nav_contact_off.gif);
}

.contact a:hover, .contact{
background-image:url(images/nav_contact_over.gif);
}

.employment{
width:125px;
height:23px;
position:relative;
float:left;
}

.employment a{
background-image:url(images/nav_empl_off.gif);
}

.employment a:hover, .employment{
background-image:url(images/nav_empl_over.gif);
}

#navigation {
position:relative;
margin-top:50px;
float:left;
width:443px;
height:30px;
}


#sepimage {
height:70px;
position:relative;
width:666px;
background-repeat:no-repeat;
}

#foregroundbar {
height:21px;
width:666px;
position:relative;
}

#textimage {
background-image:url(images/text_home.gif);
position:relative;
float:left;
width:364px;
height:86px;
}

#textholder{
	width:354px;
	height:auto;
	position:relative;
	float:left;
	padding-right:10px;
}

#textholder_home{
	width:528px;
	height:auto;
	position:relative;
	display:block;
	padding-left:61px;
	padding-right:10px;
	
}

#headline_home{
	width:666px;
	height:69px;
	position:relative;
	background-image:url(images/home_headline.jpg);
}

.bodycopy {
font-family : "Times New Roman", Times, serif;
font-size : 12px;
color : #F7E9CB;
line-height : 18px;
padding-left:25px;
margin-top:20px;
padding-right:10px;
position:relative;
}

.bodycopy_home {
font-family : "Times New Roman", Times, serif;
font-size : 12px;
color : #1b1718;
line-height : 18px;
padding-left:25px;
margin-top:20px;
padding-right:10px;
position:relative;
text-align:center;
}


.bodycopy_conserve, .bodycopy_region, .bodycopy_contact, .bodycopy_employment {
font-family : "Times New Roman", Times, serif;
font-size : 12px;
color : #1b1718;
line-height : 18px;
padding-left:25px;
position:relative;
text-align:center;
}

#home_btn_holder{
	width:666px;
	height:115px;
	position:relative;
	display:block;
	margin-top:40px;
}

#home_btn_holder_b{
	width:500px;
	height:115px;
	position:relative;
	display:block;
	margin-top:40px;
	margin-left:150px;
}

img{
	border:none;
}

#home_button_l a{
	width:291px;
	height:115px;
	position:relative;
	float:left;
	margin-left:33px;
	background-position:0px 0px;
	background-image:url(images/home_btn_left.jpg);
}

#region_button_l a{
	width:291px;
	height:115px;
	position:relative;
	float:left;
	margin-left:33px;
	background-position:0px 0px;
	background-image:url(images/region_btn_left.jpg);
}

#conserve_button_l a{
	width:291px;
	height:115px;
	position:relative;
	float:left;
	margin-left:33px;
	background-position:0px 0px;
	background-image:url(images/conserve_btn_left.jpg);
}

#home_button_l a:hover, #region_button_l a:hover, #conserve_button_l a:hover{
	background-position:0px -115px;
}

#home_button_r a{
	width:291px;
	height:115px;
	position:relative;
	float:left;
	margin-left:16px;
	background-position:0px 0px;
	background-image:url(images/home_btn_right.jpg);
}

#region_button_r a{
	width:291px;
	height:115px;
	position:relative;
	float:left;
	margin-left:16px;
	background-position:0px 0px;
	background-image:url(images/region_btn_right.jpg);
}

#conserve_button_r a{
	width:291px;
	height:115px;
	position:relative;
	float:left;
	margin-left:16px;
	background-position:0px 0px;
	background-image:url(images/conserve_btn_right.jpg);
}

#home_button_r a:hover, #region_button_r a:hover, #conserve_button_r a:hover{
	background-position:0px -115px;
}

#homeimage{
	width:302px;
	height:311px;
	position:relative;
	float:left;
	background-image:url(images/home_image.jpg);
}

#regionimage{
	width:302px;
	height:311px;
	position:relative;
	float:left;
	background-image:url(images/region_image.jpg);
}

#conserveimage{
	width:302px;
	height:299px;
	position:relative;
	float:left;
	background-image:url(images/conserve_image.jpg);
}

#rightcolumn{
	width:302px;
	height:auto;
	position:relative;
	float:left;
}

#portcopybox{
	width:666px;
	height:auto;
	position:relative;
	float:left;
}

#addresscopy {
width:70px;
position:relative;
display:block;
float:left;
padding:0 0 0 25px;
margin:0;
text-align:left;
}

#addressinfo{
width:300px;
display:block;
position:relative;
float:left;
font-size:14px;
text-align:left;
}

#address {
width:400px;
display:block;
position:relative;
float:left;
margin-left:150px;
margin-right:100px;
text-align:left;
}

.bodycopy a {
text-decoration:underline;
color : #F7E9CB;
}

.bodycopy a:hover {
text-decoration:none;
color : #F7E9CB;
}

.bodycopy_conserve a, .bodycopy_region a, .bodycopy_contact a, .bodycopy_employment a, .bodycopy_home a {
text-decoration:underline;
color : #1b1718;
}

.bodycopy_conserve a:hover, .bodycopy_region a:hover, .bodycopy_contact a:hover, .bodycopy_employment a:hover, .bodycopy_home a:hover{
	text-decoration:none;
color : #1b1718;
}

.portcontainer{
width:418px;
position:absolute;
top:72px;
display:block;
height:399px;
z-index:2;
}

#architect{
position:absolute;
top:475px;
width:400px;
height:35px;
z-index:2;
color:#ffe5b9;
font-family:"Times New Roman", Times, serif;
font-size:12px;
text-align:right;
}

.flashcontainer{
width:358px;
height:373px;
border:1px solid #FFCC33;
position:absolute;
z-index:3;
margin-left:36px;
margin-top:15px;
}

.porttop{
display:block;
height:15px;
width:358px;
background-image:url(images/port_top.gif);
padding-left:36px;
}

.portbottom{
height:9px;
width:358px;
background-image:url(images/port_bottom.gif);
position:relative;
margin-top:375px;
margin-left:36px;
}

.portleft{
float:left;
background-image:url(images/port_left.jpg);
width:36px;
height:399px;
}

.portright {
position:relative;
float:right;
background-image:url(images/port_right.jpg);
width:24px;
height:399px;
}

#portnav {
position:relative;
float:right;
margin-top:63px;
width:248px;
height:220px;
}

#portheader {
width:248px;
height:18px;
position:relative;
display:block;
margin-top:3px;
}

#portnav_btns {
width:248px;
height:30px;
display:block;
position:relative;
}

.house {
height:30px;
width:30px; 
float:left; 
position:relative;
margin-left:2px;

}

.house a{
background-image:url(images/h_gray.gif);
}

.house a:hover{
background-image:url(images/h_tan.gif);
}

.houseb {
height:30px;
width:30px; 
float:left; 
position:relative;
margin-left:2px;
}

.houseblue {
height:30px;
width:30px; 
float:left; 
position:relative;
margin-left:4px;
margin-right:-2px;
}

.houseb a{
background-image:url(images/h_dark.gif);
}

.houseb a:hover{
background-image:url(images/h_tan.gif);
}


#facebook a{
	position:relative;
	float:left;
	height:28px;
	width:28px;
	margin-top:28px;
	border:none;
}

#facebook_connect a{
	width:139px;
	height:30px;
	position:relative;
	margin-left:277px;
	background-image:url(images/facebook_connect.jpg);
	margin-top:14px;
	display:block;
}

img{
	border:none;
}