@charset "utf-8";
/* CSS Document */

/* colors used
	grey rollover: #CCCC99
	
*/

/* body style */
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align:center; margin: 0; padding: 0; background: #8b690e url(images/bgTile_full.gif) repeat-x; }
p { margin: 5px 0 5px 0; padding: 0;}


/*  general styling */
h1 { font-size:14px; color:#FFFFFF; }
h2 { font-size:12px; color:#FFFFFF; /*font-weight:normal;*/ }
h3 { font-size:11px; color:#FFFFFF; margin: 0; padding: 0; }

/*  logo style */
#logo { position:absolute; z-index:5; top:20px; left:40px;}

/*  main structure style from lynda.com */
#leftColumn { float: left; width: 95px; height: 548px; background: url(images/tile_leftColumn.gif) no-repeat; }
#midColumn { float:left; width: 85%; margin-right: -801px; background: #5c4608 url(images/columnMiddle_bg.gif) repeat-x; }
#midColumnTop { margin:auto; width: 672px; height: 380px; padding: 83px 5% 0 5%; }

/*  portfolio top style */
#portfolioNav { float:left; margin-top:205px; padding:0; text-align:left; list-style:none; font-size: 10px; color: #8b690e; }
#portfolioNav li { display: inline; padding: 0 8px 0 0; }

#portfolioCategories { margin:0; padding:0 0 20px 0; }
#portfolioCategories li { color:#FFFFFF; }
#portfolioCategories a { text-decoration: none;  color: #CCCC99; font-weight:normal; }
#portfolioCategories a:hover { color: #FFFFFF;  }

#portfolioNumbersTop, #portfolioNumbersBottom { margin:5px 0 0 0; padding:0; /*font-family:"Times New Roman", Times, serif;*/ font-size: 16px; }
#portfolioNumbersTop li, #portfolioNumbersBottom li { color:#FFFFFF; }
#portfolioNumbersTop a, #portfolioNumbersBottom a { text-decoration:none; color: #CCCC99; font-weight:normal; }
#portfolioNumbersTop a:hover, #portfolioNumbersBottom a:hover { text-decoration:none; color: #FFFFFF; font-weight:normal; }

#portfolioButtons { text-align:right;  margin:28px 0 0 0; padding:0; }
#portfolioButtons a { text-decoration:none; color: #CCCC99; font-weight:normal; }
#portfolioButtons a:hover { color: #FFFFFF; }
#additionalViews { font-size: 12px; color: #CCCC99; }

#portfolioPic { float:right; margin-left: -420px; }


/*  nav bar style */
#nav { margin: 0 auto; position: relative; width: 672px; height: 50px; margin-top:25px; padding: 0 5% 0 5%; color: #FFFFFF; }
#navLinks { float:left; margin: 0; padding: 0; text-align: left; list-style: none; /*font-weight:bold;*/ }
#navLinks li { display: inline; padding: 0 10px 0 0; }
#navLinks a { text-decoration: none; color: #8b690e; }
#navLinks a:hover { color: #FFFFFF; }

#navQuestions { float: right; margin: 0; color: #8b690e; font-size: 11px; }
#navQuestions a { color: #8b690e; }
#navQuestions a:hover { color: #FFFFFF; }

/*  page content style */
#pageContent { margin:auto; width: 672px; color:#FFFFFF; font-size:11px; padding: 0 5% 0 5%; }

#pageContentLeft { float:left; text-align:left; width:25%; padding:0 0 30px 0;}
#pageContentLeft a { text-decoration: none; color: #FFFFFF;	}
#pageContentLeft a:hover { color: #CCCC99; }

 

#pageContentRight { float:right; text-align:left; width:60%; padding:0 0 30px 0; }
#pageContentRight a {color: #FFFFFF; }
#pageContentRight a:hover { text-decoration: underline; color: #CCCC99; }
#pageContentRight ul { margin: 5px 0 0 10px; padding: 0;}


/*  page content navigation */
#pageContentNav { float:left; margin: 0; padding: 10px 0 0 0; text-align: left; list-style: none; /*font-weight:bold;*/ }
#pageContentNav li { padding: 0 0 2px 0; color: #FFFFFF; }
#pageContentNav a { text-decoration: none; color: #8b690e; }
#pageContentNav a:hover { color: #FFFFFF; }

/*  capabilities divided list */
#capabilitiesLeft { float:left; width: 55%; font-size:10px; }
#capabilitiesRight { float:right; width: 45%;  font-size:10px; }
#capabilitiesLeft ul { margin: 0; padding: 10px 10px 0 10px;} 
#capabilitiesRight ul { margin: 0; padding: 10px 0 0 0; }

/*  client_list divided list */ 
#clientListLeft { float:left; width: 55%; font-size:10px; }
#clientListRight { float:right; width: 45%;  font-size:10px; }
#clientListLeft ul { margin: 0; padding: 0 10px 0 5px; list-style: none; text-indent: -5px; } 
#clientListRight ul { margin: 0; padding: 0 0 0 5px; list-style: none; text-indent: -5px; }

/* beingGreenLeft divided content */
#beingGreenLeft { float:left; width: 15%; padding: 10px 0 0 0; }
#beingGreenRight { float:right; width: 85%; }

/* certifications list styles */
#certificationsList ul { margin: 0; padding: 0 10px 0 5px; list-style: none; text-indent: -5px; }


/* contact form layout */ 
#formLegend { font-size:10px; padding: 5px 0 0 0; }
#newsletterForm { margin: 100px 0 0 0; padding:0; }
#contactForm { margin: 10px 0 0 0; padding:0; }

#formLeft { float:left; padding: 5px 0 0 0; clear:both; width:185px; }
#formRight { float:right; padding: 5px 0 0 0; width:185px; }
#formCentered { clear:both; padding: 5px 0 5px 0; }

#checkboxLeft { float:left; padding: 10px 0 10px 0; }
#checkboxRight { float:right; padding: 5px 0 10px 0; width: 375px; }

#radioDiv { float:left; padding: 5px 5px 5px 0; } 
#radioLabel { float:left; padding: 8px 10px 5px 0; }

#first_nm, #last_nm, #title, #company, #city, #state, #zip, #phone, #fax { width: 185px; }
#address, #address2 , #email { width: 400px; }

#newsName, #newsEmail, #newsCompany { width: 185px; }

#comments{ width: 400px; height:85px }
#samplePortfolio { margin: 0px; padding:0; }

#formMessage { clear:both; padding: 5px; width:175px; background:#8b690e; text-align:center; border: #ed7323 1px dashed; }



/*  footer style */
#footer {clear:both; margin:auto; width:100%; padding-top:10px; padding-bottom:50px; color: #FFFFFF; font-size:10px; background:#8b690e; }
#footerLeft { float:left;  }
#footerRight { float:right; }