@font-face {
    font-family: 'leaguegothic';
    src: url('fonts/league_gothic-webfont.eot');
    src: url('fonts/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/league_gothic-webfont.woff') format('woff'),
         url('fonts/league_gothic-webfont.ttf') format('truetype'),
         url('fonts/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {font-family: 'museoslab'; src: url('fonts/museo_slab_500-webfont.eot'); src: url('fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_500-webfont.woff') format('woff'), url('fonts/museo_slab_500-webfont.ttf') format('truetype'), url('fonts/museo_slab_500-webfont.svg#MuseoSlab500') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'museoslab-italic'; src: url('fonts/museo_slab_500italic-webfont.eot'); src: url('fonts/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museo_slab_500italic-webfont.woff') format('woff'), url('fonts/museo_slab_500italic-webfont.ttf') format('truetype'), url('fonts/museo_slab_500italic-webfont.svg#MuseoSlab500Italic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'museosans-italic'; src: url('fonts/museosans_500_italic-webfont.eot'); src: url('fonts/museosans_500_italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_500_italic-webfont.woff') format('woff'), url('fonts/museosans_500_italic-webfont.ttf') format('truetype'), url('fonts/museosans_500_italic-webfont.svg#MuseoSans500Italic') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'museosans'; src: url('fonts/museosans_500-webfont.eot'); src: url('fonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosans_500-webfont.woff') format('woff'),         url('fonts/museosans_500-webfont.ttf') format('truetype'), url('fonts/museosans_500-webfont.svg#MuseoSans500') format('svg'); font-weight: normal; font-style: normal;}

html{background:url(../images/mountain-bg-new2.jpg) repeat-x;}
html.new{background:url(../images/mountain-bg4.jpg) repeat-x;}
html.sub{background: url(../images/mountain-bg-sub2.png) repeat-x center top;}
html.sub #logo{background:url(../images/homepage-logo.png) left -50px no-repeat; height:161px; width:238px; text-indent:-9999px; position:relative; left: 0px; float: left; z-index: 2; margin: -150px 0 0 0;} 
html.sub #wrapper-bottom{margin: 147px auto 0; line-height: 18px;}
body{font-family:museosans, Arial, sans-serif; color: #222; font-size: 12px; }
select:focus, textarea:focus, input:focus{outline: none;}
a{color:#5A9ECE; outline: none;}
a:visited{color: #999;}
a:hover{color: #91cd1c;}
strong{font-weight: bold;}
.content-left li{list-style: disc;}
.content-left ol li{list-style-type: decimal;}
.content-left ol li span{font-weight: normal;}
blockquote{background: #ddd; padding: 20px; line-height: 24px; border: 3px solid #CCC; margin: 0 0 20px;}
.white{color: #fff;}
blockquote a{color: #222; font-weight: bold;}
blockquote a:hover{text-decoration: none;}
#legal-content br{display: none;}
.no-btm-margin{margin: 0 0 0 30px;}
.content-left ul ul li{list-style-type: circle;}
.player-inline{background: #ddd; padding: 40px 45px 30px; line-height: 24px; border: 3px solid #CCC; margin: 0 0 20px; float: left;}
.player-side{background: #ddd; padding: 30px 45px 20px; line-height: 24px; border: 3px solid #CCC; margin: 20px 30px 20px 0; float: right;}
.clear{clear: both; height: 0;}
.content-left .column-left li{list-style: disc; margin: 0 0 0 20px;}
.column-left{width: 184px; float: left; margin: 0 25px 20px 0;}
.column-right{width: 184px; float: left; margin: 0 0 20px;}
.community-news-tab{float: right;}
.community-news-tab li{float: left; display: inline; font-family: leaguegothic; font-size: 24px; margin: 0 10px;}
.community-news {margin: 0px 0; width: 433px;}
.community-news ul {float: right; padding-right: 20px;}
.community-news li {list-style: none; margin-left:3px;}
* html #tabs li {display: inline;} 
.community-news li, #tabs li a {float: left;}
.community-news ul li.active a {color: #91cd1c;}
.community-news div {clear: both; padding: 15px 0; min-height: 200px; width:433px; }
.testimonials{background: #ddd; padding: 20px 20px 40px 20px; line-height: 24px; border: 3px solid #CCC; margin: 0 0 20px; }
.slideshow{height: auto; min-height: 100px;}
.tiny{font-size: 10px;}
.ht sup{font-size: 11px;}
body.free #get-help-btn{display: none;}
em{font-style: italic;}
.translate{float: right;}



/*** Clouds ***/
.clouds{ width:100%; height:516px; overflow:hidden; }
#cloud1{ position:relative; top:80px; } 
#clouds-small{ width:325%; height:100%; background:url(../images/mountain-orange.png) -230px 0 repeat-x;}
#clouds-small2{ width:325%; height:100%; background:url(../images/mountain-dark.png) -230px 0 repeat-x;}
#cloud2{ position:relative; top:-452px; } 
#clouds-big{ width:500%; height:100%; background:url(../images/grass-bg3.png) -90px 0 repeat-x;}
#clouds-big2{ width:500%; height:100%; background:url(../images/mountain-gray1.png) -90px 0 repeat-x;}
#clouds-big3{ width:500%; height:100%; background:url(../images/mountain-gray2.png) -90px 0 repeat-x;}


/*** Header ***/
#top{width: 960px; margin: 0 auto; position: absolute; top: 0;}
/*.ie6 #top, .ie7 #top, .ie8 #top{width: 980px; margin: 0 auto; position: absolute; top: 0; z-index: 3;}*/
#header{width: 960px; margin: 0 auto;  }
.ribbon-in{position: absolute; right: 0; top: 415px; width: 500px; height: 39px; background: url(../images/small-nav.png) 0 0 repeat-x; display: block; z-index: 1;}
.ribbon-out{position: relative; left: 5%; top: 465px; width: 100%; height: 39px; background: url(../images/small-nav.png) 0 0 repeat-x;  z-index: 1;}
#small-nav-end{position: absolute; left: 520px; top: 130px; width: 8px; height: 39px; background: url(../images/nav-end.png) 0 0 no-repeat; display: block; z-index: 4;}
#logo{background:url(../images/homepage-logo.png) left top no-repeat; height:161px; width:238px; text-indent:-9999px; position:relative; left: 0px; float: left; z-index: 2;}                      
#phone-holder{ background:url(../images/phone-icon.jpg) 0 -2px no-repeat; height:54px; width:269px; position:relative; float: left;}
#call{border-right: 1px solid #CCC; color: white; font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 24px; height: 21px; left: 35px; padding-bottom: 5px; padding-right: 20px; position: absolute; text-transform: uppercase; top: 13px;}
#phone{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 34px; color: #fff; position: absolute; top: 7px; right: 5px;}
#menu-small{ font-family:museosans, helvetica, arial, sans-serif; width: 583px; height: 25px; font-size: 11px; float:right; position:absolute; top:42px; left: 440px; padding-left: 25px; z-index:2; text-transform: uppercase; margin: 0; background:url(../images/navBars.png) 0 -38px no-repeat;}
#menu-small a{ color:#fff; text-decoration:none; padding: 0px 20px 8px 20px; display: block; } 
/*.ie6 #menu-small a, .ie7 #menu-small a, .ie8 #menu-small a{ color:#fff; text-decoration:none; padding: 0px 20px 8px 20px; display: inline; } */
#menu-small a:hover{ color:#91cd1c; text-decoration:none;}
#menu-small a.selected { background: url(../images/triangle.png) no-repeat center 18px; color:#91cd1c; text-decoration:none; height: 20px;}
#menu-small li{ float:left; padding-top: 6px; }
#wrapper{ height: 580px; overflow: hidden; width: 100%; position: absolute; top: 0;}
#mask{ height: 580px; width: 1000px; margin: 0 auto; overflow: visible;}
#mask ul { height: 100%; width: 10176px; background: url(../images/ribbon2.png) 0 0 no-repeat;}
#mask ul li { float: left; height: 100%; width: 1000px; margin-right: 1000px;}
.content{ height: 530px; margin: 0 auto; position: relative; width: 1000px; top: 50px;}

/*NAVIGATION*/
#contact-bar-bg{ background: url(../images/nav.png) 0 0 repeat-x; height: 53px; width: 100%; position: absolute; clear: both; top: 580px;}
#contact-bar{ width:980px; margin: 0 auto;}
#mainNav{width:669px; height:37px; background:url(../images/navBars.png) 0 0 no-repeat; position:relative; float: left; top: 0; left: 100px; z-index: 5; padding: 0 0 0 30px;}
#mainNav ul{margin: 0 0 0 110px;}
#contact-bar ul, #mainNav ul{margin: 0;}
#contact-bar ul li, mainNav ul li{ display: inline;  /*background: url(../images/nav-divider.png) no-repeat 40px 3px;*/}
#mainNav ul li a{float: left; margin: 0 20px 0 0; color: #fff; text-decoration: none; font-family: leaguegothic; font-size: 20px; text-transform: uppercase; line-height: 16px; z-index:3}  
#mainNav ul li a:hover{color: #00457c!important;}
/*#mainNav ul li a{padding: 10px 0 0 0;}*/

html.sub #mainNav{width:669px; height: 37px; background:url(../images/navBars.png) 0 0 no-repeat; position:relative; float: left; top: 0; left: 70px; z-index: 5; padding: 0 0 0 30px; margin: -150px 0 0;}
html.sub #contact-bar-bg{ background: url(../images/nav.png) 0 0 repeat-x; height: 53px; width: 100%; position: absolute; clear: both; top: 20px;}
html.sub #contact-bar-bg #social{margin: 0 30px 0 0;}
/*** Sub Pages***/
#get-help-btn{background: url(../images/get-help-btn.png) no-repeat left top; float: right; width: 430px; height: 114px; position: absolute; left: 200px; top: 56px;}
#get-help-btn:hover{background-position: left -114px;}
.content-right{float: right; width: 518px; margin: 51px 0 0;}
.content-left{float: left; width: 433px; margin: 100px 0 0 20px;}
.content-full{float: left; width: 550px; margin: 100px 0 0 20px;}
#auto-thumb{background: url(../images/auto-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#auto-thumb:hover{background-position: left -351px;}
#motorcycle-thumb{background: url(../images/motorcycle-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#motorcycle-thumb:hover{background-position: left -351px;}
#ssd-thumb{background: url(../images/ssd-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#ssd-thumb:hover{background-position: left -351px;}
#truck-thumb{background: url(../images/truck-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#truck-thumb:hover{background-position: left -351px;}
#workers-thumb{background: url(../images/workers-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#workers-thumb:hover{background-position: left -351px;}
#wrongful-thumb{background: url(../images/wrongful-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#wrongful-thumb:hover{background-position: left -351px;}

#torts-thumb{background: url(../images/torts-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#torts-thumb:hover{background-position: left -351px;}

#torts-vid-thumb{background: url(../images/torts-vid-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#torts-vid-thumb:hover{background-position: left -351px;}

#community-thumb{background: url(../images/community-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#community-thumb:hover{background-position: left -351px;}
#sober-thumb{background: url(../images/sober-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#sober-thumb:hover{background-position: left -351px;}
#psa-thumb{background: url(../images/psa-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#psa-thumb:hover{background-position: left -351px;}
#firm-history-thumb{background: url(../images/firm-history-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#firm-history-thumb:hover{background-position: left -351px;}
#firm-achievement-thumb{background: url(../images/firm-achievement-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#firm-achievement-thumb:hover{background-position: left -351px;}
#attorneys-thumb{background: url(../images/attorneys-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorneys-thumb:hover{background-position: left -351px;}
#mcdivitts-thumb{background: url(../images/mcdivitts-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#mcdivitts-thumb:hover{background-position: left -351px;}
#testimonials-thumb{background: url(../images/testimonials-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#testimonials-thumb:hover{background-position: left -351px;}
#no-fee-thumb{background: url(../images/no-fee-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#no-fee-thumb:hover{background-position: left -351px;}
#locations-thumb{background: url(../images/locations-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#locations-thumb:hover{background-position: left -351px;}
#disclaimer-thumb{background: url(../images/disclaimer-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#disclaimer-thumb:hover{background-position: left -351px;}
#firm-thumb{background: url(../images/firm-thumb.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#firm-thumb:hover{background-position: left -351px;}
#firm-thumb-play{background: url(../images/firm-thumb-play.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#firm-thumb-play:hover{background-position: left -351px;}
#attorney-michael{background: url(../images/attorney-michael.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-michael:hover{background-position: left -351px;}
#attorney-david{background: url(../images/attorney-david.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-david:hover{background-position: left -351px;}
#attorney-durant{background: url(../images/attorney-durant.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-durant:hover{background-position: left -351px;}
#attorney-jordan{background: url(../images/attorney-jordan.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-jordan:hover{background-position: left -351px;}
#attorney-matt{background: url(../images/attorney-matt.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-matt:hover{background-position: left -351px;}
#attorney-ben{background: url(../images/attorney-ben.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-ben:hover{background-position: left -351px;}
#attorney-sasha{background: url(../images/attorney-sasha.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-sasha:hover{background-position: left -351px;}
#attorney-jonathan{background: url(../images/attorney-jonathan.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-jonathan:hover{background-position: left -351px;}
#attorney-joseph{background: url(../images/attorney-joseph.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-joseph:hover{background-position: left -351px;}
#attorney-neil{background: url(../images/attorney-neil.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-neil:hover{background-position: left -351px;}
#attorney-tyler{background: url(../images/attorney-tyler.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-tyler:hover{background-position: left -351px;}
#attorney-eric{background: url(../images/attorney-eric.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-eric:hover{background-position: left -351px;}
#attorney-collin{background: url(../images/attorney-collin.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-collin:hover{background-position: left -351px;}
#attorney-remington{background: url(../images/attorney-remington.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-remington:hover{background-position: left -351px;}
#attorney-william{background: url(../images/attorney-william.png) no-repeat left top; float: right; width: 518px; height: 351px; margin: 22px 0 0;}
#attorney-william:hover{background-position: left -351px;}
.info-box{float: right; margin: 30px 30px 0 0; width: 436px;}
.info-box-contact{float: right; margin: 50px 30px 0 0; width: 436px;}
.info-box-top{background: url(../images/info-box-top.png) no-repeat left top; width: 436px; height: 15px;}
.space-top{margin: 40px 0 0; float: left; width: 100%;}
.info-box-bottom{color:#fff; background:#292929 url(../images/info-box-bottom.jpg) no-repeat left bottom; float: right; margin: 0; width: 376px; min-height: 169px; padding: 30px 30px 45px 30px;}
.info-title{font-size: 28px; line-height: 28px;}


.info-box-contact{margin: 0 0 8px; padding: 0;}
.info-box-contact ul, .info-box ul{margin: 0 0 0 20px; padding: 0;}
.info-box li, .info-box-contact li{line-height: 24px; color:#fff;}
.info-box li ul li, .info-box-contact li ul li{line-height: 24px; color:#fff; margin: 0; list-style-type:disc;}
.info-box li a, .info-box-contact li a{color: #fff; line-height: 24px; text-decoration: underline;}
.info-box li a:visited, .info-box-contact li a:visited{color:#aaa; line-height: 24px;}
.info-box li a:hover, .info-box-contact li a:hover{color:#91cd1c; line-height: 24px; text-decoration: none;}
.info-box p a, .info-box-contact p a{color: #fff; line-height: 24px; text-decoration: underline;}
.info-box p a:hover, .info-box-contact p a:hover{color:#91cd1c; line-height: 24px; text-decoration: none;}
.info-box .left, .info-box-contact .left{width: 184px; float: left; margin: 0 0 20px;}
.info-box .right, .info-box-contact .right{width: 184px; float: right; margin: 0 0 20px;}
ul.community li a{text-decoration: underline;}
.content-left .test{list-style-type: none;}

/* SLIDE1 */
#contact{bottom: 0; height: 509px; position: absolute; width: 950px; left: 15px;}
.content-space{height: 50px; width: 100%;}
#form-bg{background: url(../images/form-bg.png) no-repeat left top; float: left; width: 545px; height: 362px; margin: 140px 0 0;}
#guys{/*background: url(../images/guys.png) no-repeat left top;*/ float: right; width: 346px; height: 509px; margin: 21px 55px 0 0;}
.guys-image{display: block;}
#mad-logo{background: url(../images/mad-logo.png) no-repeat left top; display: block; width: 125px; height: 125px; float: right; margin: 4px 7px 0 0;}
.form-title1{font-family: leaguegothic; font-size: 48px; color: #00457c; text-transform: uppercase; margin-bottom: -5px; line-height: normal;}
.form-title2{font-family: museoslab; font-size: 18px; color: #9cc9e7; text-transform: uppercase;}
#form-titles{margin: 45px 10px 0 30px;}

/* FORM */
#postcard{width:552px; no-repeat scroll 0 0 transparent; float:right;}
#postcard-content{ no-repeat scroll 0 0 transparent; width:534px; position:relative; color:#333; float:left; padding: 0 0 0 20px;}
body.houston #postcard-content.houston{ width:634px; height:296px; position:relative; color:#FFF; float:left;}
body.dallas #postcard-content.dallas{ width:634px; height:296px; position:relative; color:#FFF; float:left;}
#postcard-content form{float:left; margin-left:20px;    z-index:5;}
#postcard-content h3{font-family: "MuseoSans500", "Trebuchet MS", Arial, Helvetica, sans-serif; color:#94c50d;  font-weight:normal; font-size:24px;}
#postcard-content h3 span{font-size:12px;   color:#fff483;  margin-left:30px;}
#postcard-content h4{font-size:12px;    color:#fff483;  margin:-20px 0 -10px;}
#postcard-content p{    font-size:14px; line-height:38px !important;}
#postcard-content input, #postcard-content select{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; border:none; width: 149px; height: 23px; background: #e4e4e4; color: #00457c; margin: 0 5px; padding: 0 0 0 5px; border: 1px solid #BBB;}
#postcard-content input:focus, #postcard-content select:focus{border:2px solid #91cd1c; background: #fff; margin: 0 5px; width: 147px; height: 21px;}
#convo-form-submit, #submit511{background: url("../images/get-help-submit.png") no-repeat scroll 0 0; border: none; text-indent: -9999px; color: white; display: block; font-size: 14px; height: 63px; margin-top: 20px;  text-align: left; width: 456px; cursor: pointer;} 
#convo-form-submit, #submit511:hover{background: url("../images/get-help-submit.png") no-repeat scroll 0 -63px; cursor:pointer;}
.actual-client{position:absolute; right:-18px; bottom:0px; z-index:1;}
.actual-client-dallas{position:absolute; right:-5px; bottom:0px; z-index:1;}


/* SLIDE2 */
#safe-sober{ background: url(../images/safe-sober.png) 0 0 no-repeat; height: 512px; position: absolute; width: 957px; top: 15px; left: 20px;}
#sober{/*background: #232;*/ width: 182px; height: 300px; float: left; margin: 140px 0 0 0; color: #ccc; font-size: 11px;}
#sober-title1{font-family: leaguegothic; font-size: 96px; letter-spacing: 12px; color: #fff; text-transform: uppercase; text-align: center; margin: 0 0 -25px 10px; line-height: normal;}
#sober-title2{color: #73bae7; font-family: leaguegothic; font-size: 32px; letter-spacing: 4px; font-style: normal; text-transform: uppercase; text-align: center; margin: 0 0 5px;}
#sober p{width: 157px; margin: 0 0 20px 10px; line-height: 16px;}
ul#sober-list{margin: 0 0 0 10px; padding: 0; height: auto; width: auto;}
ul#sober-list li{font-size: 16px; color: #fff; float: left; height: auto; width: auto; margin: 0;}
ul#sober-list li a{color: #fff; text-decoration: none;}
ul#sober-list li a.st-pat{background: url(../images/sober-icons.png) no-repeat 140px 2px; width: 155px; height: 25px; float: left;}
ul#sober-list li a.st-pat:hover{background-position: 140px -28px; color: #ccc;}
ul#sober-list li a.halloween{background: url(../images/sober-icons.png) no-repeat 140px -59px; width: 155px; height: 25px; float: left;}
ul#sober-list li a.halloween:hover{background-position: 140px -89px; color: #ccc;}
ul#sober-list li a.newyear{background: url(../images/sober-icons.png) no-repeat 140px -124px; width: 155px; height: 25px; float: left;}
ul#sober-list li a.newyear:hover{background-position: 140px -154px; color: #ccc;}
ul#sober-list li a.cinco{background: url(../images/sober-icons.png) no-repeat 140px -190px; width: 155px; height: 25px; float: left;}
ul#sober-list li a.cinco:hover{background-position: 140px -220px; color: #ccc;}

#rides{color:#ccc; width: 305px; height: 210px; float: right; margin: 28px 30px 0 0;}
.safe-logo{background: url(../images/safe-logo.png) no-repeat left top; float: left; width: 136px; height: 60px; margin: 23px 0 0 10px;}
.safe-logo:hover{background-position: 0 -60px;}
#safe-title{font-family: leaguegothic; font-size: 80px; letter-spacing: -2px; color: #fff; text-transform: uppercase; text-align: center; margin: 0 20px -25px 0px; float: right; line-height: normal;}
#rides p{width: 157px; margin: 0 0 0 10px; line-height: 18px; float: right; text-align: center;}

#safe-phone{/*background: #343;*/ width: 202px; height: 84px; float: right; margin: 118px 17px 0 0; clear: right; color: #ccc;}
#phone-title{/*background: url(../images/phone-safe.png) no-repeat left top;*/ font-family: leaguegothic; font-size: 26px; letter-spacing: 2px; color: #fff; text-transform: uppercase; text-align: center; margin: 0 0 -25px 0; float: left; line-height: normal;}
#safe-phone p{width: 210px; margin: 25px 0 0; line-height: 18px; float: left; font-size: 11px;}


/* SLIDE3 */
#psa{ background: url(../images/psa-bg.png) 0 0 no-repeat; bottom: 12px; height: 536px; position: absolute; width: 944px; margin: 0 0 0 15px;}
#psa p{line-height: 24px;}
#psa #psa-contest{line-height: 24px; font-size: 14px;}
#video-psa{ width: 485px; height: 235px; float: left; margin: 224px 0 0 22px; font-size:12px; color: #ccc;}
#psa-title{color: #fff; font-size: 36px; font-family: leaguegothic; border-bottom: #393939 solid 3px; margin: 0 0 20px; text-transform: uppercase; height: 51px;}
#psa-title .asterisk{color: #7cb8e5; font-family: leaguegothic; font-size: 110px; height: 70px; line-height: 100px; margin: 0 10px 0 0; float: left;}
#one{width: 161px; float: left; color: #ccc; font-size: 11px;}
#one p{line-height: 20px; font-size: 14px;}
#one-title{color: #fff; font-size: 30px; font-family: leaguegothic; border-bottom: #393939 solid 3px; margin: 0 0 15px; text-transform: uppercase; height: 86px; background: url(../images/psa-icon.png) no-repeat left 27px; line-height: 15px;}
#one-sub{color: #a6a6a6; font-size: 15px; font-family: leaguegothic; text-transform: uppercase; font-style: normal; margin: 0; line-height: 5px; height: 15px;}
#one-num{color: #7cb8e5; font-size: 50px; font-family: leaguegothic; float: left; width: 20px; line-height: 34px;}
#two{width: 161px; float: right; color: #ccc; font-size: 11px;}
#two p{line-height: 15px;}
#two-title{color: #fff; font-size: 30px; font-family: leaguegothic;  text-transform: uppercase; margin: 0; line-height: 21px;}
#two-sub{color: #a6a6a6; font-size: 15px; font-family: leaguegothic; text-transform: uppercase; font-style: normal;  line-height: 5px; height: 15px; height: 79px; background: url(../images/film-icon.png) no-repeat left 22px; line-height: 15px; border-bottom: #393939 solid 3px; margin: 0 0 15px;}
#two-num{color: #7cb8e5; font-size: 50px; font-family: leaguegothic; float: left; width: 26px; line-height: 34px;}
#three{width: 363px; float: right; color: #ccc; font-size: 11px; margin: 40px 0 0;}
#three p{line-height: 15px;}
#three a{color:#7cb8e5; text-decoration: none;}
#three a:hover{color:#fff;}
#three-title{color: #fff; font-size: 30px; font-family: leaguegothic;  text-transform: uppercase; margin: 0; line-height: 21px; width: 363px; background: url(../images/win-icon.png) no-repeat right 10px;}
#three-sub{color: #a6a6a6; font-size: 15px; font-family: leaguegothic; text-transform: uppercase; font-style: normal;  line-height: 5px; height: 15px; height: 26px;  line-height: 15px; border-bottom: #393939 solid 3px; margin: 0 0 15px; background: url(../images/win-icon.png) no-repeat right -11px;}
#three-num{color: #7cb8e5; font-size: 50px; font-family: leaguegothic; float: left; width: 26px; line-height: 34px;}
.macbook{background: url(../images/macbook.png) no-repeat left top; float: right; margin: 5px 0 5px 5px; width: 80px; height: 52px;}

#video-enter{ width: 362px; height: 477px; float: right; margin: 58px 20px 0 0; /*margin: 58px 19px 0 0;*/}
/* SLIDE4 */
#past-events{ background: url(../images/past.png) 0 0 no-repeat; bottom: 35px; height: 357px; position: absolute; width: 974px;}
/* SLIDE5 */
#news{ color: #ccc; background: url(../images/news.png) 0 0 no-repeat; bottom: 35px; height: 411px; position: absolute; width: 922px; left: 40px;}
#news a{color: #5a9ece; text-decoration: none;}
#news a:hover{color: #fff;}
#news-content{float: left; width: 442px; height: 288px; margin: 100px 0 0 90px}
#news-content2{color: #222; float: right; width: 249px; height: 273px; margin: 30px 45px 0 0; padding: 90px 0 0; text-align: center;}
.title-white{font-family: leaguegothic; font-size: 30px; color: #fff;}
#news ul{margin: 0 0 20px; height: auto; width: auto; background: none;}
#news ul li{float: none; height: auto; width: auto; margin: 0 0 10px;}
#news ul li a{color: #5a9ece;}
#news-content2 ul li a:hover{color: #222;}
#news-read{color: #00457c!important; font-family: leaguegothic; font-size: 24px; text-transform: uppercase; text-align: center; margin: 40px 0 0;}
#news-read:hover{color: #222!important;}
.news-title1{color: #222; font-family: leaguegothic; font-size: 30px; position: absolute; top: 30px; left: 675px;}
.news-title2{color: #00457c; font-family: leaguegothic; font-size: 48px; position: absolute; top: 45px; left: 693px; line-height: normal;}
.italic{font-style: italic;}


.inner{ background: rgba(255,255,255,0.3); height: 360px; margin: 5px; padding: 15px; position: relative; top: 5px; width: 920px;}
#form{ background: url(../images/form.png) no-repeat 0 0; height: 378px; position: absolute; top: 119px; width: 545px; z-index: 3;}
#psa-mountain-bg{ background: url(../images/psa-mountain-bg.png) no-repeat 0 5px; bottom: 0; height: 158px; position: absolute; width: 960px; z-index: 2;}
#psa-ribbon{ background: url(../images/psa-ribbon.png) no-repeat 0 0; height: 213px; position: absolute; top: 241px; width: 960px;}
/*#small-nav-tail {position: absolute; left: 0; top: 130px; width: 40%; height: 39px; background: url(../images/small-nav.png) 0 0 repeat-x; display: block; z-index: 2;}*/

.sub-title{font-family: museoslab; font-size: 10px; color: #aaa; display: block;}   
body.home #home-link{}
#google_translate_element{margin: 15px 0 0;}
#social{float: right; width: 375px;}
#social-title{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 24px; color: #fff; float: left; margin: 15px 15px 0 0; text-transform: uppercase;}
#social ul li{display: inline;}   
#social ul li a{float: left; text-indent: -9999px; margin: 0 15px 0 0;} 
.facebook{background: url(../images/icons.png) 0 -516px no-repeat; width: 32px; height: 53px;} 
.facebook:hover{background: url(../images/icons.png) 0 -568px no-repeat;}    
.twitter{background: url(../images/icons.png) 0 -620px no-repeat; width: 32px; height: 53px;} 
.twitter:hover{background: url(../images/icons.png) 0 -672px no-repeat;}  
.myspace{background: url(../images/icons.png) 0 -724px no-repeat; width: 32px; height: 53px;} 
.myspace:hover{background: url(../images/icons.png) 0 -776px no-repeat;}     
.chart{margin: 20px 0 30px; float: left;}

/*MAIN CONTENT*/
h1{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 36px; color: #5a9ece; text-transform: uppercase; margin: 0 0 10px; line-height: 36px;}
h1.sub{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 36px; color: #5a9ece; text-transform: uppercase; margin: 0; line-height: 36px;}
h1 sup{font-size: 16px; vertical-align: super;}
h1.smaller{font-size: 34px; line-height: 34px;}
h1.small{font-size: 32px; line-height: 32px;}
h2{font-family: museoslab; font-size: 14px; color: #000; margin: 0 0 15px; text-transform: uppercase; font-style: italic;}
h3{font-family: leaguegothic; font-size: 24px; color: #444; margin: 0 0 5px; line-height: 24px;}
h3 sup{vertical-align: super; font-size: 14px;}
h4{font-family: leaguegothic; font-size: 22px; color: #444; margin: 0 0 5px; line-height: 22px;}
h4.space{margin: 0 0 15px;}
h5{font-family: leaguegothic; font-size: 18px; color: #444; margin: 0 0 5px; line-height: 18px;}
h5 a{text-decoration: none;}
.content-center{margin: 0 auto 0; display: block; width: 1000px; min-height: 500px;}
#circle-bg{background: url(../images/circle-bg.png) center 0 no-repeat; margin: 0 auto; display: block; width: 1108px; min-height: 777px; padding: 50px 0 0;}
#center-sub{margin: 0 auto; display: block; width: 1108px;}
#center-sub-free{margin: 0 auto; display: block; width: 1108px; padding: 100px 0 0 60px; min-height: 550px;}
#wrapper-bottom{margin: -400px auto 0; line-height: 18px;}
.wrap-area h1{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 38px; color: #5a9ece; text-transform: uppercase; margin: 0;}
.wrap-area h2{font-family: museoslab; font-size: 14px; color: #000; margin: 0 0 15px; text-transform: uppercase; font-style: italic;}
p{margin: 0 0 20px;}
ul{margin: 0 0 20px 30px;}
ol{margin: 0 0 20px 30px;}
.wrap-area{position: relative; width: 500px; float: left; margin: 0 0 0 25px; line-height: 24px;}
.wrap-area a:visited{color: #999;}
.wrap-area a:hover{color: #91cd1c;}
.wrap-area p{position: relative;}
.shape-wrap div{float: right; clear: right; height: 17px;}
.no-fee-par{width: 405px; float: right; height: 200px; margin: 35px 20px 0 0; text-align: center; }
.no-fee-title{font-size: 36px; color: #222; font-family: leaguegothic, helvetica, arial, sans-serif; text-transform: uppercase; margin: 0 0 15px;}
.no-fee-logo{background: url(../images/no-fee.png) 0 0 no-repeat; width: 200px; height: 45px; display: block; margin: -10px auto 0;}
.no-fee-logo:hover{background-position: 0 -45px;}
.no-fee-logo2{background: url(../images/no-fee.png) 0 -45px no-repeat; width: 200px; height: 45px; display: block; margin: -10px auto 0;}
.pa{width: 1000px; float: left; margin: 0 0 40px;}
.video-holder{float: left; width: 369px; height: 318px; margin: 125px 0 0 78px;}
.title-light{color: #a0c6e2; font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 32px; text-transform: uppercase; display: block; margin: 0 0 20px;}
.past-thumb{float: left; margin: 0 15px 0 0;}
.event{float: left; margin: 0 0 20px;}
.clear-left{clear: left;}

/*PA HOT TOPICS*/

#verdicts-tabs {margin: 180px 30px 0 530px; float: right; width: 440px; position: absolute;}
/*.ie6 #verdicts-tabs, .ie7 #verdicts-tabs, .ie8 #verdicts-tabs {margin: 180px 30px 0 130px; float: right; width: 440px; position: absolute;}*/
/*float entire list left or right*/
#verdicts-tabs ul {float: right; margin: -120px 0 0 413px; display: block; position: absolute; z-index: 2;}
#verdicts-tabs li {list-style: none; margin-left:3px;}
* html #tabs li {display: inline;} 
#verdicts-tabs li, #tabs li a {}
#verdicts-tabs ul li.active {}
#verdicts-tabs ul li.active a {color: #8446A6;}
#verdicts-tabs div { padding: 0px; position: relative; top: -110px; width: 400px;}       
#verdicts-tabs p{color: #ccc;}
#verdicts-tabs ul li a {text-decoration: none; padding: 5px; color:#111; /* font-weight: bold; removed by Lindsey on 012412 due to it uglying up the headers in the pa div*/}

/*PA*/
#verdicts-tabs ul#pa{border-top: 1px dotted #555; float: left; width: 466px; display: block; margin: 95px 0 0; position: absolute; z-index: 1; height: 270px; background: url(../images/pa-bg.png) no-repeat center -10px;}
#verdicts-tabs ul#pa li{margin: 0; padding: 0;}
#verdicts-tabs ul#pa li a{background: url(../images/nav-bullet.png) no-repeat left 4px; padding: 0 0 0 10px; display: block; color: #fff; font-family: museoslab; font-weight: normal; font-size: 14px; height: 30px;}
#verdicts-tabs ul#pa li a:visited{color:#aaa;}
#verdicts-tabs ul#pa li a:hover{color:#91cd1c;}
#verdicts-tabs #pa-left{float: left; width: 203px; display: block!important; top: 55px;}
#verdicts-tabs #pa-right{float: right; width: 215px; display: block!important; top: 55px;}

/*HT*/
#verdicts-tabs ul#ht{border-top: 1px dotted #555; float: left; width: 466px; display: block; margin: 95px 0 0; position: absolute; z-index: 1;  height: 270px; background: url(../images/ht-bg.png) no-repeat center 10px;}
#verdicts-tabs ul#ht li{margin: 0; padding: 0;}
#verdicts-tabs ul#ht li a{background: url(../images/nav-bullet.png) no-repeat left 4px; padding: 0 0 0 10px; display: block; color: #fff; font-family: museoslab; font-weight: normal; font-size: 12px; height: 22px; line-height: 12px;}
#verdicts-tabs ul#ht li a:visited{color:#aaa;}
#verdicts-tabs ul#ht li a:hover{color:#91cd1c;}
#verdicts-tabs #ht-left{float: left; width: 204px; display: block!important; top: 30px;}
#verdicts-tabs #ht-right{float: right; width: 215px; display: block!important; top: 30px;}

#navigationMenu li{list-style:none; height:39px; padding:2px; width:40px;}
#navigationMenu span{
    /* Container properties */
    height: 48px;
    width:0;
    right:49px;
    padding:0;
    position:absolute;
    overflow:hidden;
    top:0;

    /* Text properties */
    line-height:50px;
    
    /* CSS3 Transition: */
    -webkit-transition: 0.25s;
    
    /* Future proofing (these do not work yet): */
    -moz-transition: 0.25s;
    transition: 0.25s;
}

#navigationMenu a{
    background:url('../images/pa-nav.png') no-repeat;
    font-family: leaguegothic, helvetica, arial, sans-serif;
    font-size: 30px;
    text-transform: uppercase;
    height:51px;
    width:40px;
    display:block;
    position:relative;
}

/* General hover styles */

#navigationMenu li.active a span, 
#navigationMenu a:hover span { 
    width:auto; 
    padding:0 20px; 
    overflow:visible;
}

#navigationMenu li.active a, 
#navigationMenu a:hover {
    text-decoration:none;
    
    /* CSS outer glow with the box-shadow property 
    -moz-box-shadow:0 0 5px #9ddff5;
    -webkit-box-shadow:0 0 5px #9ddff5;
    box-shadow:0 0 5px #9ddff5;*/
}

/* Green Button */

#navigationMenu .home {background-position:0 0; margin: 0 0 0 18px;}
#navigationMenu li.active .home,
#navigationMenu .home:hover {
    background-position:0 -63px;
}
#navigationMenu .home span{
    background-color:#a5cdec;
    color:#fff;
    /*text-shadow:1px 1px 0 #99bf31;*/
}

/* Blue Button */

#navigationMenu .about {background-position:-51px 0; margin: 20px 0 0 18px;}
#navigationMenu li.active .about,
#navigationMenu .about:hover {
    background-position:-51px -63px;
}
#navigationMenu .about span{
    background-color:#242424;
    color:#fff;
    /*text-shadow:1px 1px 0 #44a8d0;*/
}

/*AWARDS*/
#awards{background: url('../images/awards.jpg') no-repeat left top; float: left; width: 345px; height: 209px; margin: 0 0 20px 38px; padding: 20px 20px 0 20px;}
.award-left{float: left; height: 50px; width: 93px; margin: 0 0 20px; font-family: museoslab; color: #333; font-size: 10px; padding: 10px 60px 0 10px; text-transform: uppercase; line-height: 12px; cursor: pointer;}
.award-right{float: right; height: 50px; width: 93px; margin: 0 0 20px; font-family: museoslab; color: #333; font-size: 10px; padding: 10px 60px 0 10px; text-transform: uppercase; line-height: 12px; cursor: pointer;}
.award-right:visited{color: #333;}
.award-left:visited{color: #333;}
#psa-award{background: url(../images/psa.jpg) no-repeat left top;}
#mmad{background: url(../images/mmad.jpg) no-repeat left top;}
#safe-sober-program{background: url(../images/safe-sober-program.jpg) no-repeat left top;}
#safe-sober-program:hover{background-position: 0 -60px; color: #fff;}
#best-of{background: url(../images/best-of.jpg) no-repeat left top;}
#psa-award:hover{background-position: 0 -60px; color: #fff;}
#mmad:hover{background-position: 0 -60px; color: #fff;}
#best-of:hover{background-position: 0 -60px; color: #fff;}
.title{font-family: leaguegothic; color: #fff; font-size: 30px; margin: 0 0 20px; display: block; text-transform: uppercase;}

/*CONTACT/EMAIL*/
#contact-bg{background: url(../images/contact-bg.jpg) no-repeat left top; width: 367px; height: 109px; float: left; margin: 0 0 20px 38px; clear: left; padding: 30px 0 0 18px;}
#newsletter{width: 170px; float: left;}
#review{width: 175px; float: right;}
.title-small{font-family: leaguegothic; font-size: 24px; text-transform: uppercase; margin: 0 0 10px; float: left; color: #fff; clear: left;}
.title-museo{font-family: museoslab; font-size: 13px; text-transform: uppercase; margin: 0; float: left; color: #fff; clear: left;}
#contact-bg a{color: #77bcf0; font-size: 10px; text-transform: uppercase; float: left; clear: left; text-decoration: none;}
.text{text-decoration: underline!important;}
#contact-bg a:hover{color: #91CD1C;}
#contact-bg a span.arrow{color: #77bcf0; font-size: 12px; text-decoration: none;}
#contact-bg a:hover span.arrow{color: #91CD1C;}

/*COMMUNITY/LEGAL NEWS*/
ul.community{margin: 0; line-height: 18px;}
ul.community li{margin: 0 0 20px;}
#community-legal{float: right; margin: 3px 0 0; width: 540px; clear: none;}
#community-legal a{color: #222; text-decoration: underline; display: block;}
#community-legal a:visited{color: #888;}
#community-legal a:hover{color: #0066AF;}
#community-content{width: 245px; color: #0066af; font-family: museoslab; font-size: 12px; float: left;}
#legal-content{width: 225px; color: #0066af; font-family: museoslab; font-size: 12px; border-left: 1px solid #999; padding: 0 0 0 30px; float: right;}
.title-dark{font-family: leaguegothic; color: #333; font-size: 30px; margin: 0 0 20px; display: block; text-transform: uppercase;}

/*COMMUNITY/LEGAL NEWS*/
#footer {background: url(../images/footer.png) repeat-x center top; width: 100%; height: 580px; clear: both;}
#footer .content-center{background: url(../images/footer.png) no-repeat center top; width: 980px; height: 580px;}

#footer-contact {background: url(../images/footer.png) repeat-x center top; width: 100%; height: 380px; clear: both;}
#footer-contact .content-center{background: url(../images/footer.png) no-repeat center top; width: 1000px; height: auto;}
.content-center-contact{margin: 0 auto; display: block; width: 1000px; min-height: 0;}

#links-contact{font-size: 10px; font-family: museoslab; text-align: right; color:#333; width: 988px; clear: both; padding: 300px 0 0;}
#links-contact p{margin: 0 0 10px;}
#links-contact a{text-decoration: underline; color: #333;}
#links-contact a:visited{color: #777;}
#links-contact a:hover{text-decoration: none;}



/*----------------------------------*/
/*            SLIDESHOW             */
/*----------------------------------*/

.locations{padding: 180px 0 0 20px; width: 530px; height: 290px; float: left;}
.map{width: 340px; height: 189px; float: left; border: 3px #fff solid; cursor: pointer;}
.map:hover{background-position: 0 -189px;}
.colorado{background: url(../images/colorado-springs.jpg) no-repeat left top;}
.denver{background: url(../images/denver.jpg) no-repeat left top;}
.pueblo{background: url(../images/pueblo.jpg) no-repeat left top;}
.address{float: left; margin: 10px 0 0 10px; font-family: museoslab; color:#333; font-size: 12px;}
.address p{margin: 0 0 10px;}
.location-title{background: url(../images/location-underline.gif) no-repeat left bottom; font-size: 22px; font-family: leaguegothic; color: #333; text-transform: uppercase; margin: 0 0 10px; height: 32px;}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 530px;
    height:200px;

    /* custom decorations */
    /*border:1px solid #ccc;
    background:url(/images/gradient/h300.png) repeat-x;*/
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
    float:left; 
}


/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set the width and height for the root element and
    not for this element.
*/
.scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
    clear:both;
}

/* single scrollable item */
.scrollable img {
    float:left;
    margin:20px 5px 20px 21px;
    background-color:#fff;
    padding:2px;
    border:1px solid #ccc;
    cursor:pointer;
    width:100px;
    height:75px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
    border:2px solid #000;
    z-index:9999;
    position:relative;
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
    display:block;
    width:30px;
    height:30px;
    float:left;
    margin:40px 10px;
    cursor:pointer;
    font-size:1px;
}

/* right */
a.right                 { background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover       { background-position:-30px -30px; }
a.right:active  { background-position:-60px -30px; } 


/* left */
a.left              { margin-left: 0px; } 
a.left:hover        { background-position:-30px 0; }
a.left:active   { background-position:-60px 0; }

/* up and down */
a.up, a.down        { 
    background:url(../images/vert_large.png) no-repeat; 
    float: none;
    margin: 10px 50px;
}

/* up */
a.up:hover          { background-position:-30px 0; }
a.up:active         { background-position:-60px 0; }

/* down */
a.down              { background-position: 0 -30px; }
a.down:hover        { background-position:-30px -30px; }
a.down:active   { background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
    visibility:hidden !important;       
}   

.navi {
    clear:both;
    float: right;
    height:20px;
    margin: 226px 30px 0 0;
    position: absolute;
}


/* items inside navigator */

.navi ul.tabs{margin:0;}
.navi ul.tabs li a{color:#fff; text-decoration: none;}
.navi ul.tabs li{list-style:none; display:inline; width:49px; height:26px; float:left; }
.navi ul.tabs li{
    width:32px;
    height:27px;
    float:left;
    margin:0 5px;
    background:url(../images/location-nav.jpg) 0 0 no-repeat;
    display:block;
    font-size:1px;
    cursor: pointer;
    text-align:center;
    font-family:leaguegothic;
    font-size:24px;
    color:#fff;
    padding:0; 
}

/* mouseover state */
.navi ul.tabs li:hover {
    background: url(../images/location-nav.jpg) 0 -54px no-repeat;     
}

/* active state (current page state) */
.navi ul.tabs li.active {
    background:  url(../images/location-nav.jpg) 0 -27px no-repeat;     
}

.google{background: url(../images/google.png) no-repeat left top; width: 96px; height: 37px; float: left;}
.google:hover{background-position: 0 -37px;}


/*------------------------------------------------------------MY STYLES*/


#div1{
    float: left;
    width: 532px;
    height: 195px;
}

#div2{
    float: left;
    width: 532px;
    height: 195px;
}

#div3{;
    float: left;
    width: 532px;
    height: 195px;
}



#footer .form-footer{float: right; width: 287px; height: 240px; margin: 181px 0 0;}


/* Form Styles */
#footer .smallForm  {margin-top:20px; width: 285px; position: absolute;}
#footer .smallForm .formInput{background: none repeat scroll 0 0 #fff; border: none; float: right; height: 20px; padding: 5px; width: 221px; font-size: 14px;}
#footer .smallForm input:focus{border: 2px solid #333; background:#fff; height: 16px; width: 217px;}
#footer .smallForm textarea:focus{border: 2px solid #333; background:#fff; width: 190px; height: 61px;}
#footer .smallForm textarea{background: none repeat scroll 0 0 #fff; border: none; float: right; font-family:museosans; font-size: 14px; height: 65px; padding: 5px; width: 194px;}
#footer p           {margin: 0 0 7px 0;}
#footer p label     {line-height:29px; font-family: leaguegothic; font-size:22px; width:110px; color: #333; text-transform: uppercase;}
#footer p label span{color: #333!important; font-weight: bold;  margin-left: -12px;}
/*#footer .formButton { background: url(../images/submit.jpg) no-repeat left top; text-indent: -9999px; border:none; display: block; float: right;font-size: 18px; height: 193px; width: 85px; position: absolute; top: 0; left: 290px;}*/
#footer .formButton { background: #3e3e3e; color: #fff; border:none; display: block; float: right; font-size: 28px; height: 43px; width: 285px; position: absolute; font-family: leaguegothic; padding: 3px 0 0;}
#p_questions label{line-height: 80px!important;}
#footer .smallForm .formButton:focus{background: #222; cursor:pointer; color:#fff; height: 43px; width: 285px;}
#footer .formButton:hover{background: #222; cursor:pointer; color:#fff;}
#footer form p br{display: none;}

#links{font-size: 10px; font-family: museoslab; text-align: right; color:#333; width: 988px; clear: both; padding: 50px 0 0;}
#links p{margin: 0 0 10px;}
#links a{text-decoration: underline; color: #333;}
#links a:visited{color: #777;}
#links a:hover{text-decoration: none;}


/*----------------------------------*/
/*          SLIDESHOW TABS          */
/*----------------------------------*/

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}


/* root element for tabs  
#mask ul.tabs2 { 
    height: 30px;
    left: 325px;
    list-style: none outside none;
    margin: 40px 0 0;
    padding: 0;
    position: absolute;
    z-index: 2;
}*/

/* single tab */
#mask ul.tabs2 li { 
    float:left;  
    text-indent:0;
    padding:0;
    margin:0 5px 0 0;
    list-style-image:none !important; 
    width: 12px;
}

#mask ul.tabs2 {height: auto; width: auto; background: none; margin: 0;}

/* link inside the tab. uses a background image */
#mask ul.tabs2 a { 
    background:url(../images/navigator.png) 0 0 no-repeat;
    color: #777777;
    display: block;
    font-size: 14px;
    height: 12px;
    width: 12px;
    line-height: 30px;
    margin: 0 20px;
    padding: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 1px;
}

#mask ul.tabs2 a:active {
    background-position: left -24px;        
}

/* when mouse enters the tab move the background image */
#mask ul.tabs2 a:hover {
    background-position: left -12px;    
    color:#bbb; 
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#mask ul.tabs2 a.current, #mask ul.tabs2 a.current:hover, #mask ul.tabs2 li.current a {
    background-position: 0 -12px;       
    /*cursor:default !important; 
    color:#fff !important;*/
}

/* position and dimensions of the navigator */
.navi2 {
    width:200px;
    height:20px;
    position: absolute;
    top: 310px;
    left: 300px;
}


/* items inside navigator */
.navi2 a {
    width:12px;
    height:12px;
    float:left;
    margin:3px;
    background:url(../images/navigator.png) 0 0 no-repeat;
    display:block;
    font-size:1px;
}



.panes{color: #ccc; width: 340px; font-size: 12px; font-family: museoslab; line-height: 24px; margin: 80px 0 0 30px; float: left; position: absolute;}
.panes a{color: #5a9ece; text-decoration: none;}
.panes a:hover{color: #fff;}
.panes p{margin: 0 0 5px;}
.past-title{padding:0 0 0 44px; line-height: 36px; background: url(../images/clock.png) no-repeat left top; height: 33px; color: #fff; font-size: 36px; font-family: leaguegothic; margin: 0 0 10px; text-transform: uppercase;}
.past-title-sub{color: #5a9ece; font-size: 12px; font-family: museoslab; margin: 0; text-transform: uppercase;}
div.panes .pane1, .pane2, .pane3, .pane4, .pane5 {position: absolute; width: 340px;}
.past-img1{background: url(../images/past-img1.png) no-repeat left top; position: absolute; left: 418px; top: -58px; width: 506px; height: 317px; float: right;}
.past-img2{background: url(../images/past-img2.png) no-repeat left top; position: absolute; left: 418px; top: -58px; width: 506px; height: 317px; float: right;}
.past-img3{background: url(../images/past-img3.png) no-repeat left top; position: absolute; left: 418px; top: -58px; width: 506px; height: 317px; float: right;}
.past-img4{background: url(../images/past-img4.png) no-repeat left top; position: absolute; left: 418px; top: -58px; width: 506px; height: 317px; float: right;}
.past-img5{background: url(../images/past-img5.png) no-repeat left top; position: absolute; left: 418px; top: -58px; width: 506px; height: 317px; float: right;}
.past-img-title{position: absolute; bottom: -4px; right: 8px;  font-family: leaguegothic; font-size: 22px; line-height: 22px; color: #fff; padding: 12px 10px 10px 10px; text-transform: uppercase; background: -moz-linear-gradient(top, rgba(1,92,164,0.9) 0%, rgba(0,69,124,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(1,92,164,0.9)), color-stop(100%,rgba(0,69,124,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,92,164,0.9) 0%,rgba(0,69,124,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,92,164,0.9) 0%,rgba(0,69,124,0.9) 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(1,92,164,0.9) 0%,rgba(0,69,124,0.9) 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6015ca4', endColorstr='#e600457c',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(1,92,164,0.9) 0%,rgba(0,69,124,0.9) 100%); /* W3C */;}


/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#nav-holder{
    margin: 0 auto;
}

/*body.index #nav{
    background: #0055a5;
    height: 48px;
    width: 100%;
    z-index: 500;
    margin: 0 0 50px;
}*/

#mainNav{
    /*background: #0055a5;
    height: 48px;
    width: 100%;
    z-index: 1000;
    margin: 0 0 50px;
    position: relative;*/
}
#mainNav ul {
    margin: 0 0 0 80px;
    list-style:none; 
    padding:0; 
    float: left; 
    }
/**html #mainNav ul{margin-left:12px;}*/
#mainNav ul * {
    margin:0; 
    padding:0;
    }
#mainNav ul a {
    display:block; 
    color:#222; 
    text-decoration:none; 
    font-size:19px; 
    font-family:museoslab; 
    text-align: center;
    padding:11px 13px 11px 11px;
    }
#mainNav ul a#practice-link{
    padding:11px 13px;
    height:15px;
    /*background:url(../images/nav-arrow-r.png) no-repeat right;*/
    }
    
#mainNav ul a#resources-link{
    padding:11px 13px;
    height:15px;
    /*background:url(../images/nav-arrow-r.png) no-repeat right;*/
    }

#mainNav ul a#attorneys-link{
    padding:11px 13px;
    /*height:26px;
    background:url(../images/nav-arrow-r.png) no-repeat right;*/
    }
    
#mainNav ul a.menuhover{background-image:url(../images/nav-bg-more.png) no-repeat right !important;}
#mainNav ul a:hover {
    display:block;
    text-decoration:none; 
    background: #fff;
    color: #00457c!important;
    padding:11px 13px 10px 11px;
}
#mainNav ul li {
    position:relative; 
    display: inline;
    float: left;
    list-style: none;
    list-style-image: none;
    list-style-position: outside;
    
}
#mainNav ul li a{
    /*color: #FFFFFF;
    float: left;
    font-family: HelveticaNeueLTStd37ThinConde,arial,sans-serif;
    font-size: 17px;
    font-weight: normal;
    line-height: 27px;
    padding: 11px;
    text-transform: uppercase;
    width: auto;*/
}
#mainNav ul ul {
    position:absolute; 
    top:41px; 
    left:0;
    background: #222; 
    display:none; 
    opacity:0; 
    list-style:none;
    padding:0 0 0 33px;
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    width:894px;
    /*left: -50px;*/
    z-index: 10000;
}

/*---------------------DROP DOWN STYLING---------------------*/ 
#mainNav ul ul#drop1 {
    /*background: url(../images/nav-bg.jpg) repeat-x -30px left #222!important;*/
    background: #fff;
    width:200px!important;
    padding: 0!important;
    left: -1px!important;
    height: 220px;
    top: 37px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#mainNav ul ul#drop2 {
    /*background: url(../images/nav-bg.jpg) repeat-x -30px left #222!important;*/
    background: #fff;
    width:200px!important;
    padding: 0!important;
    left: -88px!important;
    height: 220px;
    top: 37px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#mainNav ul ul#drop3 {
    /*background: url(../images/nav-bg.jpg) repeat-x -30px left #222!important;*/
    background: #fff;
    width:200px!important;
    padding: 0!important;
    left: -1px!important;
    height: 190px;
    top: 37px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#mainNav ul ul#drop4 {
    /*background: url(../images/nav-bg.jpg) repeat-x -30px left #222!important;*/
    background: #fff;
    width:200px!important;
    padding: 0!important;
    left: -1px!important;
    height: 140px;
    top: 37px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/*TO KEEP TOP NAV IN HOVER STATE WHEN SUBNAV IS HOVERED*/
#mainNav ul li:hover .drop-link{
    color: #00457c;  
    background-color:#fff;  
    
}

#mainNav ul ul li {
    position:relative; 
    border:none; 
    border-top:none; 
    width:200px; 
    margin:0;
    }
/**html #mainNav ul ul li {width:180px;}*/
#mainNav ul ul li a {
    background: url(../images/nav-bullet.png) no-repeat left 8px;
    padding: 0 0 0 10px;
    color: #222;
    font-family:museosans;
    display:block;  
    text-align: left; 
    padding:2px 10px;
    text-transform:none;
    font-size:12px;
    border:none;
    line-height:22px;
    }
    
#mainNav ul ul li a.double {
    color: #222;
    display:block;  
    text-align: left; 
    padding:2px 10px;
    text-transform:none;
    font-size:12px;
    border:none;
    line-height:14px;
    }

#mainNav ul ul li a:hover {
    background: url(../images/nav-bullet.png) no-repeat left 8px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display:block;
    text-decoration:none; 
    color: #00457c!important; 
    border:0px;
    padding:2px 10px;
    }
#mainNav ul ul div{
    width:180px;
    float:left;
    height:250px;
    padding:10px;
    }
/**html  #mainNav ul ul div{padding:20 0; margin:0; width:160px;}*/
#mainNav ul ul div h3{
    font-family: HelveticaNeueLTStd87HeavyCond;
    font-size:18px;
    float:left;
    color:#ffffff;
    padding-bottom:10px;
    margin: 10px 0 0 10px;
    text-transform: uppercase;
    }
#mainNav ul ul div.c2, #mainNav ul ul div.c4{padding-top:67px;}
#mainNav ul ul div.c5, #mainNav ul ul div.c6{padding-top:20px;}

#mainNav ul ul ul {
    left:148px; 
    top:-1px;
    }
#mainNav ul .sub {
    background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;
    }
#mainNav ul .topline {
    border-top:1px solid #aaa;
    }
#mainNav .spacer{
    padding: 10px 0 20px 20px;
    height:110px;   
    }

.content-ie7{display: none;}

/*locations*/
.location-holder{width: 433px; float: left; margin: 0 0 20px;}
.location-left{float: left;}
.location-right{float: right; width:250px;}
.location-img{float: left; border: 3px solid #ccc;}
.location-img:hover{float: left; border: 3px solid #5A9ECE;}
.upper{text-transform: uppercase;}

/*attorneys*/
.staff{border: 3px solid #ccc;}
.staff:hover{border: 3px solid #5A9ECE;}

/*BIG FORM*/
.bigForm {padding: 0;}
.bigForm .formInput, .bigForm select {font-family: MuseoSans500,Arial, Verdana, Helvetica, sans-serif; font-size: 13px; color: #000000; border: 1px solid #999999; text-align: left; width: 225px; font-size: 14px; height: 20px; padding: 5px; }   
.bigForm input:focus {border: 2px solid #5A9ECE;    width: 221px; height: 18px;}    

.bigForm textarea {font-family: MuseoSans500, Arial, Verdana, Helvetica, sans-serif; font-size: 13px;color: #000000; border: 1px solid #999999; text-align: left;width: 225px;height: 165px; padding: 5px;}
.bigForm textarea:focus {border: 2px solid #5A9ECE; width: 221px; height: 161px;}
.bigForm .formButton {background: none repeat scroll 0 0 #5A9ECE; border: medium none; color: #FFFFFF; cursor: pointer; float: right; font-family: leaguegothic; font-size: 34px; font-weight: normal; height: 57px; margin: 0 0 30px 50px; padding: 3px 0 0; width: 260px; box-shadow:0px 1px 2px #888; border: 1px solid #fff; background-color: #5A9ECE; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-transform: uppercase; line-height: 34px;}
.bigForm .formButton:hover{background: none repeat scroll 0 0 #91cd1c;}
.bigForm .formButton:focus{background: none repeat scroll 0 0 #91cd1c; width: 260px; height: 57px;}
#divLeft{float: left; padding:30px 30px 0;  width: 230px; height:310px; /*background:#ede6dc;*/}
#divMiddle{float: left; width: 250px; padding:30px 51px 0; /*background:#ede6dc;*/ border-right:1px solid #ccc; border-left:1px solid #ccc; height:310px;}
#divRight{float: left; width: 230px; padding:30px 30px 0; height:310px; /*background:#ede6dc;*/}
#divDisclaimer{float: left; margin-top: 30px; width: 920px;}
#divDisclaimer p{font-size:10px;}

/*CONTACT FORM*/
.contact-holder{float: right; width: 400px; margin: 60px auto 0;}
.contact-form{padding: 0;}
.contact-form .formInput, .contact-form select {font-family: MuseoSans500,Arial, Verdana, Helvetica, sans-serif; font-size: 13px;   color: #000000; border: 1px solid #999999; text-align: left; width: 325px; font-size: 14px; height: 20px; padding: 5px; }   
.contact-form input:focus {border: 2px solid #5A9ECE;   width: 321px; height: 18px;}    

.contact-form textarea {font-family: MuseoSans500, Arial, Verdana, Helvetica, sans-serif; font-size: 13px;color: #000000; border: 1px solid #999999; text-align: left;width: 325px;height: 145px; padding: 5px;}
.contact-form textarea:focus {border: 2px solid #5A9ECE;    width: 323px; height: 143px;}
.contact-form .formButton {background: none repeat scroll 0 0 #5A9ECE; border: medium none; color: #FFFFFF; cursor: pointer; float: left; font-family: leaguegothic; font-size: 34px; font-weight: normal;     height: 57px; margin: 0 0 30px 0; padding: 3px 0 0; width: 340px; box-shadow:0px 1px 2px #888; border: 1px solid #fff; background-color: #5A9ECE; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; text-transform: uppercase; line-height: 34px;}
.contact-form .formButton:hover{background: none repeat scroll 0 0 #91cd1c;}
.contact-form p{margin: 0 0 10px}
.contact-form #p_questions label {
line-height: 14px!important;
}

/*Sitemap Styler*/

#sitemap, #sitemap ul, #sitemap li{
    margin:0;
    padding:0;
    list-style:none;
}
#sitemap{}
#sitemap ul{
    display:none;
}
#sitemap li{
    line-height:200%;
    margin-top:1px;
    background:#eee;
    position:relative;
    width:100%;
}
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{
    float:left;
    display:inline;
}

#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed{background:url(../images/collapsed.gif) no-repeat 0 0;} 
#sitemap li span.expanded{background:url(../images/expanded.gif) no-repeat 0 0;}

/* second level */

#sitemap li li{
    background:#fff;
}
#sitemap li li a{padding-left:56px;}
#sitemap li li span{left:28px;}

/* third level */

#sitemap li li li a{padding-left:84px;}
#sitemap li li li span{left:56px;}

/* etc. */

/*  */
/*////////// IE FIXES //////////*/
HTML.sub.ie7 #contact-bar-bg{top: 169px;}
html.sub.ie7 #top{top: 149px;}

.ie7 #wrapper-bottom{margin: -400px auto 0; line-height: 18px; min-height: 0;}
.ie7 #circle-bg{background: url(../images/circle-bg.png) center 0 no-repeat; margin: -400px auto 0; display: block; width: 1108px; min-height: 777px; padding: 50px 0 0;}
.ie7 .no-fee-title{font-size: 36px; color: #222; font-family: leaguegothic, helvetica, arial, sans-serif; text-transform: uppercase; margin: 0 0 15px; line-height: 36px;}
.ie7 .wrap-area h1{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 38px; color: #5a9ece; text-transform: uppercase; margin: 0 0 5px; line-height: 33px;}
.ie7 #verdicts-tabs {margin: 180px 0px 0px 82px; float: right; width: 440px; position: absolute;}
.ie7 .title-dark{font-family: leaguegothic; color: #333; font-size: 30px; margin: 0 0 20px; display: block; text-transform: uppercase; line-height: 30px;}
.ie7 .title-museo{font-family: museoslab; font-size: 13px; text-transform: uppercase; margin: 0 0 25px; float: left; color: #fff; clear: left; width: 180px;}
.ie7 .navi {clear:both; float: right; height:20px; margin: 216px 30px 0 -572px; position: absolute;}
.ie7 #footer .smallForm  {margin-top:0px; width: 285px; position: absolute;}
.ie7 #footer .smallForm .formInput{background: none repeat scroll 0 0 #fff; border: none; float: none; height: 20px; padding: 5px; width: 221px; font-size: 14px;}
.ie7 #footer .smallForm textarea{background: none repeat scroll 0 0 #fff; border: none; float: none; font-family:museosans; font-size: 14px; height: 75px; padding: 5px; width: 194px;}
.ie7 .news-title2{top: 58px;}
.ie7 #one{position: absolute; top: 70px; width: 160px;}
.ie7 #two{position: absolute; top: 70px; width: 170px; left: 760px;}
.ie7 #three{position: absolute; margin: 300px 0 0;}
.ie7 #three-num{line-height: 40px;}
/*.ie7 #menu-small{ display: none;}*/
.ie7 #center-sub{margin: 149px auto 0; display: block; width: 1108px; min-height: 777px;}
.ie7 #get-help-btn{background: url(../images/get-help-btn.png) no-repeat left top; float: right; width: 430px; height: 114px; position: absolute; margin: 0px 68px 0 0; z-index: 0; z-index: -1;}
.ie7 html.sub #mainNav{width:669px; height:37px; background:url(../images/navBars.png) 0 0 no-repeat; position:relative; float: left; top: 0; left: 70px; z-index: 5; padding: 0 0 0 30px;}
.ie7 h1{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 36px; color: #5a9ece; text-transform: uppercase; margin: 0 0 20px; line-height: 36px;}
.ie7 #contact-bar-bg {background: url(../images/nav.png) 0 0 repeat-x; height: 53px; width: 100%; position: absolute; clear: both; top: 580px; z-index: 1;}
.ie7 #wrapper {z-index: 0;}
.ie7 .clouds{z-index: 0;}
.ie7 ul#sober-list {width: 100px;}
.ie7 #top{z-index: 2;}
.ie7 .content {
height: 0px;
margin: 0 auto;
position: relative;
width: 1000px;
top: 50px;
zoom: 1;
}

.ie7 #safe-sober {
background: url(../images/safe-sober.png) 0 0 no-repeat;
height: 512px;
position: absolute;
width: 957px;
top: 0px;
left: 20px;
}

.ie7 #psa {
background: url(../images/psa-bg.png) 0 0 no-repeat;
/*background: #222;*/
height: 530px;
position: absolute;
width: 944px;
margin: 0 0 0 15px;
top: 60px;
}

.ie7 #video-enter {
width: 362px;
height: 477px;
float: right;
margin: 40px 20px 0 0;

}



/*.ie7 .box{display: block; height: 100%; width: 100%;}
.ie7 #box1{background: #000; zoom: 1;}
.ie7 #box2{background: #444; zoom: 1;}
.ie7 #box3{background: #777; zoom: 1; background: url(../images/psa-bg.png) 0 0 no-repeat; height: 530px;}
.ie7 #box4{background: #999; zoom: 1;}
.ie7 #box5{background: #0f0; zoom: 1;}*/





.ie7 #mask ul#sober-list{
height: 90px;
width: auto;
background: url(../images/ribbon2.png) 0 0 no-repeat;
}

.ie7 #guys {
float: right;
width: 346px;
height: 509px;
margin: 21px 55px 0 0;

}

.ie7 #mask {
height: 0px;
width: 1000px;
margin: 0 auto;
overflow: visible;
}

.ie7 #past-events {
background: url(../images/past.png) 0 0 no-repeat;
bottom: 35px;

position: absolute;
width: 974px;
top: 180px;
}

.ie7 #news {
color: #CCC;
background: url(../images/news.png) 0 0 no-repeat;
bottom: 35px;

position: absolute;
width: 922px;
left: 40px;
top: 180px;
}



.ie7 #safe-sober {
background: url(../images/safe-sober.png) 0 0 no-repeat;
height: 512px;
position: absolute;
width: 957px;
top: 90px;
left: 20px;
}



/*.ie7 #contact-bar-bg{ background: url(../images/nav.png) 0 0 repeat-x; height: 53px; width: 100%; position: absolute; clear: both; top: 169px; z-index: -1;}
.ie7 #wrapper{display: none;}
.ie7 .content-ie7{display: block; width: 1000px; margin: -130px auto 0;}*/
.ie6 #wrapper-bottom{margin: -400px auto 0; line-height: 18px; min-height: 0;}
.ie6 #circle-bg{background: url(../images/circle-bg.png) center 0 no-repeat; margin: -400px auto 0; display: block; width: 1108px; min-height: 777px; padding: 50px 0 0;}
.ie6 .no-fee-title{font-size: 36px; color: #222; font-family: leaguegothic, helvetica, arial, sans-serif; text-transform: uppercase; margin: 0 0 15px; line-height: 36px;}
.ie6 .wrap-area h1{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 38px; color: #5a9ece; text-transform: uppercase; margin: 0 0 5px; line-height: 33px;}
.ie6 #verdicts-tabs {margin: 180px 0px 0px 82px; float: right; width: 440px; position: absolute;}
.ie6 .title-dark{font-family: leaguegothic; color: #333; font-size: 30px; margin: 0 0 20px; display: block; text-transform: uppercase; line-height: 30px;}
.ie6 .title-museo{font-family: museoslab; font-size: 13px; text-transform: uppercase; margin: 0 0 25px; float: left; color: #fff; clear: left; width: 180px;}
.ie6 #footer .formButton{ color: #fff; font-size: 0;}
.ie6 .navi {clear:both; float: right; height:20px; margin: 216px 30px 0 -572px; position: absolute;}
.ie6 #footer .smallForm  {margin-top:0px; width: 285px; position: absolute;}
.ie6 #footer .smallForm .formInput{background: none repeat scroll 0 0 #fff; border: none; float: none; height: 20px; padding: 5px; width: 221px; font-size: 14px;}
.ie6 #footer .smallForm textarea{background: none repeat scroll 0 0 #fff; border: none; float: none; font-family:museosans; font-size: 14px; height: 75px; padding: 5px; width: 194px;}
.ie6 #mask ul { height: 0; width: 10176px; background: url(../images/ribbon2.png) 0 0 no-repeat;}
.ie6 #menu-small{ display: none; background: none;}
.ie6 #wrapper{display: none;}
.ie6 .content-ie7{display: block; width: 1000px; margin: -130px auto 0;}
.ie6 #mainNav ul {margin: 0 0 0 40px; list-style:none; padding:0; float: left;}
.ie6 #mainNav{width:669px; height:37px; background:url(../images/navBars.png) 0 0 no-repeat; position:relative; float: left; top: 0; left: 100px; z-index: 5; padding: 0 0 0 0px;}
.ie6 #guys{background: url(../images/guys.png) no-repeat left top; float: right; width: 346px; height: 509px; margin: 20px 25px 0 0;}
.ie6 #verdicts-tabs {margin: 180px 30px 0 75px; float: right; width: 440px; position: absolute;}
.ie6 .video-holder{float: left; width: 369px; height: 318px; margin: 125px 0 0 43px;}
.ie6 #awards{background: url('../images/awards.jpg') no-repeat left top; float: left; width: 345px; height: 209px; margin: 0 0 20px 18px; padding: 20px 20px 0 20px;}
.ie6 #contact-bg{background: url(../images/contact-bg.jpg) no-repeat left top; width: 367px; height: 109px; float: left; margin: 0 0 20px 18px; clear: left; padding: 30px 0 0 18px;}
.ie6 .navi {clear:both; float: right; height:20px; margin: 80px 15px 0 0; position: absolute;}
.ie6 .title-light{color: #a0c6e2; font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 32px; text-transform: uppercase; display: block; margin: 0 0 10px; line-height: 32px;}
.ie6 .wrap-area{position: relative; width: 500px; float: left; margin: 0 0 0 12px;}
.ie6 #postcard-content form{float:left; margin-left:7px;    z-index:5;}
.ie6 #postcard-content p{font-size:14px; line-height:38px !important; margin: 0 0 40px;}
.ie6 #footer .form-footer{float: right; width: 387px; height: 240px; margin: 228px 0 0;}
.ie6 #links{font-size: 10px; font-family: museoslab; text-align: right; color:#333; width: 988px; clear: both; padding: 25px 0 0;}
.ie6 .no-fee-par{width: 405px; float: right; height: 200px; margin: 35px 10px 0 0; text-align: center; }
.ie6 #mainNav ul li a{margin: 0 10px 0 0;}  
.ie6 #get-help-btn{background: url(../images/get-help-btn.png) no-repeat left top; float: right; width: 430px; height: 114px; position: absolute; margin: 0px 68px 0 0; z-index: 0; z-index: -1;}
.ie6 html.sub #mainNav{width:669px; height:37px; background:url(../images/navBars.png) 0 0 no-repeat; position:relative; float: left; top: 0; left: 70px; z-index: 5; padding: 0 0 0 30px;}
.ie6 #contact-bar-bg{ background: url(../images/nav.png) 0 0 repeat-x; height: 53px; width: 100%; position: absolute; clear: both; top: 169px; z-index: -1;}
.ie6 h1{font-family: leaguegothic, helvetica, arial, sans-serif; font-size: 36px; color: #5a9ece; text-transform: uppercase; margin: 0 0 20px; line-height: 36px;}

.ie6 #mainNav ul ul#drop3 {
    /*background: url(../images/nav-bg.jpg) repeat-x -30px left #222!important;*/
    background: #fff;
    width:200px!important;
    padding: 0!important;
    left: -40px!important;
    height: 220px;
    top: 37px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.ie6 #mainNav ul ul#drop1 {
    /*background: url(../images/nav-bg.jpg) repeat-x -30px left #222!important;*/
    background: #fff;
    width:200px!important;
    padding: 0!important;
    left: -40px!important;
    height: 200px;
    top: 37px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.ie6 #mainNav ul ul#drop2 {
    /*background: url(../images/nav-bg.jpg) repeat-x -30px left #222!important;*/
    background: #fff;
    width:200px!important;
    padding: 0!important;
    left: -148px!important;
    height: 200px;
    top: 37px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(../images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(../images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(../images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(../images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}




#video-icon{background: url(../images/play-btn.png) no-repeat left top; padding-left:20px; height: 17px;}
#video-icon:hover{background-position: left -17px;}


ul.attorney-list{
	float:left;
	margin: 0;
}


li.attorney{
	text-align: center;
	float:left;
	padding: 5px 5px 5px 0;
	list-style: none;
}

.charity-vote{
	background: url(../images/click-here-charity.jpg) no-repeat left top;
	height: 55px;
	margin: 0 0 20px;
}

.charity-vote:hover{
	background: url(../images/click-here-charity.jpg) no-repeat 0 -55px;
}