body{
	color:#000;
	font-family:Arial;
	font-size:12px;
	margin:0px;
	background: #fff;	
}

a {
	color:#821c21;
	text-decoration:underline;
}

a:hover{
	color:#494748;
	text-decoration:none;
}


/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
 
h1 {
padding:0;

font-size:16px;
font-weight:bold;
color:#821c21;
}
 
h2 {
color:#333333; font-size:18px; margin:0 0 0 0; padding:0;
}
 
h3 {
color:#333333; font-size:14px; margin:0 0 0 0; padding:0; font-weight:bold;
}
 
p, ul, ol {
margin:0;
padding:0 0 18px 0;
}
 
ul, ol {

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;
}
 

 
/***** Forms *****/
 
form div { 
	margin:0 0 8px 0;
	clear:left;
}

label {
	float:left;
	display:block;
	width:8em;
	font-weight:bold;
	padding-right:1.5em;
	vertical-align:middle;
}

form, input, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#494748;
}

form div.actions {
margin-left:8em;
padding-left: 1.5em;
}

.form_feild {width:300px;}


/***** Tables *****/
 
table {
border:0;
margin:0 0 18px 0;
padding:0;
}
 
  table tr td {
  padding:2px;
  }


#container{
	margin:0 auto;
	width:100%;
	height:500px;
}

#header{
	width:100%;
	height:121px;
	position: relative;
	background: url(../images/header_bkg.gif) center;
	padding:0;
	vertical-align:top;
}
	#header h1{
		color:#FFFFFF;
		font:16px Arial, Helvetica, sans-serif;
		float:left; 
		margin:28px 0 0 163px;
		font-weight:normal;
	}

#header_inner{ 
	width:800px; 
	margin:0 auto;
	padding:0; 
}

#logo{
margin:17px 0 0 20px;
float:left; 
} 

#body{
	width:840px;
	margin:0 auto;
	padding:0;
	z-index:5;
	position:relative;
}

#col_left{
	width:160px;
	float:left;
	padding: 0px 20px
}
	

#port_area{
 width:210px;
 float:left;
 background:url(../images/port_area_tile.gif);
 margin:-11px 0 0 -1px;
 z-index:10;
}

#port_area_inner{
	background:url(../images/port_area_bottom.gif) bottom no-repeat;
  width:210px;	

	text-align:center;
	
}
#port_title{
	margin:14px 0 0 0;
}
#thumb_area{
	margin:10px 15px 46px 35px;
	text-align:left;


	padding:
}
.thumb{
	margin:0 3px 7px 3px;
	
	padding:2px 3px 7px 5px;
	background:url(../images/thumb_bkg.gif);
}
.thumb2{
	margin:0 3px 7px 3px;
	
	padding:2px 3px 7px 5px;
	background:url(../images/thumb_bkg2.gif);
}

#content_area{
	width:632px;
	margin:10px 0 0 0;
	float:right; 
	padding:0 0 20px 0;
	font:12px Arial, Helvetica, sans-serif;
	color:#4f4f4f;
}
	#content_area h1{ color:#333333; font-size:18px; margin:0 0 15px 0; }
	
#port_nav{
list-style:none;
padding:0;
margin:15px 0 10px 0;
font:12px Arial, Helvetica, sans-serif
}
#port_nav li{margin:10px 0 0 0}
#port_nav a { color:#4f4f4f; text-decoration:none; }
#port_nav a:hover, #port_nav a.current { color:#000 }

#home_content_area{
	width:800px;
	margin:10px 0 15px 0;
	float:right; 
	text-align:center;
}

#portfolio_content_area{
	width:590px;
	margin:10px 0 0 0;
	float:right; 
}



#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;
margin:5px 0 21px 60px;
position:relative;
display:block;
height:383px;
vertical-align:bottom;
}

#case_study_link, #case_study_back{clear:both; float:right; font-style:italic}

#main_image{
margin:auto auto;
}

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

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

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

.inner_thumb{
 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
}








#menu_top{
	color: #fff;
	font-family: Arial,sans-serif;
	position:relative;
	float:right;
	margin:25px 20px 0 0 ;
}
#menu_top ul { list-style-type : none; margin:0; padding:0 }
#menu_top li { 
	display : inline;
	margin-left:4px;
	margin-right:4px;
	font-size:12px;
	color: #fff;

}
#menu_top a {
	color: #fff;
	text-decoration: none;
	vertical-align:top
}

#menu_top a:hover {
	color: #000;
}

#footer{
	clear:both;
	width:100%;
	height:98px;
	border-top:1px solid black;
	position:relative;
	background:url(../images/footer_bkg.gif) center;
}

#footer_inner{width:800px; margin:0 auto; position:relative}



#under_footer{color:#999999; margin:0 0 0 104px ; padding:15px 0 0 0 ; text-align:left; width: 785px; height: 55px; clear:both}
#under_footer a{color:#999999; text-decoration:none}
#under_footer a:hover{text-decoration:underline}

#content_text_area{ color:#4f4f4f; padding:0 15px 15px 15px; }


#menu_bottom { 	
	color: #FFF;
	font-size:10px;
	list-style-type: none; 
	margin:58px 0 0 116px ; 
	padding:0px;
	float:left;
	width:504px;
}
	
#menu_bottom li { 
	display:inline;
	margin-left:3px;
	margin-right:3px;
	color: #FFF;
}
#menu_bottom a {
	color: #FFF;
	text-decoration: none;
}
#menu_bottom a:hover {
	color: #000;
}

#bottom_text{
	position:absolute;
	left: 56px;
	top: 10px;
	width: 676px;
	height: 35px;
	color:#CCCCCC
	
	
}

.link_white a{
	font-size:12px;
	color: #fff;
	text-decoration: none;
}
.clear{clear:both}
.column{ width:280px; float:left; padding:10px 10px 0 0 }