/*  
Theme Name: Spertech
Theme URI: http://www.blazersix.com/
Description: Custom theme developed for Spertech by Blazer Six, Inc.
Version: 1.0
Author: Blazer Six
Author URI: http://www.blazersix.com/
*/


a { color: #91c93d;}
a:hover { text-decoration: none;}
a img { border-width: 0;}
body { margin: 0; padding: 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 65%; text-align: center; background: #fffee9 url(images/page_bg.gif) left top repeat-x;}

.content { float: left; clear: both; margin: 40px 0; width: 900px;}
.content .primary { float: left; width: 510px;}
.content .secondary { float: right; width: 360px;}
.footer { clear: both; margin-top: 40px; width: 100%; color: #807f70; font-size: 1.2em; background-color: #e5e4c3;}
.footer p { margin: 0 auto 0 auto; padding: 20px; width: 860px !important; width /**/: 900px; text-align: left; background-color: #f2f1d5;}
.header { float: left; width: 900px; height: 130px !important; height /**/: 220px; border-top: 40px solid #336b41; border-bottom: 50px solid #a7d464;}
.header .logo { float: left; margin: 34px 0 0 0; width: 188px; height: 63px; background: url(images/logo.gif) left top no-repeat;}
.header .logo a { overflow: hidden; float: left; width: 188px; height: 63px; text-indent: -9999px;}
.home-content { float: left; clear: both; margin-bottom: 40px; padding-top: 20px; width: 900px;}
.home-content h2 { margin: 0; font-size: 1.5em; font-weight: normal; line-height: 1.2; text-transform: uppercase;}
.home-content #licensing, .home-content #news, .home-content #resources { display: inline; float: left; margin-right: 20px; width: 250px; font-size: 1.2em; line-height: 1.5;}
.home-content #licensing { margin: 0; width: 360px;}
.home-content #news ul { margin: 1em 0 5px 1.2em; padding: 0; color: #336c41;}
.home-content #news ul li { padding-bottom: 1em;}
.home-main { float: left; clear: both; width: 900px; height: 330px; text-indent: -9999px; background: url(images/home_main.jpg) left top no-repeat;}
.image-caption { float: left; clear: both; margin-bottom: 20px; width: 360px; background-color: #f2f1d5;}
.image-caption p { margin: 0; padding: 15px 30px; color: #66665a; font-size: 1.1em;}
.link-button { cursor: pointer; float: left; color: #fffee9; text-decoration: none; background: #004712 url(images/button_left.gif) left top no-repeat;}
.link-button span { float: left; padding: 0 7px; line-height: 25px; background: url(images/button_right.gif) right top no-repeat;}
.nav { list-style: none; float: right; margin: 57px 0 0 0; padding: 0;}
.nav li { display: inline; float: left; margin-left: 35px;}
.nav li a { overflow: hidden; float: left; height: 19px; text-indent: -9999px; background: url(images/nav.gif) left top no-repeat;}
.nav li#nav-about a { width: 69px; background-position: -198px 0;}
.nav li#nav-about a:hover { background-position: -198px -19px;}
.nav li#nav-contact a { width: 80px; background-position: -268px 0;}
.nav li#nav-contact a:hover { width: 80px; background-position: -268px -19px;}
.nav li#nav-home a { width: 44px;}
.nav li#nav-home a:hover { background-position: 0 -19px;}
.nav li#nav-press a { width: 87px; background-position: -109px 0;}
.nav li#nav-press a:hover { width: 87px; background-position: -109px -19px;}
.nav li#nav-product a { width: 62px; background-position: -46px 0;}
.nav li#nav-product a:hover { width: 62px; background-position: -46px -19px;}
.primary { font-size: 1.2em; line-height: 1.5;}
.primary .post { float: left; clear: both; width: 510px;}
.primary .excerpt { float: left; clear: both; width: 510px;}
.primary .excerpt h3 { font-size: 1.17em;}
.primary .title, .primary .excerpt h2 { margin-top: 0; font-size: 1.5em; font-weight: bold; text-transform: uppercase;}
.widget { float: left; clear: both; margin-bottom: 20px; padding: 30px; width: 300px !important; width /**/: 360px; color: #66665a; background-color: #f2f1d5;}
.widget p { font-size: 1.2em;}
.widget ul { margin: 0 0 0 1.2em; padding: 0; color: #336c41; font-size: 1.2em; line-height: 1.5;}
.widget .title { margin: 0 0 1em 0; color: #66665a; font-size: 1.4em; font-weight: bold; text-transform: uppercase;}
.wrapper { margin: 0 auto 0 auto; width: 900px; text-align: left;}

#news .post { margin-bottom: 30px;}
#news .post .continue { float: left; clear: both; margin: 0; padding: 7px 10px; width: 490px !important; width /**/: 510px; background-color: #f2f1d5;}
#news .post .excerpt p { margin: 0 0 1em 0;}
#news .post .title { margin: 5px 0;}
#news .post .title a { text-decoration: none;}
#news .post .title a:hover { text-decoration: underline;}
#page-contact .primary { padding: 30px; width: 450px !important; width /**/: 510px; background-color: #f2f1d5;}
#page-contact .primary .excerpt { width: 450px;}
#page-home { background: #fffee9 url(images/page_home_bg.gif) left top repeat-x;}
#page-home .header { height: 130px !important; height /**/: 170px; border-bottom-width: 0;}
#page-product .widget ul, #page-environmental-benefits .widget ul, #page-licensing-information .widget ul { list-style: none; padding: 0;}
#page-product .widget ul li a, #page-environmental-benefits .widget ul li a, #page-licensing-information .widget ul li a { display: block; padding: 5px 0; color: #91c93d; font-size: 1.1em; font-weight: bold; text-decoration: none; text-transform: uppercase; background: url(images/bullet_arrow.gif) right center no-repeat;}
#page-product h1.title { float: left; clear: both; margin: 0 0 1em 0; width: 510px; height: 21px; text-indent: -9999px; background: url(images/product_title.gif) left top no-repeat;}
#post-nav { list-style: none; float: left; clear: both; margin: 0; padding: 0; width: 510px;}
#post-nav li { float: left; width: 255px; font-size: 1.3em;}
#post-nav li#next { float: right; text-align: right;}
#post-nav li a { text-decoration: none;}
#post-nav li a:hover { text-decoration: underline;}

.form { float: left; margin: 0; padding: 0; width: 450px;}
.form div { float: left; width: 450px; padding-bottom: 5px;}
.form div div { float: left; width: 335px;}
.form div div input, form div div textarea { padding: 2px; width: 329px !important; width /**/: 335px; background-color: #fffee9; border: 1px solid #e5e4c3;}
.form .button { float: left; margin-left: 115px; padding: 0; width: auto; height: 25px; line-height: 1; text-decoration: none; background: #004712 url(images/button_left.gif) left top no-repeat;}
.form .button button { cursor: pointer; display: block; padding: 0 7px; height: 25px; color: #fffee9; line-height: 25px; background: url(images/button_right.gif) right top no-repeat; border-width: 0;}
.form .errors { color: #ee0000;}
.form .label { display: inline; float: left; margin-right: 15px; width: 100px; color: #6f6f62; text-align: right;}

.sIFR-flash { visibility: visible !important; margin: 0;}
.sIFR-replaced { visibility: visible !important;}
span.sIFR-alternate { position: absolute; left: 0; top: 0; overflow: hidden; display: block; width: 0; height: 0;}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important;}
.sIFR-hasFlash .home-content .title { visibility: hidden;}