@charset "utf-8";

/*****************************/ 
/*****   Reset & Common  *****/
/*****************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus{outline:0;}
body{line-height:1;color:#333;background:#FFF; font-size:10px; font-family:Tahoma, Geneva, Verdana;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/*****************************/ 
/*****    Structure      *****/
/*****************************/
body#home{background:url(../images/bg-body.png) repeat-x center top;}
body#inner{background:url(../images/bg-bodyinner.png) repeat-x center top;}
#container{width:960px; margin:0 auto;}
#header{width:960px; height:82px;}
#banner{width:960px; height:381px; background:url(../images/bg-banner.jpg) no-repeat;}
#main{width:940px; padding:45px 10px 0 10px; overflow:hidden;}

/*****************************/ 
/*****  Header and Nav   *****/
/*****************************/
img.logo{float:left; margin-top:20px;}
ul.navigation{float:right; height:80px; font-size:140%;}
ul.navigation li{float:left; width:60px; height:80px; margin-left:20px; text-align:center;}
ul.navigation li a{display:block; width:100%; height:47px; padding-top:30px; background:url(../images/bg-menu.png) no-repeat; background-position:0 0; color:#fff; text-decoration:none;}
ul.navigation li a:hover{background-position:0 -78px; color:#f8f013;}

/*****************************/ 
/*****     Banner        *****/
/*****************************/
#banner img{float:left; margin-top:10px;}
#banner h1, #banner h2{float:right; text-align:right; font-weight:700;}
#banner h1{font-size:640%; color:#fff; margin:90px 0 30px;}
#banner h2{font-size:370%; color:#333; margin-bottom:15px; }

/*****************************/ 
/*****     Content       *****/
/*****************************/
#main h1{font-size:480%; margin-bottom:30px;}
#main h3{font-size:240%; color:#c1272d; margin-bottom:50px;}
#main h3 a{color:#5282c2; text-decoration:none;}
#main h3 a:hover{color:#f8f013; text-decoration:underline;}
#main .box1, #main .box2, #main .box3{width:300px; float:left; margin-bottom:50px;}
#main .box1 p, #main .box2 p, #main .box3 p {font-size:140%; line-height:150%;}
#main .box1, .box2{margin-right:20px;}
#main .box1 a.title, #main .box2 a.title, #main .box3 a.title{width:210px; height:48px; border:1px solid #333; color:#fff; padding:30px 0 0 88px; font-size:240%; margin-bottom:10px; text-decoration:none; display:block;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#main .box1 a.title{background:url(../images/bg-heading1.jpg) no-repeat center top;}
#main .box2 a.title{background:url(../images/bg-heading2.jpg) no-repeat center top;}
#main .box3 a.title{background:url(../images/bg-heading3.jpg) no-repeat center top;}
#main #wrap{width:595px; float:left;}
#main #wrap p{font-size:140%; margin-bottom:30px; line-height:1.5em;}
#main #wrap ul{margin-bottom:30px;}
#main #wrap ul.options li{margin-bottom:10px; font-size:140%;}
#main #wrap ul.options li.subitem{margin-left:50px; font-size:120%; line-height:140%;}
li.hint{display:block; padding:5px; background-color:#f0f0f0; border:1px solid #ddd; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
#main #wrap textarea{width:100%; height:250px; font-family:Tahoma, Geneva, Verdana; padding:5px; font-size:90%;}
#main #wrap h2{font-size:190%; margin-bottom:20px; color:#c1272d;}
#main #wrap h2 span{color:#333; font-size:90%;}
#main #wrap #d_clip_button {width:100px;font-size:120%; padding:10px; background:#f0f0f0; border:1px solid #333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;margin:-20px 0 20px 0;}
#main #wrap #d_clip_button.hover{background:#f8f013;}
#main a.button{display:block; width:32px; height:25px; padding:10px 0 0 40px; background:url(../images/button.gif) no-repeat; background-position:0px 0px; text-decoration:none; color:#333; font-size:110%; font-weight:bold;}
#main a.button:hover{background-position:0 -37px; color:#3bb54a;}
#main img.accent{float:left; margin:0 15px 0 0;}
/*****************************/ 
/*****      Sidebar      *****/
/*****************************/
#sidebar{width:285px; float:right; padding:125px 0 0 0;}
#sidebar ul{width:285px; overflow:hidden; list-style-type:none;}
#sidebar ul li{float:left; margin:0 0 10px 10px;}
#sidebar ul li img{border:1px solid #333;}
#mascot{width:285px; float:right; padding:30px 0;}
/*****************************/ 
/*****      Footer       *****/
/*****************************/
#footer{color:#fff;}
#footer h4{font-size:240%; margin-bottom:24px;}
#footer .wrap{width:960px; margin:0 auto; overflow:hidden; padding-top:45px;}
#footer .column1, #footer .column2, #footer .column3{float:left;}
#footer .column1, #footer .column3 {width:310px;}
#footer .column1 ul li{font-size:140%; margin-bottom:10px;}
#footer .column1 ul li a{color:#fff; text-decoration:none;}
#footer .column1 ul li a:hover{color:#f8f013; text-decoration:underline;}
#footer .column2{width:290px; margin:0 20px;}
#footer .column2 p{font-size:140%; line-height:140%;}
#footer .column2 a{color:#5282c2; text-decoration:none;}
#footer .column2 a:hover{color:#f8f013; text-decoration:underline;}
#footer .column3{text-align:right; font-size:110%; color:#7b7b7b;}
#footer .column3 img{margin-bottom:24px;}
#footer .column3 a{color:#7b7b7b; text-decoration:none;}
#footer .column3 a:hover{color:#f8f013; text-decoration:underline;}
/*****************************/ 
/*****      Form         *****/
/*****************************/
#joslexform label{display:block; clear:both; font-size:140%; margin-bottom:3px;}
#joslexform input, #joslexform textarea, #joslexform select{color: #333333; background: #f5f5f5; border: 1px solid #999999; padding:2px; margin-bottom:15px;}
#main #wrap #joslexform textarea{font-size:130%;}
#main #wrap #joslexform p{margin-bottom:15px;}
#joslexform .submit input{color: #333333;background: #eeeeee; border: 1px outset #999999;}
#joslexform .error{width:300px; padding:7px; background:#ff0000; color:#fff; font-size:130%; }
#joslexform div.postalcode{display:none;}

.formError{position:absolute;top:300px;left:300px;width:150px;padding-bottom:15px;display:block;z-index:5000;}
.formError .formErrorContent{width:100%;background:#000;color:#fff;font-family:tahoma;font-size:10px;box-shadow:1px 1px 6px #000;-moz-box-shadow:1px 1px 6px #000;-webkit-box-shadow:1px 1px 6px #000;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:4px 10px;}
.formError .formErrorArrow{position:absolute;bottom:0;left:20px;width:15px;height:15px;}
.formError .formErrorArrow div{box-shadow:1px 4px 5px #000;-moz-box-shadow:1px 4px 5px #000;-webkit-box-shadow:1px 1px 5px #000;font-size:0;}
.formError .formErrorArrow .line10{width:15px;height:1px;background:#000;font-size:0;display:block;margin:0 auto;}
.formError .formErrorArrow .line9{width:13px;height:1px;background:#000;display:block;margin:0 auto;}
.formError .formErrorArrow .line8{width:11px;height:1px;background:#000;display:block;margin:0 auto;}
.formError .formErrorArrow .line7{width:9px;height:1px;background:#000;display:block;margin:0 auto;}
.formError .formErrorArrow .line6{width:7px;height:1px;background:#000;display:block;margin:0 auto;}
.formError .formErrorArrow .line5{width:5px;height:1px;background:#000;display:block;margin:0 auto;}
.formError .formErrorArrow .line4{width:3px;height:1px;background:#000;display:block;margin:0 auto;}
.formError .formErrorArrow .line3{width:1px;height:1px;background:#000;display:block;margin:0 auto;}

/*****************************/ 
/*****  Sticky Footer    *****/
/*****************************/
html,body,#container{height:100%;}
body > #container{height:auto;min-height:100%;}
#main {padding-bottom: 208px;}  /* must be same height as the footer */

#footer {position: relative; height: 208px; clear:both;background:url(../images/bg-footer.png) repeat-x;
		margin-top: -208px; /* negative value of footer height */
		} 

.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 */