html{
	background-color:#0E1112;
	height:100%;
}
body{
	background:url(/images/bg_rep.png);
	background-repeat:repeat-x;
	color:#7f9095;
	font:normal 10px/1.5em Verdana,Arial,sans-serif;
	height: 100%;
	margin: 0px;
}
#main{
	background:url(/images/bg_top.png);
	background-repeat:no-repeat;
	background-position:center top;
	min-height:100%;
	margin: 0 auto;
	position:relative;
}
#custom-doc{
	overflow:hidden;
}
a, span{
	background-repeat:no-repeat;
}

/*COLOR PALETTE*/
.c_0{color:#000;} /*black*/
.c_1{color:#a3d98b;} /*green*/
.c_2{color:#62a1ac;} /*blue*/
.c_3{color:#70bcc9;} /*light blue*/
.c_4{color:#161b1d;} /*dark gray*/
.c_5{color:#535f62;} /*medium dark gray*/
.c_6{color:#7f9095;} /*medium light gray*/
.c_7{color:#b0c6cc;} /*light blueish gray*/
.c_f{color:#FFFFFF;} /*white*/

.c_0 .ps{background-color:color:#000; height:35px;	width:100px;}
.c_1 .ps{background-color:color:#a3d98b; height:35px;	width:100px;}
.c_2 .ps{background-color:color:#62a1ac; height:35px;	width:100px;}
.c_3 .ps{background-color:color:#70bcc9; height:35px;	width:100px;}
.c_4 .ps{background-color:color:#161b1d; height:35px;	width:100px;}
.c_5 .ps{background-color:color:#535f62; height:35px;	width:100px;}
.c_6 .ps{background-color:color:#7f9095; height:35px;	width:100px;}
.c_7 .ps{background-color:color:#b0c6cc; height:35px;	width:100px;}
.c_f .ps{background-color:color:#FFFFFF; height:35px;	width:100px;}


/*FONTS & TEXT*/
.f_b{font-weight:bold;}
.f_n{font-weight:normal;}
.f_t_u{text-decoration:underline;}
.f_t_n{text-decoration:none;}
.f_t_uc{text-tranform:uppercase}
.f_11{font-size:1.1em;}
/*HEADERS*/
h1, h2, h3, h4{
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-weight:normal;
		margin:0;
}
/*LISTS*/
ul.free{
	margin:0 0 0 0;
	padding:0 0 0 0;
}
	ul.free li{
			list-style:none;
	}
ul.horizontal li{
	float:left;
}
/*ANCHORS*/
.btn_gnrc{
	background-image:url(/images/btn_bg_right.gif);
	background-position:right;
	background-repeat:no-repeat;
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:0 13px 0 0;
	text-decoration:none;
}
	.btn_gnrc span{
		background-image:url(/images/btn_bg_left.gif);
		background-repeat:no-repeat;
		color:#7f9095;
		display:block;
		padding:3px 3px 3px 10px;
		text-transform:uppercase;
	}
/*ID's*/
#hd{
	background-image:url(/images/hd.gif);
	background-position:center top;
	background-repeat:no-repeat;
	height:180px;
	overflow:hidden;
	position:relative;
}
.logo{
	left:37px;
	position:absolute;
	top:20px;
}
 .logo a{
	 	display:block;
		height:161px;
		overflow:hidden;
		line-height:3000%;
		width:259px;
 }
 .contact{
	 	background-image:url(/images/envelope.gif);
		background-position:0 2px;
		background-repeat:no-repeat;
		color:#071a21;
		display:block;
		font-size:1em;
		height:12px;
		left:850px;
		padding:0 0 0 18px;
		position:absolute;
		text-decoration:none;
		text-transform:uppercase;
		top:30px;
 }
 .trueview_link{
		background-image:url(/images/true_view_btn.gif);
		height:29px;
		color:#A3D98B;
		display:block;
		font-size:1em;
		height:19px;
		left:763px;
		line-height:2000%;
		overflow:hidden;
		padding:0 0 0 18px;
		position:absolute;
		text-decoration:none;
		text-transform:uppercase;
		top:30px;
		width:63px;
 }
 .primary_nav{
		height:20px;
		left:345px;
		position:absolute;
		top:90px;
		width:600px;
 }
	.primary_nav ul{
		float:right;
	}
 	 	.primary_nav ul li{
 	 		height:30px;
 	 		margin:0 0 0 20px;
		}
 	 	.primary_nav ul li.selected{
 	 		background-image:url(/images/p_nav_selected_left.gif);
			background-repeat:no-repeat;
 	 	}
 	 	.primary_nav ul li a{
			background-repeat:no-repeat;
			color:#62a1ac;
 	 		display:block;
			float:left;			
			font-size:1.5em;
			height:29px;
			line-height:1000%;
			overflow:hidden;
			padding:0 0 0 0;
			text-decoration:none;
			text-transform:uppercase;
 	 	}
 	 	.primary_nav ul li a.home{
 	 		background-image:url(/images/p_nav_home.png);
			width:62px;
		}
 	 	.primary_nav ul li a.home:hover{
 	 		background-position:-62px 0px;
		}
 	 	.primary_nav ul li a.home_selected, .primary_nav ul li a.home_selected:active, .primary_nav ul li a.home_selected:hover{
 	 		background-position:-124px 0px;
		}
 	 	.primary_nav ul li a.our_work{
 	 		background-image:url(/images/p_nav_our_work.png);
			width:105px;
		}
 	 	.primary_nav ul li a.our_work:hover{
 	 		background-position:-105px 0px;
		}
 	 	.primary_nav ul li a.our_work_selected, .primary_nav ul li a.our_work_selected:hover{
 	 		background-position:-210px 0px;
		}
		.primary_nav ul li a.our_services{
 	 		background-image:url(/images/p_nav_our_services.png);
			width:133px;			
		}
		.primary_nav ul li a.our_services:hover{
 	 		background-position:-133px 0px;
		}
		.primary_nav ul li a.our_services_selected, .primary_nav ul li a.our_services_selected:hover{
			background-position:-266px 0px;
		}
		.primary_nav ul li a.our_firm{
 	 		background-image:url(/images/p_nav_our_firm.png);
			width:98px;		
		}
		.primary_nav ul li a.our_firm:hover{
			background-position:-98px 0px;
		}
		.primary_nav ul li a.our_firm_selected, .primary_nav ul li a.our_firm_selected:hover{
			background-position:-196px 0px;
		}
#bd{
	height:1%;
	height:auto;
}
#bd #ourWork {
	position: relative;
	top: -23px;
}
#bd .ctnt_l{
	margin:0 17px 0 0;
	overflow:hidden;
	width:680px;
} 
.box_big{
	background-color:#080808;
	background-image:url(/images/ctnt_l_box_top.jpg);
	float:left;
	padding:0 0 20px 0;
}
	.banner{
		border-top:1px solid #292e30;
		border-bottom:1px solid #292e30;
		display:block;
		float:left;
	}
	 .box_big div.shaded{
	 	background-image:url(/images/img_holder.gif);
	 	display:block;
	 	float:left;
		height:111px;
		margin:0 19px 0 0;
		width:120px;
		position:relative;
	 }
		 .box_big div.shaded img{
			left:5px;
		 	position:absolute;
			top:5px;
		}
	.box_big .intro{
		font-size:1.4em;
		float:left;
		line-height:2em;
		padding:20px 40px 20px 40px;
	}
	.box_big .block_right{
		float:left;
	}
	.box_big h3{
		font-size:1.2em;
		font-weight:bold;
		margin:0 0 10px 0;
	}
	hr.dots{
 	background:none;
	border:none;
	border-bottom:1px dotted #292e30;
	float:left;
	height:1px;
	margin:0 0 30px 0;	
 	width:680px;
 }
 .subpage_ctnt{
 	float:left;
 	margin:0 0 0 40px;
	overflow:hidden;
	width:600px;
 }
#bd .ctnt_l h2{
	float:left;
	font-size:2.4em;
	*line-height:1.2em;
	margin:30px 0 28px 40px;
}
#bd .ctnt_l h3{
	color:#b0c6cc;
	font-size:1.2em;
	font-weight:bold;
}
#bd .ctnt_l .copy{
	font-size:1.2em;
	line-height:1.4em;
}
#bd .ctnt_l div.closure{
	background:none;
	border:none;
	background-image:url(/images/ctnt_l_box_closure.gif);
	float:left;
	height:10px;
	margin:0;
	width:680px;
}
#bd .ctnt_l_home{
	width:650px;
}

#bd .ctnt_r{
	overflow:hidden;
	width:250px;
}
#bd .ctnt_r_home{
	width:280px;
}
.box{
	float:left;
	margin:0 0 5px 0;
	overflow:hidden;
	width:250px;
}
.ctnt_r_home .box{
	width:280px;
}
	.box .ctnt{
		background-image:url(/images/box_sm.png);
		float:left;
		padding:20px 20px 10px 20px;
		width:210px;
	}
	.box .ctnt ul li{
		margin:0 0 7px 0;
	}
		.box .ctnt ul li a{
			background-image:url(/images/p_nav_carat.gif);
			background-position:0 7px;
			background-repeat:no-repeat;
			color:#62a1ac;
			font-size:1.2em;
			padding:0 0 0 10px;
			text-decoration:none;
		}
		.box .ctnt ul li a:hover, .box .ctnt ul li a.selected{
			background-image:url(/images/p_nav_carat_w.gif);
			color:#FFFFFF;
		}
	.ctnt_r_home .box .ctnt{
		background-image:url(/images/box.png);
		width:240px;
	}
		.box .ctnt h2{
			font-size:1.9em;
			line-height:1em;
			margin:0 0 15px 0;
		}
		.box .ctnt .copy{
			font-size:1.2em;
			line-height:1.3em;
		}
			.box .ctnt .copy a{
				color:#70bcc9;
				text-decoration:underline;
			}
		.box .ctnt .f_11{
			font-size:1.1em;
			line-height:1.5em;
		}
	.box div.closure{
		background:none;
		background-image:url(/images/box_btm_sm.png);
		background-position:bottom;
		border:none;
		float:left;		
		height:10px;
		margin:0;
		width:250px;
	}
	.ctnt_r_home .box .closure{
		background-image:url(/images/box_btm.png);
		width:280px;
	}
#clear_ft{
	height:50px;
}
#ft{
	background-image:url(/images/footer.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
	bottom:0;
	height:50px;
	margin: -50px auto 0 auto;
	position:absolute;
	width:100%;
	*left:0px;
}
#ft .content{
	margin:auto;
	width:950px;
}
#ft .copyright{
	color:#535f62;
	display:block;
	float:left;
	margin:5px 0 0 0;
}
#ft ul{
	float:right;
	margin:5px 0 0 0;
}
#ft ul li{
	border-right:1px solid #535f62;
	line-height:10px;
	margin:0 6px 0 0;
	padding:0 6px 0 0;
}
	#ft ul li a{
		color:#70bcc9;
	}
#ft ul li.last{
	border:0;
	margin:0;
	padding:0;
}
/*YUI*/
#custom-doc {
	margin:auto;
	text-align:left;
	/* 	for a custom page width, divide your desired pixel width by 13 to find em width. Multiply that value by 0.9759 for IE via *width.*/
	width:73.076923em;/* !IE */
	*width:71.3158em;/*IE*/
	min-width:950px;
	position:relative;
}
#custom-doc{
	*width:950px;
}

