/***** Global Settings *****/
 
html, body {
border:0;
margin:0;
padding:0;
color:#8c8c8c;
} 
 
body {
font:11px arial, helvetica, sans-serif;
}
.pretitle{
color:#333;
font-size:13px;
font-weight:bold;
}

#logolink{
	position:absolute;
	left: -4px;
	top: 3px;
	width: 266px;
	height: 89px;
}
/***** DESIGN *****/
#header_links{
text-align:right;
width:716px;
padding:18px 109px 58px 0 ;
background:url(../images/logo.gif) no-repeat;
margin-left:75px;
position:relative;
}

#nav_bar{
background:url(../images/green_rounded_border.gif) no-repeat #8c9520 top;
height:28px;
width:750px;
margin-left:75px;
}

#nav_bar ul { padding:0; margin:0 -15px 0 0 ; text-align:center }

#nav_bar a { 
	color:#FFFFFF; 
	text-decoration:none;   
	vertical-align:bottom; 
	padding:6px 22px;
	height:16px;
	display:block;
	margin-top:-5px
}
	
#nav_bar a:hover, #nav_bar a.current { 
	color:#FFFFFF; text-decoration:none; background-color:#6c740f;
	background-image:url(../images/menu_bkg_over.gif) ;
	background-position:right;
}

#nav_bar li {
list-style-type:none;
float:left;
color:#FFFFFF;
height:23px;
position:relative;
margin-top:5px
}


#nav_bar li.last { border-right:0 none; padding-right:0 }
#nav_bar li.first { padding-left:18px; }



#content_area{ width:750px; margin:5px 0 0 75px; position:relative; clear:left;}


#left_nav{
background-color:#f7f6f4; 
border-top:8px solid #e4e4e2;
border-bottom:8px solid #e4e4e2;
margin:10px 14px 10px 14px;
width:209px;
float:left;
}

#left_nav h2{ 
padding:11px 12px;
letter-spacing:-1px;
font:15px  arial, helvetica, sans-serif;
color:#8c8b8b;
font-weight:bold;
}

#left_nav ul{
padding:0;
margin:0 0 20px 0;
}

#left_nav li{
height:21px;
border-top:1px dotted #bdbcba;
padding:6px 0 0 0 ; 
}

#left_nav li.last{
height:21px;
border-top:1px dotted #bdbcba;
border-bottom:1px dotted #bdbcba;
}

#left_nav li a{ padding:0 0 0 12px; color:#8c8a8b }

#content_right{
	
	text-align:left;
	top:10px;
	width:auto;
	margin:0;
	background-color:#f7f6f4;
}

#content_right_home{
	float:right;
	text-align:left;
	top:10px;
	width:508px;
	margin:0;
	background-color:#f7f6f4;
}


#content_right_sub{
	
	text-align:left;
	margin:5px 0 0 0;
	width:512px;
	
	background-color:#f7f6f4;
}

#grey_header_sub{
	text-align:left;
	width:494px;
	padding: 3px 0px 3px 18px;
	border-top:1px dotted #bbbbbb;
	border-bottom:1px dotted #bbbbbb;
	position:relative;
	height:14px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;

}

#grey_header{
	text-align:left;
	width:auto;
	;
	margin:5px 0 0;
	padding: 3px 0px 3px 18px;
	border-top:1px dotted #bbbbbb;
	border-bottom:1px dotted #bbbbbb;
	position:relative;
	clear:both
}

#sub_nav  {margin:0; padding:0 ;  float:right; height:22px;    }

#sub_nav li {list-style:none; margin:0; padding:0; display:inline; padding-right:23px;
margin-right:16px;
display:inline;
list-style:none;
border-right: 1px solid #8b8b8b;
line-height: }

#sub_nav a {color:#8b8b8b}

#sub_nav li.last { border-right:0 none; margin-right:8px;}

