body { background: #000 url("/images/iousa-clouds.jpg") top center no-repeat; font-family: 'Trebuchet MS', Verdana, sans-serif; margin: 0; padding: 0; }

q:before, q:after { content: ''; content: none; }

#tools { margin: 0 ; padding: .5em; background: #666; color: #fff; text-align: right; border-bottom: 1px solid #333; text-transform: uppercase; font-size: 12px; }
#tools .inner { width: 960px; margin: 0 auto; padding: 0; }
#tools a { color: #fff; }

#page { width: 980px; margin: 0 auto; padding: 0; background: #fff url("/images/iousa-background.jpg") top center repeat-y; }

#branding { height: 140px; background: url("/images/iousa-banner-b.jpg"); float: left; width: 100%; }
#branding h1 {  width: 400px; height: 88px; padding: 35px 0 0 45px; margin: 0; float: left; overflow: hidden; }
#branding h1 a { display: block; height: 88px; background: url("/images/iousa-banner-b.jpg") -45px -35px no-repeat; text-indent: -9999em; overflow: hidden; 
}
#branding p { display: none; }
#branding #banner-signup { margin: 70px 0 0 0; padding: 0; width: 200px; float: right; }
#branding legend { text-transform: uppercase; font-size: 14px; font-weight: bold; color: #4c473e; }
#branding label { display: none; }
#branding #banner-signup-email { width: 120px;}
#branding input.button { color: #9d504e; }

#branding #ebert { padding: 0; margin: 20px 0 0 0; height: 110px; width: 450px; }

#navigation { height: 44px; overflow: hidden; float: left; width: 100%; margin: 0; padding: 0; position: relative; }
#navigation ul { position: absolute; margin: 0; padding: 0; left: 28px; background: url("/images/iousa-nav-b.gif") -30px 0px; height: 44px; width: 924px; list-style-type: none; }
#navigation ul li { position: absolute; margin: 0; padding: 0; display: block; height: 44px; }

li.action { width: 119px;}
li.about { left: 118px; width: 155px; }
li.events { left: 272px; width: 77px; }
li.saying { left: 348px; width: 216px; }
li.gallery, li.clips { left: 563px; width: 120px; }
li.reviews { left: 681px; width: 169px; }
li.press { left: 849px; width: 70px; }

#navigation ul li a { display: block; height: 44px; margin: 0; padding: 0; text-indent: -9999em; overflow: hidden; }
#navigation ul li.action a:hover { background: url("/images/iousa-nav-b.gif") -30px -45px; }
#navigation ul li.about a:hover { background: url("/images/iousa-nav-b.gif") -149px -45px; }
#navigation ul li.events a:hover { background: url("/images/iousa-nav-b.gif") -303px -45px; }
#navigation ul li.saying a:hover { background: url("/images/iousa-nav-b.gif") -379px -45px; }
#navigation ul li.gallery a:hover, #navigation ul li.clips a:hover { background: url("/images/iousa-nav-b.gif") -593px -45px; }
#navigation ul li.reviews a:hover { background: url("/images/iousa-nav-b.gif") -712px -45px; }
#navigation ul li.reviews a:hover { background: url("/images/iousa-nav-b.gif") -712px -45px; }
#navigation ul li.press a:hover { background: url("/images/iousa-nav-b.gif") -880px -45px; }

/* NEW 9/8/2010 with IOUSA Solutions Launch */
#navigation ul { background-image: url("/images/iousa-nav-d.png"); }
#navigation ul li.events { display: none; }
li.action { left: 40px; width: 114px;}
li.about { left: 158px; width: 150px; }
li.saying { left: 312px; width: 210px; }
li.gallery, li.clips { left: 527px; width: 114px; }
li.reviews { left: 645px; width: 164px; }
li.press { left: 813px; width: 70px; }
body #page #navigation ul li a:hover { background-image: url("/images/iousa-nav-d.png"); }
#navigation ul li.action a:hover { background-position: -70px -45px; }
#navigation ul li.about a:hover { background-position: -188px -45px; }
#navigation ul li.saying a:hover { background-position: -342px -45px; }
#navigation ul li.gallery a:hover, #navigation ul li.clips a:hover { background-position: -557px -45px; }
#navigation ul li.reviews a:hover { background-position: -675px -45px; }
#navigation ul li.press a:hover { background-position: -843px -45px; }

