/*------------------------------------------------------
RESET
------------------------------------------------------*/
html, body, img, h1, h2, h3, h4, h5, h6, ul, li { margin: 0; padding: 0; border: none; }
ul, li, dt, dd {margin: 0; padding: 0; list-style: none;}

/*------------------------------------------------------
BASIC ELEMENTS
------------------------------------------------------*/
html{overflow: -moz-scrollbars-vertical; }/*<--FORCE SCROLL BAR IN FIREFOX*/
body{font-family:Helvetica, Arial, sans-serif; font-size:75%; background:transparent url(/_img/header_bg.png) no-repeat; color: #231f20;}
img{vertical-align:middle}
input, textarea{border: 1px solid #999; padding: 4px; font-family: verdana, arial;}
label{display:block;margin:1em 0 .25em 0;font-size:11px;font-weight:700}
a{/*color:#262626;*/ color: #4084D0; text-decoration: none; }
a:hover{/*color:#999;*/ color: #42789a; }
strong{font-weight:bold;}
p { display: block; line-height: 1.4; }
sup {font-size: 9px; background-color: #fff;}


/*------------------------------------------------------
FUNDAMENTAL CONTAINERS
------------------------------------------------------*/
.wrap { height: 1%; position:relative} /* give layout to wrapper, prevents wierd jumps in IE's */
.content {width:780px; margin: 0 auto; position: relative; min-height: 480px; padding: 0 0 40px 20px; }
.content { height: auto !important; height: 480px; } /* clean way to make IE min-height */
body#home .content, body#work .content { width: 100%; padding-left: 0; }
h1,h2,h3{color: #A4A436;font-weight:700; background-color: #fff;}
h1 { font-size:22px;}
h2 { font-size:14px;}
h3 { font-size:18px;}

/*------------------------------------------------------
HEADER
------------------------------------------------------*/
.header{position:relative; height:70px; width:780px; margin:0 auto; background:#FFF url(/_img/header_bg.png) no-repeat -80px 0; overflow:visible; z-index: 50;}
.header_bg_right{position:absolute; top:0; right:0; width:50%; height:70px; background:transparent url(/_img/header_bg.png) no-repeat 90% 0;}
.mainlogo{display:block; position:absolute; width:219px; height:89px; z-index:100; left:0;top:0}

/*------------------------------------------------------
FOOTER
------------------------------------------------------*/
.footer{position:relative; color:#929497; background:#FFF url(/_img/footer_bg.png) no-repeat; font: 9px Verdana, Arial, Helvetica, sans-serif;}
.footer_bg_right{position:absolute; top:0; right:0; width:50%; height:20px; background:transparent url(/_img/footer_bg.png) no-repeat 100% 0;}
.footer_content{position:relative; margin:0 auto; width:780px; background:transparent url(/_img/footer_bg.png) no-repeat 50% 0; text-align: center;}
.footer_content .copyright { padding: 15px 0; margin: 0; display: block; }
.nl_link{position:absolute; display:block; width:200px; right:0; top:50px; text-align: right;}
.year20 { position: absolute; top: 40px; left: 0; }
.x_nljsWarning { background-color:#FAD163; padding:2px; font-weight:bold; }

/*------------------------------------------------------
NAVIGATION
------------------------------------------------------*/
.subnav {position: absolute; right: 10px; top: 230px;}
.subnav a { background: url(/_img/subnav_arrow.png) no-repeat left top; padding-left: 15px; display: block; text-decoration: none; }
.subnav a:hover { color: #333; }
.subnav a strong { font-weight: bold; font-size: 12px; }
.subnav a.active strong { color: #A4A436; }
.subnav li { margin-bottom: 24px; }

/*------------------------------------------------------
MAIN NAV
------------------------------------------------------*/
.mainnav {position:absolute; top:42px; left:451px; overflow:hidden;height:22px;width:337px;}
.mainnav li {list-style-type:none; display:inline;float:left;}
.mainnav a {display:block; float:left;height:0; text-decoration:none; padding-top:22px; background:transparent url(/_img/mainnav.png) no-repeat 270px 22px; overflow:hidden;}
.mainnav a.people {width:67px; background-position:-0px 0px;}
.mainnav a.people:hover {background-position: -0px -22px;}
.mainnav a.people_selected{background-position: -0px -44px; width:67px;}
.mainnav a.work {width:62px; background-position:-67px 0px;}
.mainnav a.work:hover {background-position: -67px -22px;}
.mainnav a.work_selected{background-position: -67px -44px; width:62px;}
.mainnav a.news {width:61px; background-position:-129px 0px;}
.mainnav a.news:hover {background-position: -129px -22px;}
.mainnav a.news_selected{background-position: -129px -44px; width:61px;}
.mainnav a.contact {width:80px; background-position:-190px 0px;}
.mainnav a.contact:hover {background-position: -190px -22px;}
.mainnav a.contact_selected{background-position: -190px -44px; width:80px;}
.mainnav a.homenav {width:67px; background-position:-270px 0px;}
.mainnav a.homenav:hover {background-position: -270px -22px;}
.mainnav a.homenav_selected{background-position: -270px -44px; width:67px;}

/*------------------------------------------------------
COMMON POSITIONERS / BOXES
------------------------------------------------------*/
.loader{background:url(/_img/ajax-loader.gif) no-repeat;width:100px;left:50%;margin-left:-50px;height:100px;display:none;z-index:100}
.loader_sm{background:url(/_img/ajax-loader-sm.gif) no-repeat;width:16px;height:16px;display:none;z-index:500}
.shadowbox{background-color:#fff;position:absolute;}

/*------------------------------------------------------
HOME
------------------------------------------------------*/
#billboard_home { width: 780px; margin: 0 auto; }
.home_content { width: 700px; margin: 0 auto; overflow: hidden; padding-left: 80px; }
.claim_callout { width: 220px; float: left; margin-right: 10px; }
.claim_callout a { display: block; background: url(/_img/claim_arrow.png) no-repeat 0 10px; padding: 10px 0 10px 20px; text-decoration: none; }
.claim_callout a:hover { color: #231F20; }
.claim_callout a:hover strong { color: #333; border-bottom: 1px solid #333; }
.claim_callout strong { font-size: 14px; font-weight: bold; color: #A4A436; }
.claim_panel { width: 440px; margin-left: 80px; padding-bottom: 20px; }
.claim_panel h2 { font-size: 18px; margin-top: 14px; }

/*------------------------------------------------------
NEWS
------------------------------------------------------*/
.news_person { float: left; }
.news_boilerplate { padding-top: 40px; width: 460px; overflow: hidden; }
.news_intro { padding-top: 40px; width: 340px; float: left; }
.news_intro h1 { font-size: 22px; color: #A4A436; }
.news_date { font-weight: bold; }

.news_other { float: right; padding-top: 85px; width: 240px; font-size: 11px; }
.news_other h3 { font-size: 18px; color: #333; }

.news_other ul { margin-top: 30px; }
.news_other li { position: relative; overflow: hidden; margin-bottom: 20px; }
.news_other li strong { font-weight: bold; float: left; width: 40px; padding-left: 15px; padding-right: 10px; display: block; text-align: right; background-color: transparent; background: url(/_img/subnav_arrow.png) no-repeat left top;}
.news_other a { display: block; width: 170px; float: left; text-decoration: none; }
.news_other a:hover { color: #333; text-decoration: underline; }

.top_story { width: 460px; margin-top: 20px; }
.top_story h2 { font-size: 18px; font-weight: bold; color: #333; }
.top_story h2 a { text-decoration: none; }

.news_article h1 { color: #A4A436; padding-top: 85px; font-size: 22px; width: 450px; }
.news_article .scroll_holder { width: 480px; position: relative; top: 20px; left: 0; z-index:0}
.news_article .scroll_content { width: 480px; height: 350px; overflow:auto; }

/*------------------------------------------------------
CONTACT
------------------------------------------------------*/
.contact_form { width: 400px; margin: 86px 0 0 85px; padding-bottom: 20px; }
.contact_form h1 { color: #A4A436; }
.contact_form input, .contact_form textarea { width: 380px; }
.contact_location { position: absolute; right: 0; top: 86px; }
.contact_location h2 { margin-left: 20px; margin-bottom: 10px; font-size: 22px; }
a.btn_submit { background: url(/_img/btn_submit.png) no-repeat; width: 74px; height: 23px; display: block; text-indent: -999em; overflow: hidden; }
a:hover.btn_submit { background-position: 0 -23px; }
.contact_person { position: absolute; top: 40px; }
.vcard { margin-left: 20px; }
.x_jsWarning { background-color:#FAD163; width:380px; font-weight:bold; padding:4px}

/*------------------------------------------------------
PEOPLE
------------------------------------------------------*/
.panel_people { background: url(/_img/panel_people_bg.png) no-repeat; width: 734px; height: 140px; position: absolute; bottom: 0; z-index:5; }
.people_col { width: 102px; float: left; padding-top: 12px; margin-left: 15px; display: inline; }
.people_col li { float: left; }
.people_col h3 { font-size: 11px; font-weight: bold; color: #231f20; margin-bottom: 10px; clear: both; }
.people_col a { background: url(/_img/people_arrow.png) no-repeat 0 50%; padding-left:18px; text-decoration: none; font-size: 11px; display: block; width: 95px; padding-right: 5px; }
.people_col a:hover { text-decoration: underline; color: #A4A436; }
.multi_col { width: 240px; }
.strategy { margin-left:0; }
.panel_people .plus_minus{left: 5px; top: 5px; }

.people_first { padding-left: 18px; }

.bio_plate { width: 277px; position: absolute; top: 70px; }
.bio_quote { background: url(/_img/quote_bg.png) no-repeat; padding-top: 15px; margin-top: 10px; font-size: 11px; }
.bio_quote p { text-indent: 1.5em; margin:0 0 1em; font-weight: bold; display: block; }

.bio_content {width: 420px; padding-top: 22px; float: right;}
.bio_content h1 {background-repeat: no-repeat; width: 445px; height: 93px; text-indent: -999em; overflow: visible; position: relative; left: -50px;}
.bio_content h2 { font-size: 13px; color: #333; position: absolute; top: 87px; left: 400px; width: 350px; }
.bio_question {color:#A4A436; font-weight: bold; }

.bio_content .scroll_holder { width: 380px; position: absolute; top: 110px; left: 400px; z-index:1}
.bio_content .scroll_content { width: 380px; height: 360px; overflow:auto; }

/* PEOPLE HEADLINE NAMES */
.brian_crowley {background-image: url(/_img/sig/brian_crowley.png);}
.christine_pratt {background-image: url(/_img/sig/christine_pratt.png);}
.denise_nora {background-image: url(/_img/sig/denise_nora.png);}
.ikuko_aoki-salinas {background-image: url(/_img/sig/ikuko_aoki-salinas.png);}
.janessa_knodt {background-image: url(/_img/sig/janessa_knodt.png);}
.jerry_valentine {background-image: url(/_img/sig/jerry_valentine.png);}
.joann_schommer {background-image: url(/_img/sig/joann_schommer.png);}
.judy_klem {background-image: url(/_img/sig/judy_klem.png);}
.mara_orrico {background-image: url(/_img/sig/mara_orrico.png);}
.matt_dudek {background-image: url(/_img/sig/matt_dudek.png);}
.michael_mcguire {background-image: url(/_img/sig/michael_mcguire.png);}
.sarah_welchko {background-image: url(/_img/sig/sarah_welchko.png);}
.joe_pratt {background-image: url(/_img/sig/joe_pratt.png);}
.sarah_pifkin-ruger {background-image: url(/_img/sig/sarah_pifkin-ruger.png);}
.lisa_sarmonpal {background-image: url(/_img/sig/lisa_sarmonpal.png);}
.scott_hohman {background-image: url(/_img/sig/scott_hohman.png);}
.colin_bayer {background-image: url(/_img/sig/colin_bayer.png);}
.chris_mickschl {background-image: url(/_img/sig/chris_mickschl.png);}
.anthony_nagy{background-image: url(/_img/sig/anthony_nagy.png);}
.karen_polulack{background-image: url(/_img/sig/karen_polulack.png);}
.christin_norris{background-image: url(/_img/sig/christin_norris.png);}
.wesley_kloss{background-image:url(/_img/sig/wesley_kloss.png);}
.bryan_simkin{background-image:url(/_img/sig/bryan_simkin.png);}
.emily_olsen{background-image:url(/_img/sig/emily_olsen.png);}
.antonio_moton{background-image:url(/_img/sig/antonio_moton.png);}

/*------------------------------------------------------
WORK
------------------------------------------------------*/
.work_ml { margin-left: 56px; }
.work_mtb { margin: 40px; }
.js_warning { padding-top: 100px; width: 400px; float:right; }
.work_content { width: 685px; margin: 10px auto 0 auto; }
.work_content h2 span {color: #666;}
#billboard_work { width: 800px; height:365px; margin: 40px auto 0 auto; }

/*------------------------------------------------------
NEWSLETTER FORM
------------------------------------------------------*/
.nl_popup .plus_minus{left: 294px; top: 5px; }
.nl_popup {font-size:11px;color: #231f20;}
.nl_popup .plus_minus{left: 294px; top: 5px; }
.nl_popup .btn_submit {top:18px;left:180px}
.nl_popup p{margin:5px 25px}
.nl_popup h3{margin:15px 25px 5px 25px}
.nl_popup .min_h{min-height:190px;height:auto !important; height:190px;}
	
/*-----------------------------------------------------
COMMON FONT CLASSES  
------------------------------------------------------*/
.warn{color:red;}
.vd_error{color:#B22626}
.large{font-size:12px}
.larger{font-size:14px}
.largest{font-size:16px}
.small{font-size:11px}
.smaller{font-size:10px}
.micro{font-size:8px}

/*------------------------------------------------------
COMMON POSITIONERS / BOXES
------------------------------------------------------*/
.plus_minus { background: url(/_img/icon_plus_minus.png) no-repeat; width: 20px; height: 20px; display: block; overflow: hidden;text-indent: -999em; }
.pm_close {background-position:0 -80px}
.med_pop{width:328px;height:auto;padding-top:8px;background: transparent url(/_img/med_box_sprite.png) no-repeat 0 -8px;}
.med_pop .mp_inner{background: transparent url(/_img/med_box_center.png) repeat-y;text-align:left;padding:1px}
.med_pop .mp_bottom{background: transparent url(/_img/med_box_sprite.png) no-repeat;height:8px}

/*------------------------------------------------------
UTILITIES
------------------------------------------------------*/
.start_hidden{display:none}
.start_invis{visibility:hidden}
.clear {clear: both;}
.btn{cursor:pointer}
.la{text-align:left}
.lfloat{float:left}
.rfloat{float:right}
.center{text-align:center}
.buffer{margin:10px}
.gutters{margin:0 10px}  
.printme{display:none;}
.abs{position:absolute}
.relpos{position:relative}
	
/*-----------------------------------------------------
MISC ITEMS
------------------------------------------------------*/
.callout_arrow { background: url(/_img/callout_arrow.png) no-repeat; padding-left: 15px; text-decoration: none; }
.callout_arrow_lg { background: url(/_img/callout_arrow_lg.png) no-repeat right top; padding-right: 24px; font-weight: bold; text-decoration: none; }
.callout_back { background: url(/_img/back_arrow.png) no-repeat; padding-left: 20px; font-weight: bold; text-decoration: none; font-size: 11px; }
.back_top { position: absolute; top: 40px; left: 0;}
.sup { vertical-align: 40%; font-size: .75em; padding-left: 2px; }

/* JQUERY SCROLLBAR */
.jScrollPaneContainer{position:relative;overflow:hidden;}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:url(/_img/scroll_track.png) no-repeat;}
.jScrollPaneDrag{position:absolute;background:url(/_img/scroll_drag.png) no-repeat 0 50%;cursor:pointer;overflow:visible; height: 20px !important;}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden; height: 1px;}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden; height: 1px;}