/* Defines the layout for core elements and overrides necessary XHTML elements 

=Main Layout 
--------------------------------------------------------------------------- */

#wrap{
    margin: 0 auto;
    width: 1000px;
    text-align: left;
    background: #0f0a04;
}
#wrap #head{float: left;width: 988px; margin-left: 6px; display: inline;border-bottom: solid 1px #534f4c;background: red; height: 138px; background: url(/_img/head-bg.jpg) top left no-repeat;}
#wrap #main{float: left; width: 988px; margin-left: 6px; display: inline;padding-bottom: 6px; background: #221604;}
#wrap #footer{float: left; width: 1000px; height: 34px; line-height: 34px; background: url(/_img/foot-bg.gif) bottom left repeat-x;}

/* =Header Content
--------------------------------------------------------------------------- */

#wrap #head .logo{float: left; margin: 10px 0 0 15px;}
#wrap #head .headTools{float: right; background: #000 url(/_img/tools-bg.gif) bottom left no-repeat;margin: 0 120px 0 0;color: #F99D1B;padding: 7px 0px 7px 0px; width: 212px; text-align: center;display: inline;}
#wrap #head .headTools a{float: left; color: #fff; text-decoration: none; width: 100px;}
#wrap #head .headTools a span{float: right;padding: 2px 0;width: 100px;text-align: center;cursor: pointer;}
#wrap #head .headTools a:hover{text-decoration: underline;color: #f99c1b;}
#wrap #head .headTools a.on{background: #f99d18 url(/_img/head-tool-left.gif) top left no-repeat; color: #fff;}
#wrap #head .headTools a.on span{background: url(/_img/head-tool-right.gif) top right no-repeat;}
#wrap #head .languages{float: right; clear: right;margin-right: 5px;display: inline;}
#wrap #head .languages img{margin-left: 3px;}
#wrap #head .social{float: right;margin: 4px 5px 5px 0; display: inline;height: 38px;}
#wrap #head .social .linked{float: left;margin: 0px 0 0 10px;}
#wrap #head .social .rss{float: left;margin: 0px 0 0 5px;}
#wrap #head .social .twitter{float: left;margin: 0px 0 0 5px;}
#wrap #head form{float: right; width: 218px;margin: 0; margin-top: 22px;}
#wrap #head form label{float: left;margin-right: 15px;color: #CCCCCC; font-weight: bold;margin-top: 2px;width: auto;padding: 0;}
#wrap #head form .search{float: left; width: 158px; height: 22px; line-height: 22px;background: url(/_img/hdr-search.gif) top left no-repeat;}
#wrap #head form .search input.text{width: 120px; border: 0;height: 14px;float: left;margin-top: 2px;margin-left: 10px;background: transparent;padding: 0;font-size: 85%;color: #333;}
#wrap #head form .search .searchBtn{margin-top: 3px;border: 0;padding: 0;}
#wrap #head .officeLinks{float: right;clear: right;margin: 8px 50px 0 0;width: 300px;display: inline;}
#wrap #head .officeLinks a{float: left;margin-right: 3px;}

/* =Home Content
--------------------------------------------------------------------------- */

#wrap #main #homeLeft{float: left;width: 542px;}
#wrap #main #homeRight{float: left;width: 441px; margin-left: 5px;}

#wrap #main #homeLeft .flashWrap{float: left; background: #150f03 url(/_img/flashwrap-bg.gif) bottom right no-repeat; width: 527px;margin-bottom: 5px; padding-left: 15px;padding-bottom: 8px;}
#wrap #main #homeLeft .flashWrap .flashObject{float: left; margin-top: 12px; display: inline; width: 512px;padding-top: 2px; padding-bottom: 4px; height:211px;}
#wrap #main #homeLeft .flashWrap a.bot-tab{color: #999;float: left; text-decoration: none;padding: 7px 8px;font-weight: bold; cursor: pointer; cursor: hand;}
#wrap #main #homeLeft .flashWrap a.bot-tab:hover, #wrap #main #homeLeft .flashWrap a.bot-tab.on{background: #352106;color: #fff;}
#wrap #main #homeLeft .split{float: left; width: 250px; /*padding: 10px 0 0 20px;*/padding: 0px 0 0 20px;background: url(/_img/split-bg.gif) top right no-repeat; margin: 0 0 5px 0;}
#wrap #main #homeLeft .noBG{background: none;}

#wrap #main #homeLeft .newsFlash{clear: both;float: left; width: 502px; padding: 20px 20px 13px 20px; border-bottom: solid 2px #150e03;}
#wrap #main #homeLeft .newsFlash .thumb{float: left; margin: 0 15px 0 0;}

#wrap #main #contentLeft .flashWrap{float: left; background: #150f03 url(/_img/flashwrap-bg.gif) bottom right no-repeat; width: 527px;margin-bottom: 5px; padding-left: 15px;padding-bottom: 8px;}
#wrap #main #contentLeft .flashWrap .flashObject{float: left; margin-top: 12px; display: inline; width: 512px;padding-top: 2px; padding-bottom: 4px; height:211px;}
#wrap #main #contentLeft .flashWrap a.bot-tab{color: #999;float: left; text-decoration: none;padding: 7px 8px;font-weight: bold; cursor: pointer; cursor: hand;}
#wrap #main #contentLeft .flashWrap a.bot-tab:hover, #wrap #main #contentLeft .flashWrap a.bot-tab.on{background: #352106;color: #fff;}

#wrap #main #homeLeft .leadImg{padding: 1px; border: solid 1px #403931;margin-top: 12px;margin-left: 15px;}
#wrap #main #homeRight .leadImg{padding: 1px; border: solid 1px #403931;margin-top: 14px;}

.padder{padding:8px;}

#wrap #main #homeLeft .introPadder{float: left;width: 512px;padding: 15px;}
#wrap #main #homeLeft .introPadder .leftDivide{float: left; width: 310px;}
#wrap #main #homeLeft .introPadder .rightDivide{float: right; width: 190px;}

#wrap #main #homeLeft a, #wrap #main #homeRight a{text-decoration: underline;}
#wrap #main #homeLeft a:hover, #wrap #main #homeRight a:hover{text-decoration: none;}


/* =Footer Content
--------------------------------------------------------------------------- */

#wrap #preFoot{padding-left: 30px; color: #A19E9A;padding-top: 10px; border-top: 1px solid #83520f; font-size: 95%;}
#wrap #preFoot img{margin-right: 50px;}
#wrap #preFoot span.pipe{padding: 0 8px;}

#wrap #footer .left{float: left;margin: 0; font-size: 95%;padding-left: 30px; background: url(/_img/footer-left.gif) top left no-repeat;}
#wrap #footer ul{float: right;list-style-image: none;margin: 0; height: 14px; line-height: 14px;padding: 10px 0;background: url(/_img/footer-right.gif) top right no-repeat;}
#wrap #footer ul li{float: left; border-right: solid 1px #606060;margin-right: 5px; padding-right: 5px;}
#wrap #footer ul li.noBorder{border: 0;}
#wrap #footer ul li a{color: #d9d9d9;font-size: 95%;}

/* =Main Content
--------------------------------------------------------------------------- */
#wrap #main #contentFull{float: left; width: 936px; padding: 10px 20px 10px 20px; margin: 6px 0 0 0;}
#wrap #main #contentQA{float: left; width: 932px; padding: 10px 20px 10px 20px; margin: 6px 0 0 0; color: #111;background: #fff url(/_img/qa-gradient.gif) top left repeat-x;border: solid 8px #999;}

#wrap #main #contentLeft{float: left; margin: 6px 0 0 0; background: url(/_img/content-left-gradient.gif) top left repeat-x;}
#wrap #main #contentLeft .inner{float: left;width: 646px;padding: 10px 20px 10px 20px; background: url(/_img/content-corner.gif) top right no-repeat;}
#wrap #main #contentRight{float: right; margin: 6px 0 0 0;width: 290px;}

#wrap #main #contentRight .holderLight{float: left; width: 280px; padding: 10px 5px; background: #312006 url(/_img/corner-light.gif) bottom left no-repeat;}
#wrap #main #contentRight .holderDark{float: left; width: 280px; padding: 10px 5px;; background: url(/_img/holder-dark-bg.gif) top left no-repeat;margin-top: 8px;}

#wrap #main .inner p {}
#wrap #main .inner p.small {font-size: 90%;}
#wrap #main .inner ul li {}
#wrap #main .inner ol li {}
#wrap #main .inner ul li a {text-decoration: underline}
#wrap #main .inner ol li a {text-decoration: underline}
#wrap #main a.highlight {color: #fa9d1a; font-weight: bold;}


/* =Panels
--------------------------------------------------------------------------- */

#wrap #main .panel{float: left; width: 431px;background: #1C1203;margin: 5px;display: inline;}
#wrap #main .linkBar{float: left; width: 431px; background: #160E02;}
#wrap #main .linkBar .left{float: left; background: url(/_img/link-bar-left.gif) top left no-repeat; height: 27px; padding-top: 7px; padding-left: 5px;}
#wrap #main .linkBar .right{float: right; background: url(/_img/link-bar-right.gif) top right no-repeat; height: 27px; padding-top: 7px; padding-right: 5px;}
#wrap #main .linkBar a{text-decoration: none; color: #fa9d1a; font-weight: bold; font-size: 140%;}
#wrap #main .linkBar img{vertical-align: middle;margin-right: 3px;}
#wrap #main .panel .panelContent{float: left; width: 421px; padding: 5px;}
#wrap #main .panel .withCross{background: url(/_img/cross.gif) center center no-repeat;}

/** link bar overrides **/
#wrap #main .narrow{width: 285px;margin: 8px 0 0 0;}
#wrap #main .narrow .linkBar{width: 285px;}
#wrap #main .narrow .panelContent{float: left; width: 275px; padding: 5px;}

#wrap #main .justLink{width: 285px; margin: 8px 0 0 0;}
#wrap #main .justLink a{color: #fff;}

#wrap #main #contentRight .mapPromo{float: left; width: 273px; margin: 8px 0 0 0; height: 67px; background: url(/_img/map-promo.gif) top left no-repeat;color: #999; text-decoration: none;padding: 10px 0 0 12px;line-height: 1.5em;}
#wrap #main #contentRight .mapPromo:hover{color: #fa9d1a;}
#wrap #main #contentRight .mapPromo span{font-size: 130%;color: #fff;}

/* =Internal Navigation
--------------------------------------------------------------------------- */

#wrap #main #contentRight ul.nav{float: left; width: 275px;list-style: none; margin: 10px 0;}
#wrap #main #contentRight ul.nav li{float: left; width: 275px;}
#wrap #main #contentRight ul.nav li a{text-decoration: none; color: #fff; font-weight: bold; font-size: 95%;padding: 5px 5px 5px 20px;background: url(/_img/bullet-arrow.gif) center left no-repeat;float: left; width: 243px;margin-left: 7px;border-bottom: solid 1px #4d3715;}
#wrap #main #contentRight ul.nav li a:hover{color: #fa9d1a;}
#wrap #main #contentRight ul.nav li img{vertical-align: middle;margin-right: 3px;}

#wrap #main #contentRight ul.rss li a{background: url(/_img/rss-sml.gif) center left no-repeat;}

/* =Misc
--------------------------------------------------------------------------- */

.jobTool{margin: 3px 3px 3px 3px;}
.staffImage{padding: 2px; border: solid 1px #555;float: left;margin-right: 10px;}

p.listing{margin: 4px 0; background: url(/_img/fade-out.gif) bottom left no-repeat;float: left; width: 631px; padding: 0px 15px 10px 0;}
p.listing a.jobCat{text-decoration: none;background: url(/_img/bullet.gif) center left no-repeat;padding-left: 10px;}
p.listing a.jobCat:hover{color: #fa9d1a;}

.tools{border: solid 1px #40392f; background: #000;padding: 5px; color: #999;margin: 5px 0;}
.tools a{color: #fff; font-weight: bold;}
.tools div{border-bottom: solid 1px #333;padding: 7px 0 7px 10px;background: url(/_img/bullet.gif) center left no-repeat;}

.headingRight{font-size: 75%;color: #cacbcd;margin: 5px 0 0 10px;}

.error{border: solid 1px #594e3e;padding: 8px; background: #160e02; color: #d51006;}

table.hotJobs td{border: 0;width: 100%;}
table.hotJobs td.job{background: url(/_img/bullet.gif) center left no-repeat; padding-left: 10px;}
table.hotJobs td a{text-decoration: none; background: url(/_img/buttons/btn-plus-sml.gif) center right no-repeat; padding-right: 14px;}
table.hotJobs td a:hover{color: #fa9d1a;}

ul.testimonialList{margin: 0;}
ul.testimonialList li{list-style-image: none; margin: 8px 0;}
ul.testimonialList li a{font-weight: bold;}

#wrap #main #flashWrap{float: left; background: #594e3e; padding: 3px;}
#wrap #main #flashWrap div{background: #fff;}

span.gmapcaption{color: #666;}

#wrap #main ul.sitemap li ul li{font-size: 90%; list-style: square; color: #666;}

/* =Popup Styles
--------------------------------------------------------------------------- */

#emailwrapper{text-align: left;padding: 15px;}

#wrap #main .inner .innerLeft{float:left; width: 63%; padding-right: 20px;}
#wrap #main .inner .innerRight{float:right; width: 33%}

#wrap #main .inner .contLeft{float:left; width: 200px; padding: 20px 20px 20px 20px;}
#wrap #main .inner .contRight{float:right; width: 400px}

.inpagePhoto{padding: 2px; border: solid 1px #555;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #452E09;
	padding: 1px 3px;
	opacity: 0.85;
	font-size: 70%;
}

/* =QA Form styles
--------------------------------------------------------------------------- */
#wrap #main #contentQA label{color: #111;}
#wrap #main #contentQA label {width:570px;margin-bottom: 5px;}
#wrap #main #contentQA label.radio {float: left;width:auto; margin:5px 3px 0 0; float:left;padding: 0;}
#wrap #main #contentQA .rdo {float:left; background: none; padding: 0; border: 0;margin-top: 3px;vertical-align: bottom;}
#wrap #main #contentQA h1{color: #111;}
#wrap #main #contentQA .standardFields{border: solid 1px #bbb; background: #eee;padding: 10px 10px 5px 10px;}
#wrap #main #contentQA .standardFields label{width: 250px;}
#wrap #main #contentQA .standardFields input{background: #fff;border: solid 1px #aaa;width: 300px;color: #111;}
#wrap #main #contentQA .scoreItem{background: url(/_img/qa-score.gif) top left no-repeat;float: left;height: 25px;margin: 0 5px 5px 0;width: 45px;padding-left: 5px;}
#wrap #main #contentQA textarea{clear: both; float: left;width: 100%; height: 100px;background: #fff;border: solid 1px #aaa;color: #111;}
#wrap #main #contentQA .instructions{border: solid 1px #fed293;padding: 0 12px 0 12px; background: #fcf3e6;}
#wrap #main #contentQA .instructions span{padding-right: 20px;}
#wrap #main #contentQA a{color: #111;}

/* =Paging
--------------------------------------------------------------------------- */
#wrap #main .inner ul.pager{margin: 10px 0; list-style-image: none; text-align: right; font-size: 95%;}
#wrap #main .inner ul.pager li{display: inline;}
#wrap #main .inner ul.pager li a{padding: 2px 6px; border: solid 1px #40392f; background: #000; text-decoration: none; font-weight: bold;}
#wrap #main .inner ul.pager li a.on{color: #FA9D1A;}
#wrap #main .inner ul.pager li a:hover{border-color: #777;}
#wrap #main .inner ul.pager li.lbl{}