/********************************************
			RESET
********************************************/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
	padding: 0;
	margin: 0;
}


body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: url(../images/bg.jpg) #040404 repeat;
	color: #8f8b89;
	font-family: arial, sans-serif;
	font-size: 11px;
}

a {
	color: #3597b3;
}

a img {
	border: 0px;
}

a:active, a:focus {
	outline: none;
}

/********************************************
			TEXT 
********************************************/
.subhead_blue {
	color: #3597b3;
	font-size: 15px;
}

.subhead {
	font-size: 18px;
	color: #c5c5c5;
	display: block;
}

.head {
	font-size: 22px;
	color: #c5c5c5;
	display: block;
}

h1 {
	font-size: 22px;
	color: #c5c5c5;
	display: block;
}

.bluehead {
	color: #3597b3;
	font-size: 18px;
	display: block;
}

.highlight {
	color: #fff;
}

.bluehead {
	color: #3597b3;
	font-size: 18px;
	display: block;
}

.contentBox{
	background-color: #131313;
	border: 1px solid #303030;
	width: 455px;
	margin-bottom: 20px;
	padding: 14px;
	line-height: 16px;
}

.smallhead {
	font-size: 14px;
	color: #c5c5c5;
	display: block;
}

h2 {
	font-size: 14px;
	color: #c5c5c5;
	display: block;
}

#alert li {
	color: #3597b3;
}

.blog_title a {
	color: #c5c5c5;
	text-decoration:none;
}

.blog_title a:hover {
	color:#3597b3;
}

/********************************************
			BASIC LAYOUT
********************************************/
#topbar_outer {
  height: 16px;
  background: url(../images/bgtop.jpg) repeat;
} 
  
#topbar_inner {
	margin: 0 auto;
	width: 1034px;
	text-align: left;
	background: url(../images/bgtop_main.jpg) no-repeat;
	height: 16px;
}

#toprow_outer {
  text-align: center;
  background: url(../images/bgrow_top_border.jpg) repeat-x top;
}
  
#toprow_inner {
  margin: 0 auto;
  width: 1034px;
  text-align: left;
  background: url(../images/bgrow_top.jpg) no-repeat;
}

#btmrow_outer {
	text-align: center;
	height: 360px;
	background: url(../images/bgrow_btm_border.jpg) repeat-x bottom ;
	clear: both;
} 
  
#btmrow_inner {
  margin: 0 auto;
  width: 1034px;
  text-align: left;
  background: url(../images/bgrow_btm.jpg) no-repeat bottom;
  height: 360px;
}

#foldrow_outer {
  text-align: center;
  background-color: #040404;
  border-bottom: 1px solid #383838;
} 
  
#foldrow_inner {
	margin: 0 auto;
	width: 1034px;
	text-align: left;
	background: url(../images/bg_fold.jpg) no-repeat top;
	height: 350px;
	font-size: 12px;
}

.col_left {
	width: 200px;
	float: left;
	margin-left: 12px;
}
.col_right {
	float: left;
	width: 800px;
	margin-left: 20px;
	padding-top: 30px;
}

/********************************************
			SIDEBAR 
********************************************/
.logo_wrap {
	width: 187px;
	height: 140px;
	position: relative;
	overflow: hidden;
	float: left;
	padding: 0;
}

.logo_wrap img {
	position: absolute;
	top: 0;
	left: 0;
}

#nav_box {
	background-color: #131313;
	width: 196px;
	border-left: 1px solid #414040;
	border-right: 1px solid #414040;
	border-bottom: 1px solid #414040;
	margin-bottom: 10px;
}

#client_login_box {
	background-color: #131313;
	width: 188px;
	border: 1px solid #414040;
	padding: 10px 0px 10px 8px;
}

#nav { 
	padding: 0px 8px;
	margin: 0px;
	list-style: none;
	padding-top: 10px;
	margin-bottom: 35px;
	clear: both; 
}

#nav a { 
	color: #8f8b89;
	text-decoration: none;
}

#nav a:hover {
	color: #fff;
}

#nav li {
	margin-bottom: 7px;
	padding-bottom: 3px;
	border-bottom: 1px solid #8a8a8a;
}

#clientFormHolder {
	width: 188px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.clientLoginField {
	background-color: #fff;
	border: 1px solid #393838;
	width: 125px;
	height: 18px;
	padding: 0px;
	color: #393838;
	margin-bottom: 7px;
	float: left;
	margin-right: 6px;
}

input.clientLoginButton {
	background-color: #a8a6a6;
	border: 1px solid #686868;
	text-transform: lowercase;
	font-variant: small-caps;
	height: 18px;

}

/********************************************
			FOLD 
********************************************/
#fold_content {
	clear: both;
	padding-top: 30px;
}