/* Home Page jsFlipper */
.flash_home {
	width: 650px;
	height: 470px;
	background-image: url(/images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
	.flash_home a{
		text-decoration:none;
	}
#cycle01 {
	width: 575px;
	height: 470px;
}
	#cycle01 p {
		float: left;
		width: 450px;
		margin: 11px 0 0 22px;
	}
	.project_name {
		color: #a3d98b;
		display:block;
		font-family:Tahoma,Arial,Helvetica,sans-serif;
		font-size:2.2em;
		*line-height:1.2em;
		padding-top:4px;
		*padding-top:0px;
	}
	.controls {
		font-size: 9pt;
		padding: 16px 15px 0 0;
		*padding: 8px 7px 0 0;
		*position:absolute;
		*top:426px;
		*left:515px;
		float: right;
		width:117px;
	}
	.controls a {
		outline: none;
		display:block;
		text-decoration: none;
		overflow:hidden;
		line-height:2000%;
	}
		.controls a.prev2{
			background-image:url(/images/previous.gif);
			float:left;
			width:58px;
			height:19px;
		}
		.controls a.next2{
			background-image:url(/images/next.gif);
			float:right;
			width:54px;
			height:19px;
		}
		.controls a.prev2:hover{
			background-position:-58px 0px;
		}
		.controls a.next2:hover{
			background-position:-54px 0px;
		}
	.controls a:link, .controls a:visited, .controls a:active {
		color: #70BCC9;
	}
	.controls a:hover {
		color: #a3d98b;
	}

/* CONTACT FORM */
#frmContact {
  background: #000;
  color: #7F9095;
  padding: 10px;
  text-align: center;
  width: 450px;
}
#frmContact fieldset {
  border: 1px dotted #292E30;
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  width: auto;
}
#frmContact legend {
  color: #7F9095;
}
#frmContact .float {
  float: left;
  width: 50%;
}
#frmContact p {
  margin: 5px 0;
}
#frmContact label {
  display: block;
  font-weight: bold;
}
#frmContact label span {
  color: #ff0000;
}
#frmContact .checkbox-label {
  display: inline;
}
#frmContact input, #frmContact textarea {
  border: 1px solid #292E30;
  width: auto;
}
#frmContact label.error { color: red; }
#frmContact input.error { border: 1px solid red; }

p.error {
  color: red;
}

#bd .ctnt_l h2.truview{
	margin-left:20px;
}
/* TrueView Page */
.truview_copy{
	width:600px;
}
.truview_copy a {
  color:#70bcc9;
	text-decoration:underline;
}

/* Login Form */
.login_form #frmContact {
  background: none;
  padding: 0;
  width: auto;
}