#content { margin: 0; padding: 0; width: 980px; border-bottom: 20px solid #79100d; background: url("/images/iousa-secondary-bg.jpg") 670px 0 repeat-y; }
#content.full { background: none; }
#content h2 { font-size: 48px; margin-bottom: .3em; }

#main { padding: 0 0 2em 30px; width: 640px; float: left; }
#main.full { width: 920px; }


/* map */
#state-select { width: auto; margin: 0 40px; padding: 0; float: left; }
#large-us-map { width: auto; margin: 0; padding: 0; float: left; border: 1px solid #333; clear: right; }



/* secondary content */
#secondary { padding: 90px 30px 2em 0; width: 280px; float: right; background: url("/images/iousa-secondary-bg-head.jpg") 0 0 no-repeat; }
#secondary ul { margin: 0; padding: 0; list-style-type: none; }
#secondary ul li { margin: 0; padding: 0 }
#secondary ul li a { display: block; height: 60px; background: url("/images/iousa-sidebar-nav-arrow.jpg") 100% 0 no-repeat; margin: 0; padding: 14px 0 0 70px; color: #fff; text-decoration: none; font-size: 18px; }
#secondary ul li a:hover { color: #c00; }



/* footer */
#footer { margin: 0; padding: 0; width: 980px; height: 100px; float: left; clear: both;  font-size: 11px; color: #958d79; font-weight: bold; position: relative; border-bottom: 1px solid #fff; }
#footer a { color: #958d79; }
#footer p { margin: 0; padding: 0; }

#footer #social-networks,
#footer #affiliations,
#footer #rating,
#footer #site-info {
position: absolute;
top: 30px; left: 0;
margin: 0; padding: 0;
}

#footer #affiliations { left: 30px; }
#footer #affiliations ul { list-style-type: none; margin: 0; padding: 0; }
#footer #affiliations ul li { float: left; padding-right: 10px; line-height: 49px; }
a#roadside { display: block; margin: 0; padding: 0; width: 70px; height: 49px; text-indent: -9999em; overflow: hidden; background: url("/images/iousa-roadside-logo.gif") top left no-repeat; }
#footer #social-networks { left: 330px; border: 1px solid #000; } 
#footer #rating { left: 430px; }
#footer #site-info { left: 725px; width: 200px;}


/* Some general stuff */

img { border: 0; }

a { text-decoration: none; color: #1c2d4b; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arials, sans-serif;
letter-spacing: -.02em;
}


 
.hide { display: none; }
fieldset { margin: 0; padding: 0; border: none; }

p.more { text-align: right; }

.red { color: #79100d; }
.blue { color: #1c2d4b; }

.item { float: left; width: 100%; margin: 0 0 1em 0; }
.item h4 { margin: 0; padding: 0; }
.item img { float: left; padding: 0; margin: 1em 0 0 0; }
.item .blurb { margin: 0 0 0 2em; padding: 0; float: left; width: 650px; }

.review { color: #1c2d4b; }
.review img { float: right; margin: 0 1em 1em 0; background: #fff; padding: 20px; border: 1px solid #333; }
.review blockquote { margin: 0; padding: 0; }
.review cite { color: #79100d; font-style: normal; padding-left: 8em; }


#main-list, ul.document-list { list-style-type: none; margin: 0; padding: 0; float: left; width: 100%; }
ul.document-list li { float: left; width: 100%; }
ul.document-list li p.date { float: left; color: #79100d; }
ul.document-list li div.news-summary { float: left; margin: 0 0 0 2em; width: 700px; }


/* thumbnail gallery */
ul.set { margin: 0; padding: 0; list-style-type: none; float: left; }
ul.set li { float: left; margin: 10px 10px 10px 0; }
ul.set li a img {  border: 1px solid #000; padding: 10px; background: #fcfcfc; }


/* clear fix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */