body{background:#A03327 url("/images/bodyBG.gif"); font-family:arial, helvetica, sans-serif; font-size:9pt; color:#000000; padding:20px 0; margin:0;}

#content a{color:#993F42; font-weight:bold;}

/* for all browsers that understand min-width */
.width {background:#ffffff; max-width:1000px; min-width:780px; margin:auto; width:expression(document.body.clientWidth > 1000? "1000px": "770px" );}

/* the bodge for IE6 browsers */
* html .minwidth {border-left:780px solid #fff; position:relative; float:left; z-index:1;}
* html .container {margin-left:-780px; position:relative; float:left; z-index:2; text-align:left;}

.container{background:#ffffff;}

#printHeader{display:none;}
#header{margin:0; padding:0; height:101px; background:#ffffff url("/images/header/headerBG.gif");}
#headerL{height:101px; background:transparent url("/images/header/lHeaderBG.gif") no-repeat 0% 0%;}
#headerR{height:101px; background:transparent url("/images/header/rHeaderBG.gif") no-repeat 100% 0%;}
.logo{float:left; margin:40px 0 0 60px;}
.logo img{border:0; width:234px; height:38px;}
.tagline{float:left; font-size:13pt; color:#A03327; font-family:georgia, arial, verdana, sans-serif; margin:50px 0 0 10px;}

/* classes for the horizontal nav */
#navBarL{background:#ffffff url("/images/header/navLBG.gif") no-repeat 0% 0%; padding-left:9px; height:42px;}
#navBarR{background:#ffffff url("/images/header/navRBG.gif") no-repeat 100% 0%; padding-right:9px; height:42px;}
#navBar{float:left; width:100%; background:#545557; text-align:center; font-family:arial, verdana, sans-serif; font-size:8pt;}
#nav, #nav ul{padding:0; margin:0 auto; width:762px; list-style:none; line-height:1; z-index:1000;}
#nav li{background:transparent; float:left; width:127px; text-align:center; postion:relative;} /* width needed or else Opera goes nuts */
#nav li.navHeight a{height:42px;}
#nav a{display:block; text-decoration:none; margin:0; color:#ffffff;} 
#nav li:hover, #nav li.sfhover{position:static; font-weight:bold;} /* fix for IE7 having sticky menus */
#nav li li:hover a, #nav li li.hover a, #nav li li.sfhover a{font-weight:normal;}
#nav li li{height:33px;}
#nav li li a{font-weight:normal;}
#nav li ul{position:absolute; width:127px; left:-999em;}
#nav li ul li{text-align:left;}
#nav li ul li{float:left; width:127px; background:#58585A;}
#nav li ul a{padding:7px 4px 0 10px;}
#nav li:hover ul, #nav li.sfhover ul{left:auto;}
/* have to setup separate classes to write the off image for the tabs*/
#navAbout li{background-image:url("/images/header/about_b0.gif"); height:42px; width:119px;}
#navAbout li ul, #navAbout li ul li{width:119px;}
#navTeam li{background-image:url("/images/header/team_b0.gif"); height:42px;}
#navPractices li{background-image:url("/images/header/practices_b0.gif"); height:42px;}
#navServices li{background-image:url("/images/header/services_b0.gif"); height:42px;}
#navCareer li{background-image:url("/images/header/career_b0.gif"); height:42px;}
#navContact li{background-image:url("/images/header/contact_b0.gif"); height:42px; width:135px;}
/* write the on images for the tabs and on hover */
#navAbout li:hover, #navAbout li.sfhover{background:#545557 url("/images/header/about_b1.gif"); height:42px;}
#navTeam li:hover, #navTeam li.sfhover{background:#545557 url("/images/header/team_b1.gif"); height:42px;}
#navPractices li:hover, #navPractices li.sfhover{background:#545557 url("/images/header/practices_b1.gif"); height:42px;}
#navServices li:hover, #navServices li.sfhover{background:#545557 url("/images/header/services_b1.gif"); height:42px;}
#navCareer li:hover, #navCareer li.sfhover{background:#545557 url("/images/header/career_b1.gif"); height:42px;}
#navContact li:hover, #navContact li.sfhover{background:#545557 url("/images/header/contact_b1.gif"); height:42px;}
/* remove the on image background from the dropdown items */
#navAbout ul li:hover, #navAbout ul li.sfhover, #navTeam ul li:hover, #navTeam ul li.sfhover, #navPractices ul li:hover, #navPractices ul li.sfhover, #navServices ul li:hover, #navServices ul li.sfhover, #navCareer ul li:hover, #navCareer ul li.sfhover, #navContact ul li:hover, #navContact ul li.sfhover{background:#9F3327; height:33px;}
/* hide the images so the hovers work */
#aboutOn, #teamOn, #practicesOn, #servicesOn, #careerOn, #contactOn{display:none;}
/* turn on the hidden image when in that section */
#about #aboutOn, #team #teamOn, #practices #practicesOn, #services #servicesOn, #career #careerOn, #contact #contactOn{display:block;}
#navTeam li li{height:23px;}
#navTeam ul li:hover, #navTeam ul li.sfhover{height:23px;}
/* end of horizontal nav classes */

/* left nav classes */
#leftNav{background:#ffffff url("/images/lNavBG.gif"); width:162px; padding-top:10px;}
#leftNav a{color:#ffffff; text-decoration:none; font-weight:normal;}
#leftNav a:hover{font-weight:bold;}
#leftNav ul{list-style:none; display:none; padding:0; margin:0; width:150px;}
#leftNav li{padding:3px 3px 3px 14px;}
/* turn on the right left nav based on page id */
#about #aboutLNav ul, #team #teamLNav ul, #services #servicesLNav ul, #practices #practicesLNav ul, #career #careerLNav ul, #contact #contactLNav ul{display:block;}
/* end of left nav classes */

.clear{clear:both; font-size:0; margin:0; padding:0; height:0;}
.center{text-align:center;}
hr{border:0; border-top:2px solid #A03327; height:2px;}

h1{color:#A03327; font-size:13pt; font-family:georgia, arial, helvetica, sans-serif; padding:5px; margin-top:0;}
h2{color:#A03327; font-size:12pt; font-family:georgia, arial, helvetica, sans-serif; margin-top:0;}
h3{color:#A03327; font-size:11pt; font-family:georgia, arial, helvetica, sans-serif;}

#content{background:#ffffff url("/images/contentLBG.gif") repeat-y; width:100%;}
#contentR{background:transparent url("/images/contentRBG.gif") repeat-y 100% 0%;}
#contentPadding{padding:10px 20px; width:100%;}
#contentBuffer{margin:0 9px;}

/* styles for home page */
#homeL{background:transparent url("/images/homeBG.gif") repeat-y; margin-left:9px;}
#homeR{background:transparent url("/images/homeRBG.gif") repeat-y 100% 0; margin-right:9px;}
#homeBanner{background:#ffffff url("/images/concept5.jpg") no-repeat; height:218px;}
#homeBanner img{float:right; margin:40px 0 0 0;}
#homeContentL{border-right:1px solid #DFD7BF; color:#ffffff; width:50%; padding-right:20px;}
.statement{font-size:16pt; font-weight:bold; color:#545557; text-align:center;}
#homeContentR{color:#A03327; font-weight:bold; padding-left:20px; padding-right:25px; width:50%; line-height:16pt;}
#homeSection1, #homeSection2, #homeSection3{display:none;}
.textR{float:right;}
#homeSectionsContainer{height:150px; margin-top:10px;}
#homeContentR img{border:2px solid transparent;}
#homeContentR img:hover{border:2px solid #A03327;}
#homePadding{padding:10px 20px;}

/* end of home page styles*/

.formButton	{font-size:9pt; color:#ffffff; background:#B19D65; font-weight:bold;}
.formButton:hover{background:#A03327;}

#footer{height:26px; background:#ffffff url("/images/footer/footerBG.gif");}
#home #copyright{background:transparent url("/images/footer/footerHomeLBG.gif") no-repeat; text-align:center; color:#ffffff;}
#home #footerR{background:transparent url("/images/footer/footerHomeRBG.gif") no-repeat 100% 0%; padding:1px 0 10px 0;}
#copyright{background:transparent url("/images/footer/footerLBG.gif") no-repeat; text-align:center; color:#ffffff;}
#footerR{background:transparent url("/images/footer/footerRBG.gif") no-repeat 100% 0%; padding:1px 0 10px 0;}
#copyright a{color:#ffffff; font-size:8pt; text-decoration:none;}

.callout{float:right; width:280px; background:#eeeeee; font-weight:bold; text-align:center; border:1px solid #545557; margin:0 0 10px 10px;}
.calloutPadding{border-left:10px solid #B19D65; padding:5px 10px;}