#content_text_area, #content_text_area_sub{
background-color:#f7f6f4; 
border-top:1px dotted #bbbbbb; border-bottom:1px dotted #bbbbbb;
padding:13px 13px;
margin:0 3px 0 0 ;
}

#content_text_area_sub{
border-top:none;
}


#portfolio_content_area{
	width:511px;
	margin:10px 0 0 314px;
	position:relative;
}

#portfolio_area{
	width:auto;
	margin:0;
	position: relative;

}

#portfolio_box_left{
	clear:left;
	width:182px;
	height:456px;
	background:url(../images/portfolio_left_bkg.jpg) no-repeat;
	margin:6px 0 0 84px;
	padding:18px;
	color:#494748;
	float:left;
	
}

#portfolio_box_left h1{
color:#494748;
font-size:18px;
margin:0;
padding:0;
}

#portfolio_box_left hr{
border:none;
border-top:1px dotted #999999;
background:#fff;
color:#fff;
margin:7px 0;
}

#portfolio_thumbs_area{
	width:163px;
	margin: 0 0 0 12px;
}

.portfolio_thumbs{
	margin:4px 3px;
	

} 

#portfolio_image{
text-align:center;
width:460px;
height:267px;
margin:5px 0 21px 50px;
position:relative;
display:block;
}

#main_image{
margin:auto auto;
}

#portfolio_image div{
 vertical-align:middle;
 
 position:absolute;
}

#inner_thumbs_col{
	width:50px;
	float:left;
	height:269px;
	position:relative;
}

#inner_thumbs_col div {
	vertical-align: bottom;
	position:absolute;
	bottom:0;
	left:0;
}

.inner_thumb{
border:1px solid #494748; margin:6px 0 0 0;
}





#bottom_box{
	clear:left;
	width:760px;
	background-image:url(../images/shadow_box_mid.gif);
	margin:10px 0 0 71px;
}

#shadowbox_content{
	padding:6px 0 0 248px;
}

#shadowbox_content h1{
color:#494848;
font-size:18px;
margin:0;
padding:0;
}

.dotted_hr{
	height:1px;
	border:none;
	border-top:1px dotted #bcbbbb;
	width:485px;
	margin:15px 0 12px 0;
	padding:0
}

#thumb_box{
position:relative;
margin:15px 0 12px 0;
padding:12px 0 0 0 ;
border-top:1px dotted #bcbbbb;
width:488px;
border-bottom:1px dotted #bcbbbb;
height:64px;
}

#thumbnail { float:left; margin:0 6px 9px 0;}


#footer{ text-align:center; margin:8px 0; }

#gray_footer{ background:url(../images/gray_footer.gif); height:35px; padding:21px 0 0 0 ; text-align:center; color:#fff }
#gray_footer a{ color:#fff; padding:0 9px; }
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h2{
padding:0 0 10px 0;
letter-spacing:0px;
font:25px arial, helvetica, sans-serif;
color:#8e9521;
font-weight:bold;
}
 
h1 {
padding:0;

font:12px arial, helvetica, sans-serif;
font-weight:bold;
color:#494846;
}
 
h3 {
font:1em arial, helvetica, sans-serif;
font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {
list-style:none;
padding:0 0 18px 40px;
}
 
blockquote {
margin:22px 40px;
padding:0;
}
 
small {
font-size:0.85em;
}
 
img {
border:0;
}
 
sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}
 
sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}
 
acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}
 
/***** Links *****/
 
a, a:visited {
text-decoration:none;
color:#8e9521;
}
 
/***** Forms *****/
 
form {
margin:0;
padding:0;
display:inline;
}
 
input, select, textarea {
font:1em arial, helvetica, sans-serif;
}
 
textarea {
line-height:1.25;
}
 
label {
cursor:pointer;
}
 
/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }
 
/***** Wrapper *****/
 
#wrap {
width:900px;
margin:0 auto;
}
 
/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }