@charset "UTF-8";
/*
    CSS DIRECTORY
        __RESET
        __GLOBAL
        __BODY
        __HEADER
        __MARKET
        __MAIN
        __FOOTER
        __BLOG
		__IMAGES
		__YouTube Player

    
    COLORS
        #2e6f18 -- green
        
/*__RESET
==========================================================*/
    body {
    	margin: 0px;
    	padding: 0px;
    	color: #000000;
    	font-size: 0.626em; }
    body div, ul, ol, li, table, img, form, object {
    	margin: 0px;
    	padding: 0px; }
    body img {
    	border: none; }
    .display_none {
    	display: none; }
    .clear_div {
    	display: none;
    	height: 0px;
    	width: 0px; }
    body:last-child .clear_div {
    	display: block;
    	clear: both; }
    object:focus, a:focus{
    	outline:none; }
    a img {border:0}
	.green {color:#2e6f18}




/*__GLOBAL
==========================================================*/
    @font-face {
        font-family: 'FuturaMdBTMedium';
        src: url('font/futura_md_bt_medium-webfont.eot');
        src: url('font/futura_md_bt_medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('font/futura_md_bt_medium-webfont.woff') format('woff'),
             url('font/futura_md_bt_medium-webfont.ttf') format('truetype'),
             url('font/futura_md_bt_medium-webfont.svg#FuturaMdBTMedium') format('svg');
        font-weight: normal;
        font-style: normal;

    }
         
    body {
        color: #252525;
        font: 13px/18px FuturaMdBTMedium, "Gill Sans MT", Verdana, Helvetica, sans-serif; }

	p {font:13px/20px Arial; text-align:justify;}

    a { color: #2e6f18; }
    a:hover { color: #333; }

    h1, h2, h3, h4, h5, h6, p {
        margin: 0;
        padding-bottom: 1em;}
    h1 {
        color: #2e6f18;
        font-size: 26px;
		font-weight: normal;
		text-transform:uppercase;
        padding: 2px 0 45px 7px; }
    h2 {
        font-size: 18px;
        font-weight: bold;}
	 h2.title {font-size: 18px; font-weight: normal; color:#2e6f18; padding-bottom:3px; border-bottom:1px solid #dddada; margin-bottom:15px;}
    h3 {
        font-size: 14px;}

    ol, ul{
        margin: 0 0 1em 40px; font-family:Arial;}
    .clearme {
        clear: both;
        display: block;
        height: 1px;}
    .alignleft {
        float:left;
        margin:0px 15px 10px 0px;}
    .alignright {
        float:right;
        margin:0px 0px 10px 15px;}
	.aligncenter {display:block; margin:10px auto;}
	.wp-caption {
		border: 1px solid #DDDDDD;
		padding: 12px 8px 8px;
		text-align: center;}
	img.img_border {border:5px #bfbfbf solid;}
	.cl-right {clear:right;}
	div.divider {width:100%; border-top:1px solid #edebeb; font-size:11px; text-align:right; clear:both; margin:5px 0px;}

	.pop-content {display:none;}
	div.divider a {color:#797979; text-decoration:none;}

    #modalmask {
        background-color:#000;
        display:none;
        height: 100%;
        left: 0;
        opacity: 0.8;
        position:absolute;
        width: 100%;
        z-index:9000; }

    #modalwindow {
        background: #FFFFFF;
        border: 5px solid #1A1A1A;
        display:none;
        margin: 0 auto;
        min-height: 300px;
        min-width: 450px;
        padding: 40px 20px 20px 20px;
        position:absolute;
        z-index:9999; }

    a#modalclose{
        background: url(images/close.png) no-repeat;
        display: block;
        height: 20px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 84px;}
	a.buttonbox{
		background: #EEE;
		border: 1px solid #DDD;
		color: #333;
		line-height: 30px;
		padding: 8px;}
	a.buttonbox:hover{ background: #E0E0E0; }

	blockquote {padding:10px 30px 20px 45px; background:#f1f1f1 url(images/blockquote-bg.png) no-repeat top left;
		margin-bottom:15px;
        behavior: url(/pie.htc); /* IE Stuff */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .2); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .2); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .2); /* Safari and Chrome */}

	#tech-cta {margin:15px auto 0px;}
	img.img-border {padding:5px; border:#e2e2e2 1px solid; background:#f5f5f5;}

	div.tech-tip {padding:10px 30px 20px 45px; background:#f1f1f1 url(images/tech-tip-icon.png) no-repeat top left;
		margin-bottom:15px;
        behavior: url(/pie.htc); /* IE Stuff */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .2); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .2); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .2); /* Safari and Chrome */}
	p.credit {font-size:12px; font-style:italic; padding-left:20px;}
	p.txt-indent {text-indent:30px;}
	p.top-img {padding-bottom:0px; margin-bottom:0px;}
	p.top-img a {text-decoration:none;}




/*__BODY
==========================================================*/
    body {
        background: url(images/body-bg.png) top center no-repeat fixed;
        margin:0 auto 20px auto;
        width: 990px;}

	/* Toggle */
	p.trigger a {display:block; width:608px; height:18px; padding:10px; background:url(images/toggle-bg.jpg) no-repeat top left; text-decoration:none;}
	p.active a {background-position: left bottom;}
	div.toggle_container {padding:0px 15px;}



/*__HEADER
==========================================================*/
    div#header{
        height: 173px;
        margin-bottom: 10px;
        position: relative;
        z-index: 20; }

    a#logo{
        background: #ececec;
        behavior: url(/pie.htc); /* IE Stuff */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Safari and Chrome */
        display: block;
        float: left;
        height: 173px;
        width: 164px; }
    a#logo:hover{
        behavior: url(/pie.htc); /* IE Stuff */
        box-shadow: 0px 0px 20px rgba(60, 60, 60, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 20px rgba(60, 60, 60, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 20px rgba(60, 60, 60, .5); /* Safari and Chrome */ }

    div#nav{
        behavior: url(/pie.htc); /* IE Stuff */
        box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Safari and Chrome */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        bottom: 0;
        display: inline-block;
        left: 174px;
        padding-right: 0px;
        position: absolute;
        white-space:nowrap; }
    div#nav span{
        display: inline-block;
        position: relative; }
    div#nav a{
        background: url(images/nav-bg.png) top center;
        color: #2b2b2b;
        display: inline-block;
        height: 58px;
        line-height: 58px;
        margin-right: -5px;
        padding:0 12.5px;
        text-decoration: none; }
    div#nav a:hover,
    div#nav a.hover{
        background-position: bottom;
        color: #356911; }
    div#nav a.first{ background-position: top left; }
    div#nav a.first:hover{ background-position: bottom left; }
    div#nav a.last{ background-position: top right; }
    div#nav a.last:hover{ background-position: bottom right; }
    div#nav div{
        background: #edecec;
        behavior: url(/pie.htc); /* IE Stuff */
        box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 20px rgba(140, 140, 140, .5); /* Safari and Chrome */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        display: none;
        left: 0;
        padding: 0;
        position: absolute;
        top: 53px;
        white-space: nowrap;
        z-index: 50; }
    div#nav div a{
        background: none;
        border-top: 1px solid #FFF;
        display: block;
        margin: 0;
        padding: 12px 30px 12px 10px;
        height: auto;
        line-height: 1em; }
    div#nav div a.first{ border: none; }
    div#nav div a:hover{ }

    div#header-connect,
    div#header-find{
        float: left;
        margin-top: 25px;
        padding: 10px;
        text-align: center; }
    div#header-connect{
        padding-left: 80px;
        width: 350px; }
    div#header-find{
        border-left: 2px solid #FFF;
        width: 360px; }
        
    div.header-title{
        background: url(images/header-top-title.png) top center no-repeat;
        font-size: 15px;
        height: 26px;
        line-height: 26px;
        margin: 0 auto;
        text-align: center;
        width: 302px; }
    div#header-connect div.social-icons{ padding-top: 5px;}
    div.social-icons a{
        background: url(images/header-connect-icons.png) top left;
        behavior: url(/pie.htc); /* IE Stuff */
        display: inline-block;
        height: 33px;
        margin: 0;
        width: 33px; }
    div.social-icons a:hover{
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Safari and Chrome */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */}
    div.social-icons a.facebook-icon{ background-position: 0 0!important; }
    div.social-icons a.flickr-icon{ background-position: -33px 0; }
    div.social-icons a.youtube-icon{ background-position: -66px 0; width: 32px; }
    div.social-icons a.twitter-icon{ background-position: -98px 0; }
    div.social-icons a.linkedin-icon{ background-position: -131px 0; }
    div.social-icons a.gplus-icon{ background-position: -166px 0; width: 32px;  }

    div#header-find-icons{ padding-top: 9px; }
    div#header-find-icons a{
        background: #efeeee;
        color: #2e6f18;
        behavior: url(/pie.htc); /* IE Stuff */
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Safari and Chrome */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        display: inline-block;
        font-size: 13px;
        height: 24px;
        line-height: 24px;
        text-decoration: none;
        white-space:nowrap;
        width: 111px;}
    div#header-find-icons a:hover{
        behavior: url(/pie.htc); /* IE Stuff */
        box-shadow: 0px 0px 10px rgba(60, 60, 60, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(60, 60, 60, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(60, 60, 60, .5); /* Safari and Chrome */}

	/* Breadcrumbs */

	div#breadcumbs {width:600px; height:56px; padding:10px 25px; background:url(images/breadcrumbs-bg.jpg) no-repeat top left; margin:-23px auto 10px;}
	div#breadcumbs span.title {font-size:16px; color:#487628; text-align:center; display:block; margin:0px auto 10px;}
	div#breadcumbs a {text-decoration:none;}
	div#breadcumbs div#prev {width:auto; float:left;}
	div#breadcumbs div#next {width:auto; float:right;}
	div#breadcumbs span.grey-txt {font-size:14px; color:#8a8a8a;}

	div#breadcumbs img.inline-img {padding-top:3px;}





/*__MARKET
==========================================================*/
    div#market{
        margin-bottom: 20px;
        position: relative; }
	div#market ul {font-family: FuturaMdBTMedium, "Gill Sans MT", Verdana, Helvetica, sans-serif;}
    div#market #ss_prev,
    div#market #ss_next{
        background: url(images/market-buttons.png);
        height: 59px;
        position: absolute;
        top: 161px;
        width: 35px;
        z-index: 15; }
    div#market #ss_prev{ background-position: -35px 0; left: 0; }
    div#market #ss_prev:hover{ background-position: -35px -59px; }
    div#market #ss_next{ background-position: 0 0; right:0; }
    div#market #ss_next:hover{ background-position: 0 -59px; }
    div#market div.title{
        background: url(images/int-market-header-bg.png);
        behavior: url(/pie.htc); /* IE Stuff */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        color: #528033;
        font-size: 35px;
        height: 64px;
        left: 0;
        padding: 28px 0 0 28px;
        position: absolute;
        top: 0;
        width: 962px;
        z-index: 15; }
    div#slideshow{
        background: url(images/market-bg.png) top center no-repeat;
        behavior: url(/pie.htc); /* IE Stuff */
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Safari and Chrome */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        height: 425px;
        position: relative;
        width: 990px; }
    div#slideshow div.slide{
        background-repeat:no-repeat;
        behavior: url(/pie.htc); /* IE Stuff */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        height: 385px;
        left: 0;
        display: none;
        overflow: hidden;
        padding: 40px 0 0 65px;
        position: absolute;
        top: 0;
        width: 925px; }
    div.slideshowmask{
        background: #fff;
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        display: block;
        height: 425px;
        left: 0;
        position: absolute;
        width: 990px;
        z-index: 10; }
	div#slideshow div.int {padding:0px;width:990px; background-position:top right; height:425px;}
    div#slideshow span{
        color: #383737;
        display: block;
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 20px; }
	div#slideshow span.title{color:#2e6f18; font-size:30px;}
    div#slideshow ul{ margin: 0 0 20px 20px; }
    div#slideshow li{
        color: #4b4b4b;
        font-size: 15px;
        padding-bottom: 5px; }
	div#slideshow div.int span.title{width:940px; background:url(images/int-market-header-bg.png) no-repeat top left; padding:22px 25px 38px;}
    div#slideshow a.button{
        background: url(images/market-slide-button-bg.png) top center no-repeat;
        color: #20201f;
        display: inline-block;
        font-size: 12px;
        line-height: 57px;
        padding: 0 30px;
        text-align: center;
        text-decoration: none; }
	div#slideshow a.button:hover {background-position:bottom;}
	span.vid-cta {background:url(images/video-cta.png) no-repeat top left; width:220px; height:134px; padding:58px 10px 0px; display:block; float:right; margin:150px 50px 0px 0px;}

    
    /* CTAs */
    div#ctas{
        padding-bottom: 20px;
        text-align: center; }
    div#cta-head{
        background: url(images/cta-header-bg.png) top center no-repeat;
        color: #2c2e2a;
        font-size: 22px;
        height: 45px;
        line-height: 45px;
        margin-bottom: 15px;
        text-align: center; }
    div#ctas a{
        background: url(images/ctas.jpg);
        behavior: url(/pie.htc); /* IE Stuff */
        border: 1px solid #d1cdcd;
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
			box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Safari and Chrome */
        color: #3d3d3d;
        display: inline-block;
        font-size: 17px;
        height: 35px;
        margin: 0 5px;
        overflow: hidden;
        padding-right: 20px;
        padding-top: 125px;
        position: relative;
        text-align: right;
        text-decoration: none;
        width: 290px; }
    div#ctas a div{
        background: #000;
        display: none;
        height: 200px;
        left: -75px;
        opacity: 0.5;
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
            filter: alpha(opacity=50);
        position: absolute;
        top: 0;
        width: 75px;}
    div#ctas a#cta1{ background-position: 0 0; }
    div#ctas a#cta2{ background-position: -310px 0; }
    div#ctas a#cta3{ background-position: -620px 0; }
    div#ctas a:hover{
        box-shadow: 0px 0px 20px rgba(60, 60, 60, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 20px rgba(60, 60, 60, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 20px rgba(60, 60, 60, .5); /* Safari and Chrome */
        color: #2e6f18; }
	
	div#ctas-int {padding:5px 0px 15px 50px;}
	div#ctas-int div.int-cta {background:url(images/in-cta-bg.png) no-repeat top left; width:429px; height:100px; float:left; text-align:right;}
	div#ctas-int div.first {margin-right:50px;}
	div#ctas-int div.int-cta .cta-img {display:block; float:left; padding-left:20px;}
	div#ctas-int div.int-cta span.line01 {display:block; color:#2d6706; float:right; font-size:27px; padding:18px 25px 7px 0px;}
	div#ctas-int div.int-cta span.line02 {display:block; color:#397511; float:right; clear:right; font-size:19px; padding:0px 25px 7px 0px;}
	div#ctas-int div.int-cta span.line03 {display:block; color:#5e5d5d; float:right; clear:right; font-size:17px; padding:0px 25px 0px 0px;}
	div#ctas-int div.int-cta span.line03 a {color:#5e5d5d; text-decoration:none;}
	div#ctas-int div.int-cta span.line03 a:hover {color:#397511;}
	img.bullet {vertical-align:middle;}

	div#section_heading {padding:20px 20px 35px; text-align:right; font-size:40px; color:#528033; text-transform:uppercase;}



/*__MAIN
==========================================================*/
    div#main{
		background: #FFF url(images/main-bg-top.png) top center repeat-x;
        behavior: url(/pie.htc); /* IE Stuff */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Safari and Chrome */
        margin-bottom: 20px;
        padding-bottom: 20px;
        position: relative; }

    div#side{
        border-left: 1px solid #dddada;
        float: right;
        padding: 0 20px;
        width: 255px; }
	.section {clear:right; margin:30px 0px 20px 20px;}
    div#side .title{
        color: #424242;
        font-size: 23px;
        padding: 22px 0 45px 0; }
    div#side hr{
        border: none;
        border-top: 1px solid #dddada;
        width: 90%; }
    div#side div#gplus{
        background: url(images/recommend.png) top left no-repeat;
        height: 35px;
        margin-bottom: 30px;
        padding-top: 7px;
        text-align: right;}
    div#side #twitterfeed{
        padding: 25px 0 45px 0;}
    div#side #twitterfeed #ttitle{
        background: url(images/latest-tweets.png) top left no-repeat;
        height: 19px;
        margin-bottom: 10px;
        padding: 0 30px 0 0 ;
        text-align: right; }
    div#side #twitterfeed #tfeed{ font-family:Arial; padding-bottom: 15px; }
    div#side #twitterfeed .item{ padding-top: 10px; }
    div#side #twitterfeed .itemtime{
        color: #56952b;
        padding-bottom: 10px; }
    div#side #twitterfeed hr{ width: 80%; }
    div#side #twitterfeed a.button{
        behavior: url(/pie.htc); /* IE Stuff */
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc8c8), to(#dfdede)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #ccc8c8, #dfdede); /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image:    -moz-linear-gradient(top, #ccc8c8, #dfdede); /* FF3.6 */
        background-image:     -ms-linear-gradient(top, #ccc8c8, #dfdede); /* IE10 */
        background-image:      -o-linear-gradient(top, #ccc8c8, #dfdede); /* Opera 11.10+ */
        background-image:         linear-gradient(top, #ccc8c8, #dfdede);
        border: 1px solid #9f9f9f;
        border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 5px; /* Firefox */
            -webkit-border-radius: 5px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Safari and Chrome */
        color: #20201f;
        display: inline-block;
        float: right;
        font-size: 12px;
        padding: 0 5px;
        position: relative;
        text-decoration: none; }
    div#side #twitterfeed a.button:hover{
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdede), to(#ccc8c8)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #dfdede, #ccc8c8); /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image:    -moz-linear-gradient(top, #dfdede, #ccc8c8); /* FF3.6 */
        background-image:     -ms-linear-gradient(top, #dfdede, #ccc8c8); /* IE10 */
        background-image:      -o-linear-gradient(top, #dfdede, #ccc8c8); /* Opera 11.10+ */
        background-image:         linear-gradient(top, #dfdede, #ccc8c8); }
    div#side #facebookbox{ margin-top: 30px; }
    div#side #facebookbox .container{
        height: 230px;
        overflow: hidden;
        width: 251px; }
    div#side #facebookbox .fb-like-box{
        left: -2px;
        position: relative;
        top: -2px; }

    div#content{
        float: left;
        padding: 20px 0 20px 20px;
        width: 650px; }
	 div#content-full{padding:20px;}

	div.blog_feed {float:left;
        width: 630px;}
	h2.latest_title {font-weight:normal;}
	p.date {margin:0px; font-size:12px; font-style:italic;}
	div.blog_feed div.sociable {display:none;}
	div.news_content {margin-bottom:40px;}

    div#testimonials{
        background: #ededed url(images/testimonials-bg.jpg) top center repeat-x;
        behavior: url(/pie.htc); /* IE Stuff */
        border: 1px solid #ededed;
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Safari and Chrome */
        padding-bottom: 10px;
        position: relative; }
    div#testimonials .title{
        behavior: url(/pie.htc); /* IE Stuff */
        border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 10px; /* Firefox */
            -webkit-border-radius: 10px; /* Safari and Chrome */
        color: #383837;
        font-size: 16px;
        height: 43px;
        line-height: 33px;
        padding: 0 10px;
        position: relative; }
    div#testimonials .title a.button{
        background: #ecebeb;
        behavior: url(/pie.htc); /* IE Stuff */
        border: 1px solid #9f9f9f;
        border-radius: 8px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 8px; /* Firefox */
            -webkit-border-radius: 8px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(140, 140, 140, .5); /* Safari and Chrome */
        color: #20201f;
        display: block;
        font-size: 12px;
        line-height: 20px;
        padding: 1px 5px;
        position: absolute;
        right: 20px;
        text-decoration: none;
        top: 4px; }
    div#testimonials .title a.button:hover{ background: #dcdbdb; }
    div#testimonials ul{ margin: 10px; padding: 0; }
    div#testimonials li{
        background: url(images/leftquote.png) top left no-repeat;
        display: block;
        padding: 10px 30px;
        position: relative; }
    div#testimonials li div.rightquote{
        background: url(images/rightquote.png) no-repeat;
        height: 15px; width: 21px;
        position: absolute; bottom: 0; right: 0; }
    div#testimonials li div.fulltext{ display: none; }
    
    #leftquote{
        background: url(images/leftquote.jpg);
        height: 15px;
        left: 0;
        position: absolute;
        top: 0;
        width: 21px; }
    #rightquote{
        background: url(images/rightquote.jpg);
        bottom: 20px;
        height: 15px;
        position: absolute;
        right: 0;
        width: 21px; }

		/* Where To Buy */
	div.retialer-container {width:200px; float:left; margin-right:30px;}
	div.small-box {width:180px; padding:10px; min-height:100px; background:url(images/small-box-bg.jpg) repeat-x top left; margin-top:5px;}
	div.small-box div.title {font-size:15px; border-bottom:1px solid #cfcdcd;}
	div.small-box ul {margin:10px 0px 0px 22px;}
	div.small-box ul li { font:13px Arial; list-style-image:url(images/footer-bullet.png); padding-bottom:7px;}
	div.small-box ul li a {color:#252525; text-decoration:none;}
	div.small-box ul li a:hover {color: #2e6f18;}
	div.small-box .com-content {padding-left:20px;}
	input.zip-field {width:55px;}
	input.go-btn {vertical-align:middle;}

	a.large-btn {width:529px; background:url(images/large-btn.jpg) no-repeat top left; font-size:20px; margin:5px 5px 10px 0px; padding:18px 70px 0px; height:37px; color:#383837; text-decoration:none; display:block;}
    a.large-btn:hover {background-position:bottom;}

	a.large-btn-sparks {width:529px; background:url(images/large-btn-spark.jpg) no-repeat top left; font-size:20px; margin:5px 5px 10px 0px; padding:18px 70px 0px; height:37px; color:#383837; text-decoration:none; display:block;}
    a.large-btn-sparks:hover {background-position:bottom;}

	span.sub-txt {color:#447227; font-style:italic;}
	span.sub-txt-sm {color:#447227; font-style:italic; font-size:16px;}

	/* Subnav */

	div#sub_nav {float:right;}
	div#sub_nav a {display:block; float:left; margin-left:5px; text-decoration:none; width:73px; color:#424242; font:13px Arial; padding:4px 0 7px; text-align:center; background:url(images/sub-nav.png) no-repeat top left;}
	div#sub_nav a:hover {background-position: bottom;}
	div#sub_nav a.lg {display:block; float:left; width:103px; background:url(images/sub-nav-lg.png) no-repeat top left;}
	div#sub_nav a.lg:hover {background-position: bottom;}
	div#sub_nav a.lg_sm_txt {display:block; float:left; font-size:11px; padding:5px 0 8px; width:103px; background:url(images/sub-nav-lg.png) no-repeat top left;}
	div#sub_nav a.lg_sm_txt:hover {background-position: bottom;}

	div#ad-holder {width:260px; height:170px; float:right; margin:5px 5px 10px 15px; background:#dbdbdb; padding:5px;}


    /* you tube stuff */
    div#main div.youitem{
        border-bottom: 1px solid #CCC;
        display: inline-block;
        margin: 0 0 10px 0;
        padding: 0 0 10px 0;
        width: 620px; }
    div#main div.youimg{ float: left; }
    div#main div.youinfo{
        float: left;
        padding-left: 10px;
        width: 310px; }
    div.youtitle a{
        color: #2E6F18 !important;}
    div#main div.youwatch{ padding-top: 5px; }
    div#main div.youwatch a{
        behavior: url(/pie.htc); /* IE Stuff */
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc8c8), to(#dfdede)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #ccc8c8, #dfdede); /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image:    -moz-linear-gradient(top, #ccc8c8, #dfdede); /* FF3.6 */
        background-image:     -ms-linear-gradient(top, #ccc8c8, #dfdede); /* IE10 */
        background-image:      -o-linear-gradient(top, #ccc8c8, #dfdede); /* Opera 11.10+ */
        background-image:         linear-gradient(top, #ccc8c8, #dfdede);
        border: 1px solid #9f9f9f;
        border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 5px; /* Firefox */
            -webkit-border-radius: 5px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Safari and Chrome */
        color: #20201f;
        font-size: 12px;
        padding: 0 5px;
        position: relative;
        text-decoration: none; }
    div#main div.youwatch a:hover{
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdede), to(#ccc8c8)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #dfdede, #ccc8c8); /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image:    -moz-linear-gradient(top, #dfdede, #ccc8c8); /* FF3.6 */
        background-image:     -ms-linear-gradient(top, #dfdede, #ccc8c8); /* IE10 */
        background-image:      -o-linear-gradient(top, #dfdede, #ccc8c8); /* Opera 11.10+ */
        background-image:         linear-gradient(top, #dfdede, #ccc8c8); }



/*__FOOTER
==========================================================*/
    div#footer {background:url(images/footer-bg.png) no-repeat top right;}
	div#footer ul{
		font-family: FuturaMdBTMedium, "Gill Sans MT", Verdana, Helvetica, sans-serif;}
    div#footer .column{
        float: left;
        position: relative;
        width: 320px; }
    div#footer .column .title{
        background: url(images/footer-title-bg.png) top left no-repeat;
        color: #3d3d3d;
        font-size: 19px;
        height: 40px;
        padding:  10px 0 0 15px; }
    div#footer .column a{
        color: #3d3d3d;
        text-decoration: none; }
    div#footer .column a:hover{ color: #2e6f18; }
    div#footer .column ul li{
        list-style-image: url(images/footer-bullet.png);
        padding-bottom: 10px; }
    div#footer .column .logo{
        position: absolute;
        right: 0;
        top: 50px; }
    div#footer .column .social-title{
        color: #252525;
        font-size: 18px;
        padding: 20px 0 10px 0;
        text-align: center; }

    /* you tube stuff */
    div#footer div.youitem{
        border-bottom: 1px solid #CCC;
        margin-bottom: 10px;
        padding-bottom: 10px; }
    div#footer div.youimg{ float: left; }
    div#footer div.youinfo{
        float: right;
        padding-left: 10px;
        width: 210px; }
    div.youtitle a{
        color: #2E6F18 !important;}
    div#footer div.youwatch{ padding-top: 5px; }
    div#footer div.youwatch a{
        behavior: url(/pie.htc); /* IE Stuff */
        background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc8c8), to(#dfdede)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #ccc8c8, #dfdede); /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image:    -moz-linear-gradient(top, #ccc8c8, #dfdede); /* FF3.6 */
        background-image:     -ms-linear-gradient(top, #ccc8c8, #dfdede); /* IE10 */
        background-image:      -o-linear-gradient(top, #ccc8c8, #dfdede); /* Opera 11.10+ */
        background-image:         linear-gradient(top, #ccc8c8, #dfdede);
        border: 1px solid #9f9f9f;
        border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using /pie.htc */
            -moz-border-radius: 5px; /* Firefox */
            -webkit-border-radius: 5px; /* Safari and Chrome */
        box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Opera 10.5+, future browsers and IE6+ using /pie.htc */
            -moz-box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Firefox */
            -webkit-box-shadow: 0px 0px 10px rgba(200, 200, 200, .5); /* Safari and Chrome */
        color: #20201f;
        font-size: 12px;
        padding: 0 5px;
        position: relative;
        text-decoration: none; }
    div#footer div.youwatch a:hover{
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdede), to(#ccc8c8)); /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(top, #dfdede, #ccc8c8); /* Chrome 10+, Saf5.1+, iOS 5+ */
        background-image:    -moz-linear-gradient(top, #dfdede, #ccc8c8); /* FF3.6 */
        background-image:     -ms-linear-gradient(top, #dfdede, #ccc8c8); /* IE10 */
        background-image:      -o-linear-gradient(top, #dfdede, #ccc8c8); /* Opera 11.10+ */
        background-image:         linear-gradient(top, #dfdede, #ccc8c8); }
        




/*__BLOG (word press)
==========================================================*/
    div#blog-content{
        float: left;
        padding: 2em 0;
        width: 430px;}
    div#blog-content .post{ padding-bottom: 2em;}
    div#blog-content .navigation{ height: 2em;}
    div#blog-content .alignleft{ float: left;}
    div#blog-content .alignright{ float: right; }
    div#blog-content .commentlist{ padding-left: 2em;}
    div#blog-content .post h2{ text-decoration: none;}
    div#blog-content .wp-caption{
        background: #EEE;
        border: 1px solid #CCC;
        font-size: 0.9em;
        padding: 10px 5px 0 5px;
        text-align: center; }
    div#blog-sidebar{
        float: right;
        padding: 2em 0;
        width: 200px;}
    form#searchform input#s{ width: 120px;}
    div#blog-sidebar li{
        list-style: none;
        margin-left: 0;}
    div#blog-sidebar h2{ padding: 2em 0 0 0;}
    div#blog-sidebar a{ font-size: 0.9em; }



/*__IMAGES
==========================================================*/
.overlay_fade {
	position:relative;
	overflow:hidden;
}
	
	.overlay_fade .overlay_zoom a,
    .overlay_fade .overlay_play a {
		display:block;
		position:absolute;
		top:0px;
		width:100%;
		height:100%;
		background-image: url("images/icons/zoom.png");
		background-repeat:no-repeat;
		background-position:center center;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;  
		-moz-transition:opacity .4s ease-in;  
		-o-transition:opacity .4s ease-in;  
		-ms-transition:opacity .4s ease-in;  
		transition:opacity .4s ease-in;  
	}
	.overlay_fade .overlay_play a{
        background-image: url("images/icons/play.png");}
		.overlay_fade:hover .overlay_zoom a,
        .overlay_fade:hover .overlay_play a {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.overlay_fade .zoom_white a,
	.overlay_fade .play_white a {
		background-color:rgba(255, 255, 255, 0.7);
	}
	.overlay_fade .zoom_black a,
    .overlay_fade .play_black a {
		background-color:rgba(0, 0, 0, 0.7);
	}


/*__You Tube Player
==========================================================*/

/* ===[ Surround div around player. Is optional ]=== */

.youtubeplayer {
    width: 950px;
    margin-left: auto;
    margin-right: auto;
	background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #D6D6D6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 2px 10px #423942;
    -moz-box-shadow: 2px 2px 10px #423942;
    box-shadow: 2px 2px 10px #423942;
}

/* END
   ================================================== */

/* youtube css (needed)  */

.yt_holder {
    background: #F2F2F2;
    font: 12px/20px Arial, Helvetica, sans-serif;
    padding: 10px;
    float: left;
    /*behavior: url(/ie-css3.htc);*/
}

/** Now set by the js adjustHeight
 *  Player Iframe and player version 3
 * #ytvideo {
 * height:366px;
 * }
 * /* Use this is you use the player version 2
 * Also play with this height isf you use autoHide playerbar
 * #ytvideo2 {
 * height:385px;
 * }
 */

/** Only set for the page startup height*/
#ytvideo, #ytvideo2, #ytvideo3, #ytvideo4 {
  height:366px; float:left;
}

.currentvideo { background: #e6e6e6 }

div.youplayer { float:right;margin-left:4px; }
div.youplayer div.title {
    margin: 0;
    padding: 5px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #dedede;
}

div.youplayer .time {
    position: absolute;
    width: 620px;
    margin-top: -2px;
    font-size: 10px;
    color: #dedede;
    z-index: 999;
    text-align: right;
    float: right;
}

div.youplayer ul.videoyou {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    width: 285px;
    height: 386px;
}

div.youplayer ul.videoyou li {
    background: #333;
    list-style-type: none;
    margin: 8px 0 0 0;
    padding: 0;
}

div.youplayer ul.videoyou li img {
    position: absolute;
    left: 0;
    top: 0;
    width: 82px;
    height: 62px;
    margin: 0;
    padding: 0;
    border: none;
}

div.youplayer ul.videoyou li a {
    position: relative;
    display: block;
    outline: none;
    margin: 0;
    min-height: 65px;
    padding: 5px 5px 5px 90px;
    font-size: 11px;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    background: #666;
    color: #dedede;
}

/* up down buttons  */
div.you_up {
    border: 0px;
    float: left;
    padding: 0;
    margin: -13px 0 0 -17px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    display: none;
}

div.you_down {
    border: 0px;
    float: left;
    padding: 0;
    margin: -13px 0 0 -17px;
    height: 24px;
    width: 24px;
    cursor: pointer;
    position: absolute;
    z-index: 999;
    display: none;
}

div.youplayer ul.videoyou li a.currentvideo {
    background: #333 !important;
    color: #dedede;
}

div.youplayer ul.videoyou li a:hover { background: #595959 }

/* youtube css END  */

/* for the search form  */

form#quick-search {
    padding: 0;
    margin: 10px 0 0 10px;
    width: 270px;
    height: 33px;
    background: #fff url(/imges/icons/header-search.gif) no-repeat;
    border: none;
}

form#quick-search p {
    margin: 0;
    padding: 0;
    border: none;
}

form#quick-search input {
    border: none;
    background: transparent;
    color: #666666;
    margin: 0;
    padding: 3px;
    font-size: 1.2em;
    float: left;
}

form#quick-search .tbox {
    margin: 6px 0 0 5px;
    width: 230px;
    display: inline;
}

form#quick-search .btn {
    width: 24px;
    height: 24px;
    margin: 5px 0 0 0;
    padding: 0;
}

form#quick-search label { display: none }

img.racing-team-banner {display:block; margin:20px auto;}