/*@font-face {
  font-family: "Optima";
  src: url(optima.ttf) format("truetype");
}*/

body { margin: 0; font-family: "Trebuchet MS", Arial; }


#container { margin: 0 auto; position: relative;  width: 950px; height: 600px; }
#header { height: 60px; }
#nav_vision, #nav_services, #nav_portfolio, #nav_contact { position: absolute; top: 24px; }
#nav_vision { left: 0px; }
#nav_services { left: 78px; }
#nav_portfolio { left: 166px; }
#nav_contact { left: 274px; }
#top_line { width: 588px; height: 1px; right: 0px; top: 32px; position: absolute; background-color: #86665c;}

#content_container { width: 950px; height: 440px; position: relative; background-color: #fff0d9;}

#footer { position: absolute; top: 525px; left: 0px; }

a img { border: 0; }

hr {height:1px; color:#DDDDDD; }

/* home page */
#home_left { position: absolute; top: 0px; left: 0px; padding-top:2px; background:#5D3325; }
#home_right { position: absolute; top: 0px; left: 210px; }

/* inner pages */
#inner_left { position: absolute; top: 0px; left: 0px; z-index: 0; }
#inner_horizontal_left { position: absolute; top: 58px; left: 0px; width: 210px; height: 1px; background-color: #724c3d; z-index: 1; } 
#inner_horizontal_right { position: absolute; top: 58px; left: 210px; width: 740px; height: 1px; background-color: #c2aa97; z-index: 1;}
#inner_left_sectiontitle { position: absolute; top: 30px; left: 30px; font-size: 18px; color: #abb0a4; font: "Trebuchet MS";}
#inner_left_sectiontitle1{background:#613b2f; color: #ede4d8; font-size:13px; padding-left:15px; height:20px; border-top:#724c3d solid 1px; font: "Trebuchet MS";} 
#inner_left_sectiontitle a { color: #abb0a4; text-decoration: none; }
#inner_left_nav { position: absolute;  top: 74px; left: -16px; list-style: none; }
#inner_left_nav li { line-height: 25px; }
#inner_left_nav li a { font-size: 13px; color: #abb0a4; text-decoration: none; padding-left: 10px;}
#inner_left_nav li a:hover { text-decoration: underline; }
#inner_left_nav li.current { background: url(../images/inner_nav_current.jpg) 0px 10px no-repeat;  }
#inner_left_home { position: absolute; left: 30px; top: 400px; }
#inner_left_home a { font-size: 13px; color: #abb0a4; text-decoration: none;}
#inner_left_home a:hover { text-decoration: underline; }
#inner_right_copy {
	font-size: 11px;
	color: #5c3225;
	width: 500px;
	position: absolute;
	top: 70px;
	left: 241px;
	height:350px;
	overflow:auto;
	padding-right:5px;
}
#inner_right_copy h1 { font-size: 18px; font: "Trebuchet MS";}
#inner_right_copy p.learn_more a { font-weight: bold; text-decoration: none; color: #5c3225;}
#inner_right_copy p.learn_more a:hover { text-decoration: underline; }
/*#inner_right_copy div{ height:50px; overflow:auto;}*/

/* mission page */
#mission_image1 { position: absolute; top: 86px; right: 30px; }
#mission_image2 { position: absolute; top: 260px; right: 30px; }

/* portfolio - commercial - featured */
#inner_right_copy p.featured { font-weight: bold; }
#featured_image1, #featured_image2, #featured_image3, #featured_image4 { position: absolute; width: 121px; top: 250px;}
#featured_image1 { left: 286px; }
#featured_image2 { left: 446px; }
#featured_image3 { left: 608px; }
#featured_image4 { left: 766px; }
#view_all { position: absolute; top: 406px; left: 858px; }
#view_all a { text-decoration: none; font-weight: bold; color: #5c3225; font-size: 11px; }
#view_all a:hover { text-decoration: underline; }

#featured_image{ float:left; width:121px; height:150px; margin-left:20px; margin-top:4px;}

/* portolio - commerical - all */
div.name { text-align: center; }
div.name a { color: #5c3225; font-size: 11px; text-decoration: none;}
div.name a:hover { text-decoration: underline; }
#folio_list_images ul{ margin:0; padding:0;}
#folio_list_images li{ list-style:none; float:left; width:121px; height:120px; margin:0 40px 25px 0;}
#folio_list_images li img{ border:#5d3325 solid 1px;}


/* portfolio detail page */
#portfolio_city { font-size: 11px; font-weight: bold; position: absolute; top: 100px; right: 20px; width:150px; }
#detail_mainpic { position: absolute; top: 190px; left: 240px; }
#detail_minipic1, #detail_minipic2, #detail_minipic3, #detail_minipic4 { position: absolute; left: 638px; }
#detail_minipic1 { top: 240px; }
#detail_minipic2 { top: 288px; }
#detail_minipic3 { top: 334px; }
#detail_minipic4 { top: 382px; }

#contactform table, tr, td {
	font-size: 11px;
	color: #5c3225;
	margin: 10px;
	padding: 10px;
}

#TBLform table, tr, td {
	font-size: 11px;
	color: #5c3225;
	margin: 0;
	padding: 0px;
}

#contactform  {
	font-size: 11px;
	color: #5c3225;
	margin: 10px;
	padding: 10px;
	background-color: #fff0d9;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid #5C3224;
padding: 4px;
background: #fff;
visibility: hidden;
z-index: 100;
font-size:11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);*/
}