/* @override http://hellokarbon.com/css/mainStyle.css */

#html, body{
	text-align: center;
	font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: url(/images/background.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	color: #5D2122;
}
#bodyClass{
	padding: 0;
	margin: 0;
}
a, a:link, a:visited, a:active{
	color: #5D2122;
	text-decoration: none;
}
a:hover{
	color: #8C6B6B;
}

a.homeMenu, a:link.homeMenu, a:visited.homeMenu, a:active.homeMenu{
	color: #fff;
	text-decoration: none;
}

a.homeMenu span{
	font-size: 9px;
	color: #999;
}

a:hover.homeMenu span{
	color: #666;
}

a:hover.homeMenu{
	color: #8C6B6B;
}

a#homeCont, a:link#homeCont, a:visited#homeCont, a:active#homeCont{
	text-decoration: underline;
}

.mainWrap{
	width: 729px;
	margin-left:auto; 
 	margin-right:auto;
	text-align: left;
	padding: 0 0px 15px 0px;
}
.logoImg{
	margin:    0 0 0 1em;
	position:  absolute;
	top:       3.8em;
}

div.premenu{
  position:  relative;
  height:    2.5em;
  font-size: .7em;
  width:     700px;
  line-height: 1.6em;
  left:      1.25em;
  border-bottom: 1px solid #6E3839;
}

div.premenu p{  
  text-align: right;
  margin-right: 5.6em;
}

div.premenu p em,
div.premenu p big{ 
  font-style: normal;
  color: #fff;
}

div.premenu p big{
  font-size: 1.4em;
  margin-left: .5em;
}

div.premenu img{
  position: absolute;
  top: .15em;
  right: 0;
  text-align: right;
}

ul.subMenu{
	list-style: none;
	font-weight: bold;
	font-size: 11px;
	float: right;
	margin: 0 7px 30px 0;
	padding: 0 15px 0 0;
}
ul.subMenu li{
	
	display: inline;
	margin: 0 0 0 25px;
}
.spotlight{
	background: url(/build/images/top1.jpg) top left;
	height: 234px;
	width: 704px;
	float: left;
	padding: 23px 0 0 25px;
	color: #000;
	margin: 0 0 10px 0;
}
#spotlightTitle{
	float: left;
	margin: 11px 0 0 0;
}
#spotlightSubTitle{
	font-weight: normal;
	font-size: 14px;
	float: right;
	margin: 11px 25px 0 0;
}
.leftTopWrap{
	width: 325px;
	padding: 0 0 0 25px;
	float: left;
}
.leftTopWrap h2, .rightTopWrap h2, .leftTopWrapCompany h2, .rightTopWrapCompany h2{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	color: #5D2122;
}
.leftTopWrap h2#bot, .rightTopWrap h2#bot{
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	color: #5D2122;
	width: 200px;
	float: left;
}
.rightTopWrap{
	width: 325px;
	padding: 0 0 0 25px;
	float: left;
}
.homeServices{
	width: 318px;
	height: 34px;
	color: #fff;
	font-size: 14px;
	padding: 7px 0 0 7px;
	margin:  0 0 7px 0;
}
.homeProcessWrap{
	xborder: 1px solid blue;
	width: 325px;
	float: left;
	margin: 0 0 20px 0;
}
.homeProcessNum{
	float: left;
	width: 25px;
	font-size: 23px;
	font-weight: bold;
}
.homeProcessTitle{
	float: left;
	width: 290px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 0 0;
}
.homeProcessDesc{
	float: right;
	font-size: 11px;
	margin: 0 0 0 25px;
	line-height: 1.5em;
	width: 300px;
}
#middleBarWrapMain{
	float: left;
	padding: 0 0 0px 15px;
	margin: 0 0 25px 0;
}
#middleBarWrap{
	border-top: 1px solid #6E3839;
	border-bottom: 1px solid #6E3839;
	width: 700px;
	height: 35px;
	float: left;
	margin: 0px 0 0px 0px;
	font-size: 10px;
	padding: 10px 0 0px 0;
}
.middleBarText{
	padding: 0 0 0 0;
	margin: 5px 0 0 10px;
	float: left;
}
a#middleInquiry, a:link#middleInquiry, a:visited#middleInquiry, a:active#middleInquiry{
	text-decoration: underline;
}
a:hover#middleInquiry{
	text-decoration: none;
}
#middleMailing{
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
	float: right;
	width: 330px;
}
.mailText{
	float: left;
	margin: 5px 20px 0 0;
	padding: 0;
}
form#mailingList{
	margin: 0;
	padding: 0;
}
input#email{
	width: 140px;
}
input#action{
	margin: 2px 0 0 0;
}
.viewMore{
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin: 4px 0px 0 0;
	padding: 0;
}

h3.homeNewsDate{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 200px;
}
h3.homeNewsTitle{
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;
	float: left;
	width: 300px;
}
h3.homeNewsAuthor{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	float: left;
	width: 200px;
}
p.homeNews{
	width: 300px;
	margin: 5px 0 5px 0;
	padding: 0;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	float: left;
}
img#homeTestimonial{
	margin: 0 10px 10px 0;
	padding: 0;
	width: 320px;
	align:right;
}
.homeTestimonialText{
	font-size: 12px;
	font-weight: normal;
	font-style: italic;
	margin: 10px 0 0 0;
	line-height: 1.5em;
}

.header2Wrap{
	width: 320px;
	float: left;
}

.header2Wrap#prods{
	margin: 15px 0 0 0;
}

/* NEWS PAGE */
div#news_all{
	float: left;
	width: 675px;
	padding: 0 0 0 25px;
}
h2#pastNews{
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-size: 16px;
}
div.nav a, div.nav a:link, div.nav a:visited, div.nav a:active{
	font-size: 12px;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
div.nav a:hover{
	
}
ul.newsPageList{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.newsPageList li{
	margin: 0;
	padding: 0;
}
.pastNewsMonth{
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 0 0;
}
ul.newsPageList li h5{
	margin: 10px 0 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
ul.newsPageList li p{
	margin: 5px 0 0 0;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5em;
}

/* Philosophy Page */
.leftTopWrapCompany{
	width: 450px;
	padding: 0 0 0 25px;
	float: left;
}
.rightTopWrapCompany{
	width: 200px;
	padding: 0 0 0 25px;
	float: left;
}
h3#bill{
	margin: 10px 0 8px 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}
p#contact, p#billing{
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
div#address1, div#address2, div#city_state, div#zip, div#phone, div#fax{
	font-size: 11px;
	padding: 0 0 5px 0;
}
div.leftTopWrapCompany p{
	font-size: 11px;
	font-weight: normal;
	line-height: 2em;
	margin: 0 0 25px 0;
}


ul.companyServicesList
{
	float: left;
  width: 700px;  /* room for 3 columns */
  list-style: none;
	margin: 0;
	padding: 0;
}
ul.companyServicesList li
{
  float: left;
  width: 230px;  /* accommodate the widest item */
  font-size: 12px;
  margin: 0 0 15px 0;
}
/* stop the floating after the list */
br
{
  clear: left;
}
/* separate the list from what follows it */
div.wrapper
{
  margin-bottom: 1em;
}
h2#howContact{
	margin-bottom:    18px;
}

/*
h2.promo{
  font-size:          .85em;
  padding:            15px;
  height:             33px;
  width:              290px;
  position:           relative;
}

h2.promo a{
  position:           absolute;
  background-image:   url('../images/wrench.png');
  background-repeat:  no-repeat;
  height:             33px;
  background-position: left;
  padding-left:       4em;
}

h2.promo a:hover{ 
  opacity:            .75;
  xfilter: alpha(opacity=75);
}

.promo{
  -moz-border-radius:     4px;
  -webkit-border-radius:  4px;
  border-radius:          4px;
          
  background-color:       #fff;
}
*/