#fold_col_1 {
	width: 200px;
	float: left;
	margin-left: 12px;
}

#fold_col_2 {
	width: 225px;
	float: left;
	padding-left: 32px;
	padding-right: 15px;
}

#fold_col_3 {
	width: 211px;
	padding-left: 15px;
	padding-right: 12px;
	float: left;
}

#fold_col_4 {
	width: 225px;
	padding-left: 15px;
	padding-right: 12px;
	float: left;
}

.fold_list {
	list-style-type: none;
	padding: 0px;
	margin: 0px
}

.fold_list li a {
	text-decoration: none;
}

.fold_list li a:hover {
	text-decoration: none;
	border-bottom: 1px dotted #3597b3;
}

.fold_list li {
	padding-bottom: 4px;
	margin-bottom: 7px;
	border-bottom: 1px solid #393838;
}

#fold_content .subhead {
	font-size: 16px;
}

/********************************************
			HOMEPAGE 
********************************************/
#home_quote {
	width: 516px;
	height: 29px;
	margin-top: 15px;
	margin-bottom: 45px;
	margin-left: 12px;
}

#home_quote p{
	margin-left: -9999px;
}

#what_we_do {
	width: 225px;
	padding-left: 12px;
	padding-right: 15px;
	float: left;
}


#services {
	width: 211px;
	padding-left: 15px;
	padding-right: 12px;
	float: left;
	height: 192px;
	border-left: 1px solid #40403e;
	border-right: 1px solid #40403e;
}

#latest_news {
	width: 225px;
	padding-left: 15px;
	padding-right: 12px;
	float: left;
}

#news_holder{
margin-top:13px;

}

#latest_news .subhead_blue a {
	text-decoration: none;
}

#home_content {
 font-size: 12px;
 line-height: 18px;
}

#home_content h2 {
	font-size: 18px;
	color: #c5c5c5;
}

#services_list {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 12px;
	margin-top: 13px;
}

#services_list li {
	margin-bottom: 5px;
	padding-left: 3px;
}

.home_more {
	background: url(../images/arrow.png) no-repeat center left;
	padding-left: 20px;
}

.home_more a {
	color: #3597b3;
	text-decoration: none;
}

/********************************************
			FEATURED SLIDER  
********************************************/
#featured_project {
	background-color:#131313;
	height:285px;
	width:750px;
	border:1px solid #414040;
	text-align: center;
}		

#viewport {
	width: 710px;
	height: 270px;
	margin-left: 20px;
	overflow: hidden;
}

#panel {
	width: 3000px;
	display: block;
	text-align: left;
}

.pane {
	display: block;
	float: left;
	width: 750px;
	filter: Alpha(opacity=100);
}

.pane h1 {
	color: #fff;
	padding: 25px 0;
	font-size: 12px;
}

ul#links {
	display: block;
}

li.link {
	display: block;
	float: left;
	list-style-type: none;
	padding: 5px;
}

.featured_image {
	width: 485px;
	float: left;
	margin-top: 10px;
}

.featured_copy {
	width: 210px;
	float: left;
	margin-top: 7px;
	margin-left: 10px;
}

.featured_head {
	clear: both;
	margin-top: 10px;
	text-align: left;
}

.dim_button {
	filter: Alpha(opacity=50);		
}

.bright_button {
	filter: Alpha(opacity=100);		
}

#button_holder {
	width: 485px;
	text-align: left;
	clear: both;
	margin-left: 20px;
	margin-top: -5px;
	padding: 0px;
	clear: both;
}

/********************************************
			PORTFOLIO 
********************************************/
#portfolio_top {
	width: 800px;
}

#portfolio_nav {
	width: 480px;
	float: left;
	padding-right: 20px;
}

#portfolio_nav hr {
	border-bottom: 1px solid #414040; 
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	height: 1px;
}

#portfolio_featured{
	float: left;
	background-color: #131313;
	border: 1px solid #303030;
	width: 228px;
	margin: 0px;
	padding: 0px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.portfolio_list {
	float: left;
	margin-top: 10px;
	margin-right: 40px;
}

.portfolio_list ul {
	list-style-type: none;
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.portfolio_list ul li {
	margin-top: 2px;
	margin-bottom: 2px;
}

.portfolio_list ul li a {
	text-decoration: none;
	font-size: 12px;
}

.portfolio_list ul li a:hover {
	text-decoration: underline;
}

#projects {
	clear: both;
	margin-top: 20px;
}

.project_listing {
	background-color: #131313;
	height: 80px;
	width: 225px;
	border: 1px solid #414040;
	padding: 5px;
	float: left;
	margin-right: 17px;
}

.listing_img {
	float: left;
	width: 90px;
}

.listing_detail {
	float: left;
	width: 130px;
}

