/* Wonderlic Micro Site CSS

 * @author: Rocco Augusto

 * @url: http://www.nerdofsteel.com

*/



/*** GENERAL ***/

body { margin:0; padding:0; font-size:13px; line-height:18px; font-family:Arial, Helvetica, sans-serif; background:#0073B6; color:#363636; }

h1, h1 a { color:#0073B6; font-size:18px; line-height:110%; }

h2 { color:#1E6fAE; font-weight:normal; font-size:16px; line-height:120%; }

a { color:#FFCA2F; text-decoration:none; }

a:active, a:focus { outline:none; }

a img { border:none; }

iframe { border:none; }



/*** WRAPPER / SHARED ***/

#wrapper { width:800px; margin:20px auto; background:#fff; }

#navigation, #content { padding:0 10px; }



/*** HEADER ***/

#header {  background:url(/images/bg_wrapper.png) top left no-repeat; padding:10px; }

#header #slogan { float:right; height:84px; width:402px; background:url(/images/bg_slogan.png) no-repeat bottom left; font-size:11px; }

#header #slogan ul { float:right; list-style:none; margin:0; padding:0; color:#363636; }

#header #slogan ul li { float:left; text-transform:uppercase; }

#header #slogan a { color:#363636; display:block; line-height:13px; padding:0 5px; }

#header #slogan a:hover { text-decoration:underline; }



/*** NAVIGATION ***/

#navigaiton { margin:10px 0; }

#navigation ul { display:block; font-size:14px; font-weight:bold; width:740px; height:25px; padding:5px 20px; background:url(/images/bg_navigation.png) top left no-repeat; }

#navigation ul li { padding:0; margin:0; float:left; display:block; line-height:25px; text-transform:uppercase; border-left:1px solid #1E6FAE; text-align:center; } 

#navigation ul li.first { width:180px; border:none; }

#navigation ul li.last { width:180px; }

#navigation ul li a { margin:0 15px; padding:0 15px; text-decoration:none; display:block; color:#1E6FAE; height:25px; line-height:25px; }

#navigation ul li a:hover, #navigation ul li.active a { background:#1E6FAE; color:#fff; }





/*** CONTENT ***/

#content {  background:url(/images/bg_wrapper.png) bottom left no-repeat; padding-bottom:20px; }

#content .content-banner { margin:10px 0; color:#fff; }

#content .content-banner .small-banner { margin-left:247px; height:206px; width:260px; padding:10px 20px; background:url(/images/bg_banner-small.png) top right no-repeat #1E6FAE; font-weight:bold; font-size:13px; line-height:17px; }

#content .content-banner .small-banner h1, #content .content-banner .large-banner h1 { color:#fff; font-size:18px; line-height:22px; }

#content .content-banner .small-banner a { margin-top:20px; text-indent:-9999px; display:block; height:24px; background:url(/images/bg_banner-small-button.png) no-repeat top right; }

#content .content-banner .small-banner a:hover { background:url(/images/bg_banner-small-button.png) no-repeat bottom right; }

#content .content-banner .large-banner { margin-left:299px; height:157px; padding:10px 20px; background:url(/images/bg_banner-wide.png) top right no-repeat #1E6FAE; font-weight:bold; font-size:13px; line-height:17px; }

#content .content-banner .large-banner h2 { font-size:14px; color:#fff; margin:0; padding:0; font-style:italic; }

#content .content-banner .large-banner p { line-height:12px; margin:5px 0; }



#content .content-left { width:190px; padding:0 10px; float:left; min-height:350px; color:#0073B6; font-size:14px; line-height:22px; }

#content .content-left blockquote { color:#1e6fae; text-indent:20px; font-style:italic; padding:0; margin:0 30px 0 0; background:url(/images/bg_blockquote.png) top left no-repeat; }

#content .content-left small { line-height:12px; font-weight:bold; color:#000; }

#content .border {  border-right:1px dotted #0073B6; }



#content .content-right { float:right; width:220px; padding:0; margin-left:20px; }
#content .content-right h1 { font-size:14px; color:#3F7FC7; padding:0 10px; margin:0; }
#content .content-right a:hover { text-decoration:underline; }
#content .content-right ul.menu { width:200px; margin:-20px 0 20px 0; padding:30px 10px 0 10px; height:180px; border-left:1px solid #3F7FC7; }
#content .content-right ul.menu a { color:#3F7FC7; }
#content .content-right ul.menu li.active-trail a { color:#1E6FAE; font-weight:bold; }
#content .content-right ul.menu li { list-style:none; margin:5px 0; }
#content .content-right .title { display:none; }

#content .content-right-tower { margin:10px 0 15px 0; padding:0; background:url(/images/bg_content-right.png) top left no-repeat; width:220px; }

#content .content-right-tower h2 { margin:0; padding:0; height:31px; font-size:12px; text-indent:-9999px; border-bottom:1px solid #fff; background:url(/images/asset_learn-more.png) top right no-repeat; }

#content .content-right-wonderlic { width:220px; margin:10px 0; padding:10px 0 0 0; background:url(/images/bg_wonderlic.png) top left no-repeat; }

#content .content-right-wonderlic p { margin:0; padding:0 10px 10px 10px; font-weight:bold; background:url(/images/bg_wonderlic.png) bottom left no-repeat; }



#content .tower-block { color:#000; padding:0 7px; margin:10px 0;}

#content .tower-block .title { display:block; font-size:14px; margin:5px 0; }

#content .tower-block { padding-bottom:7px; min-height:20px; background:url(/images/bg_content-right.png) bottom left no-repeat; }

#content .tower-block span { color:#1E6FAE; }

#content .tower-block a { color:#f26522; }

#content .tower-block span { font-weight:bold; }

#content .tower-block p { padding:0 7px; margin:5px 0; }



#content .content-main { margin-left:200px; }

#content .content-main-left { margin: 0 0 0 240px; width:435px; }

#content ol li { margin:7px 0; }

#content .content-main-wide { margin:0 30px 0 10px; width:510px; }

#content .content-main h1 { padding-top:10px; }

#content .content-main-left h1 { padding-top:10px; }

#content .content-main-wide h1 { padding-top:10px; line-height:20px; }



#content .content-main-wide ul { margin:10px 0 30px 0; padding:0 0 0 45px; }

#content .content-main-wide ul a { color:#f26522; }

#content .content-main-wide ul.thumbs { list-style:none; margin:0; padding:0; height:137px; }

#content .content-main-wide ul.thumbs li { float:left; height:125px; width:96px; padding:6px; text-align:center; margin:0 10px; font-size:13px; }

#content .content-main-wide ul.thumbs li a { vertical-align:text-bottom; font-weight:bold; padding-top:100px; height:30px; display:block; text-transform:uppercase; color:#1E6fAE; text-indent:-9999px; }

#content .content-main-wide ul.thumbs li:first-child { margin-left:0; }

#content .content-main-wide ul.thumbs li.job { background:url(/images/bg_thumbs-jobs.gif) no-repeat center; }

#content .content-main-wide ul.thumbs li.applications { background:url(/images/bg_thumbs-applications.gif) no-repeat center; }

#content .content-main-wide ul.thumbs li.tests { background:url(/images/bg_thumbs-tests.gif) no-repeat center; }

#content .content-main-wide ul.thumbs li.resources { background:url(/images/bg_thumbs-resources.gif) no-repeat center; }



/*** FOOTER ***/

#footer {  background:#0073B6; padding:10px 20px; font-size:11px; color:#ccc; }

#footer a { color:#ccc; text-decoration:none; }

#footer ul { list-style:none; padding:0; margin:0; }

#footer li { border-right: 1px solid #1E6FAE; height:14px; padding:0; margin:0; list-style:none; display:inline; }

#footer li:last-child { border:none; }

#footer li a { line-height:14px; padding:0 7px 0 5px; }

#footer .copyright { float:right; }