h2.promo{
  font-size:          .85em;
  xpadding:            15px;
  xheight:             33px;
  xwidth:              290px;
  position:           relative;
  height:             62px;
  width:              323px;
  background-image:   url('../images/wrench_bkg.gif');
}

h2.promo a{
  position:           absolute;
  top:  12px;
  left: 65px;
  xbackground-repeat:  no-repeat;
  xbackground-position: left;
  xpadding-left:       4em;
}

h2.promo a:hover{ 
  xopacity:            .75;
  xfilter: alpha(opacity=75);
}

.promo{
  x-moz-border-radius:     4px;
  x-webkit-border-radius:  4px;
  xborder-radius:          4px;
          
  xbackground-color:       #fff;
}

/* Vendor Page */
div.wrapper2
{
  margin-bottom: 1em;
  float: left;
  border-bottom: 1px solid #8C6B6B;
}
ul.vendorList
{
	float: left;
  width: 430px;  /* room for 2 columns */
  list-style: none;
	margin: 0 0 5px 10px;
	padding: 0;
	
}
ul.vendorList li
{
  float: left;
  width: 200px;  /* accommodate the widest item */
  font-size: 11px;
  margin: 0 10px 5px 0;
}

.vendorListCat{
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 10px 0;
}
ul.vendorList li h3{
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
ul.vendorList li p{
	margin: 5px 0 10px 0;
	padding: 0;
	line-height: 1.5em;
	
}
div.employee{
	margin: 0 0 15px 0;
	float: left;
}
img.employeePhoto{
	border: 4px solid #fff;
	float: left;
	margin: 0 15px 0 0;
}
.employee h3{
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 325px;
}
.employee h4{
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 325px;
}
.employee p{
	font-size: 11px;
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	width: 320px;
}

/* Testimonial Page */
.quote h3{
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 325px;
}
.quote h4{
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 425px;
}
.quote p{
	font-size: 11px;
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	xwidth: 320px;
}
span.quotePull{
	display: inline;
	font-size: 18px;
	font-weight: bold;
	font-family: georgia, "Times New Roman", serif;
}

/* FAQ Page */
.question h4{
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 425px;
}
.question p{
	font-size: 11px;
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
}
a#underlineLink, a:link#underlineLink, a:visited#underlineLink, a:active#underlineLink{
	text-decoration: underline;
}
a:hover#underlineLink{
	text-decoration: none;
}
h4.error{
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 325px;
}

h4.message{
	font-size: 12px;
	font-weight: bold;
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	width: 325px;
	color: #19a500;
}

#robots_faq{
	margin-top: 12px;
	float: left;
}

#robots_faq span{
	font-size: 12px;
	font-style: italic;
}


form#faqForm{
	float: left;
	width: 675px;
	margin: 0;
	padding: 0;
}
div#name{
	float: left;
	width: 300px;
	margin: 0 25px 0 0;
}
div#email{
	float: left;
	width: 300px;
}
div#question{
	float: left;
	width: 500px;
	margin: 15px 0 0 0;
}
div#submit{
	float: left;
	width: 500px;
	margin: 25px 0 0 0;
}
div#name input#name, div#email input#email, div#phone input#phone{
	width: 290px;
	margin: 5px 0 0 0;
}
div#question textarea#question{
	width: 615px;
	height: 75px;
	margin: 5px 0 0 0;
}
div#submit input#action, div#send input#action{
	width: 100px;
}

/* Inquiry Page */
div.inquiryForm#name, div.inquiryForm#email, div.inquiryForm#phone, div.inquiryForm#time, div.inquiryForm#budget, div.inquiryForm#date, div.inquiryForm#project, div.inquiryForm#referral, div.inquiryForm#info, div.inquiryForm#check, div.inquiryForm#send, div.inquiryForm#misteroboto{
	float: left;
	width: 440px;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 15px 0;
}
div.inquiryForm#project select#project, div.inquiryForm#referral select#referral select#misteroboto{
	width: 200px;
	margin: 5px 0 0 0;
}
div.inquiryForm#info textarea#info{
	width: 290px;
	height: 75px;
	margin: 5px 0 0 0;
}
div#budget input#budget{
	width: 200px;
	margin: 5px 0 0 0;
}
div#date select#month{
	margin: 5px 0 0 0;
}
div#time input#time{
	margin: 5px 5px 0 0;
}

/* Case Study Pages */
div.gallery{
	background: #000;
	height: 364px;
	width: 500px;
	float: left;
	padding: 0 0 0 0px;
	color: #000;
	margin: 10px 0 10px 0px;
}
div.galleryWrap{
	
	float: left;
	padding: 0 0 0 15px;
}
.leftTopWrapCase{
	width: 700px;
	padding: 0 0 0 25px;
	float: left;
}
.rightTopWrapCase{
	width: 175px;
	padding: 0px 0 0 25px;
	margin: 10px 0 0 0;
	float: left;
}
.caseHead{
	float: left;
}
.caseHead h2{
	margin: 10px 0 10px 0px;
	padding: 0 0 0 15px;
	font-weight: bold;
	font-size: 16px;
	color: #5D2122;
	float: left;
}
.caseHead h4{
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	width: 650px;
	color: #5D2122;
}
.rightTopWrapCase h2{
	margin: 0 0 25px 0;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	color: #5D2122;
}
ul.caseProjectList{
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
}
ul.caseProjectList li{
	margin: 0 0 10px 0;
	font-size: 12px;
	font-weight: bold;
}
ul.caseProjectList li .location {
	font-size: 9px;
	font-weight: normal;
}
div.leftTopWrapCase p{
	font-size: 11px;
	font-weight: normal;
	line-height: 2em;
	margin: 0 0 25px 0;
}
div.leftTopWrapCase h2{
	margin: 10px 0 15px 0;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	color: #5D2122;
}
div.leftTopWrapCase h3{
	margin: 0px 0 10px 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #5D2122;
}
div.leftTopWrapCase#project p{
	margin: 0 10px 15px 10px;
	padding: 0 0 15px 0;
}
p.projectLine{
	border-bottom: 1px dotted #8C6B6B;

}
div.leftTopWrapCase#project h3{
	margin: 0 0 10px 10px;
}
.innerServices{
	float: left;
	width: 318px;
	height: 34px;
	background: url(/images/processBack2.gif) top left no-repeat;
	color: #5D2122;
	font-size: 14px;
	padding: 7px 0 0 7px;
	margin:  0 0 5px 0;
}

.philTopWrap{
	width: 650px;
	padding: 0 0 0 25px;
	float: left;
}
.philTopWrap h2{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}
.philTopWrap h2#bot{
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	color: #5D2122;
	width: 500px;
	float: left;
}
.header5Wrap{
	width: 500px;
	float: left;
}
p#projLogo{
	padding: 10px 0 0 15px;
	
}
.foot{
	float: left;
	font-size: 11px;
	padding: 15px 0 0 275px;
	text-align: center;
	width: 650px;
}
.footText{
	padding: 5px 10px 0 0;
	float: left;
}
.foot img{
	float: left;
}


ul.menu{
	list-style: none;
	font-weight: bold;
	font-size: 12px;
	float: right;
	margin: 35px 0px 20px 0;                       /* HERE */
	padding: 0 15px 0 0;
}
.menu li{
	display: inline;
	margin: 0 0 0 0px;
}
a.menu, a:link.menu, a:visited.menu, a:active.menu{
	color: #5D2122;
	text-decoration: none;
}
a:hover.menu{
	color: #8C6B6B;
	
}
a#selected, a:link#selected, a:visited#selected, a:active#selected{
	color: #fff;
	text-decoration: none;
}
a:hover#selected{
	color: #8C6B6B;
}

div.navbtn {
   line-height: 22px;
   background: #ccc7a7;
	color: #75312e;
	display: block;
	float: left;
}


div.navleft {
	display: block;
	float: left;
	margin: 0 0 0 12px;
}

div.navbtnsel {
   line-height: 22px;
   background: #411a13;
	color: #fff;
	display: block;
	float: left;
}