.listing_title {
	display: block;
	text-transform: uppercase;
	font-variant: small-caps;
	font-size: 11px;
	color: #c5c5c5;
}

.listing_title a {
	text-decoration: none;
	color: #c5c5c5;
}

.listing_title a:hover {
	text-decoration: underline;
	color: #c5c5c5;
}

.listing_client {
	font-size: 11px;
	display: block;
}

.listing_type {
	display: block;
	margin-top: 10px;
	font-style: italic;
}

.client_detail_list, .keyword_detail_list {
	width: 200px;
	float: left;
}

.client_detail_list li a, .keyword_detail_list li a {
	width: 200px;
	margin-bottom: 2px;
}

.selected a {
	color: #c5c5c5;
}

.sub_featured_title {
	font-size: 15px;
	color: #c5c5c5;
}

.sub_featured_img {
	margin-top: 10px;
}

#portfolio_featured .subhead_blue a {
	text-decoration: none;
}

#portfolio_featured .subhead_blue a:hover {
	text-decoration: underline;
}

.portfolio_more {
	background: url(../images/arrow.png) no-repeat center left;
	padding-left: 20px;
	font-size: 12px;
}

.portfolio_more a {
	color: #c5c5c5;
	text-decoration: none;
}

.portfolio_more a:hover {
	text-decoration: underline;
}

/********************************************
			PROJECT 
********************************************/
#projectDetail_left {
	width: 558px;
	float: left;
}

#projectDetail_right {
	width: 140px;
	float: left;
	padding: 7px 14px 14px 14px;
	background-color: #131313;
	border: 1px solid #303030;
	margin-left: 20px;
}

.projectDetail_box{
	background-color: #131313;
	border: 1px solid #303030;
	width: 530px;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
	padding: 14px;
}

.projectDetail_header {
	width: 525px;
	text-align: left;
	margin-bottom: 10px;
}

.projectDetail_title {
	width: 460px;
	float: left;
	margin-bottom: 10px;
}

.projectDetail_info {
	text-align: right;
	width: 40px;
	float: right;
	padding-top: 20px;
}

.detail_client {
	font-size: 22px;
	color: #c5c5c5;
	display: block;
}

.detail_title {
	color: #3597b3;
	font-size: 18px;
	display: block;
}

.detail_em {
	font-style: oblique;
	display: block;
}

.projectDetail_desc {
	margin-left: 14px;
	width: 533px;
	padding-bottom: 10px;
	clear: both;
}

.projectDetail_desc p {
	line-height: 18px;
	font-size: 12px;
	margin-top: 5px;
}

/********************************************
			NEWS 
********************************************/
.newsItemBox {
	background-color: #131313;
	border: 1px solid #303030;
	width: 455px;
	margin-bottom: 20px;
	clear: both;
	padding: 14px;
}

.newsDate {
	color: #3597b3;
}

.newsItemBox p {
	line-height: 16px;
}

.newsItemBox h2 {
	font-size: 18px;
	color: #c5c5c5;
	display: block;
}

/********************************************
			CONTACT 
********************************************/
.contact_label {
	display: block;
	margin-bottom: 3px;
}

.phone {
	line-height: 18px;
	display: block;
	padding-bottom: 7px;
}

input.formButton {
	background-color: #a8a6a6;
	border: 1px solid #686868;
	text-transform: lowercase;
	font-variant: small-caps;
	height: 18px;
}

.contactField {
	background-color: #fff;
	border: 1px solid #393838;
	width: 170px;
	height: 15px;
	color: #393838;
	margin-bottom: 7px;
}

.contactArea {
	background-color: #fff;
	border: 1px solid #393838;
	color: #393838;
	width: 313px;
	height: 120px;
	margin-bottom: 7px;
}

#contact_form {
	width: 400px;
	text-align: left;
}

#contact_form label {
	float: left;
	text-align: right;
	width: 60px;
	padding-right: 15px;
}

#comment_holder{
padding-left:30px;
}

.comment_light{
background-color:#252525;
width:400px;
display:block;
padding-left:10px;
padding-right:10px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:10px;

}

.comment{
width:400px;
display:block;
padding-left:10px;
padding-right:10px;
padding-top:1px;
padding-bottom:1px;
margin-bottom:10px;

}

#comment_form {
	width: 400px;
	text-align: left;
}

#comment_form label {
	float: left;
	text-align: right;
	width: 60px;
	padding-right: 15px;
}

#blogMain_left {
	width: 504px;
	float: left;
}

#blog_archive_nav {
	width: 140px;
	float: left;
	padding: 5px 14px 14px 14px;
	background-color: #131313;
	border: 1px solid #303030;
	margin-top:40px;
}

.comment_author{
text-align:right;

}

.blog_cal ul{
list-style-type:none;
padding-left:15px;

}