@charset "UTF-8";/*reset all across browsers*/
html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td { margin:0;padding:0}
img {border:none}
body{width:100%;height:100%}
html{width:100%;height:100%}


/*CONTAINERS--------*/

#contentContainer{width:502px;height:auto;overflow:hidden;margin:20px auto;position:relative}
#contentContainer #top{width:502px;height:36px;background:url(../images/b_top.png) top left no-repeat}
#contentContainer #mid{width:502px;height:auto;overflow:hidden;background:url(../images/b_mid.png) top left repeat-y}
#contentContainer #mid .content{width:412px;height:auto;overflow:auto;margin:auto}
#contentContainer #bot{width:502px;height:36px;background:url(../images/b_bot.png) top left no-repeat}


/*PAGE ELEMENTS-------------------------*/

/*header*/
#header{width:502px;height:auto;margin:auto;overflow:hidden;background:url(../images/b_mid.png) top left repeat-y;padding-top:20px}
#logo{width:412px;height:auto;margin:auto}
.headerDiv{width:412px;height:auto;margin:auto;padding-bottom:25px}

/*counter*/
#countdown_dashboard {width:100%;height:120px;margin-top:35px}
.dashYr {width:115px;height:80px;background:url(../images/flip_board_triple.png) no-repeat;float:left;position:relative}
.dashYr .digit {font-size:58px;font-weight:bold;float:left;width:37px;height:80px;line-height:73px;text-align:center;font-family:Arial, Helvetica, sans-serif;color:#fff;position:relative;padding-top:5px}
.dash {width:80px;height:80px;background:url(../images/flip_board_double.png) no-repeat;float:left;margin-left:0px;position:relative}
.dash .digit {font-size:58px;font-weight:bold;float:left;width:37px;height:80px;line-height:73px;text-align:center;font-family:Arial, Helvetica, sans-serif;color:#fff;position:relative;padding-top:5px}
.dash_title {position:absolute;display:block;bottom:-20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#444;text-transform:uppercase;letter-spacing:-1px}


/*progress bar*/
#progressBar{height:37px;width:412px;overflow:hidden;margin-bottom:40px}
#barContainerLeft{float:left;width:8px;height:37px;background:url(../images/bar_frame.png) left 0  no-repeat}
#barContainerRight{float:left;width:403px;height:37px;background:url(../images/bar_frame.png) -8px 0  no-repeat}
#barLeft{float:left;width:8px;height:35px;background:url(../images/bar_left.png) 0 -70px no-repeat;z-index:2;margin-top:1px}
#barRight{float:left;width:80%;height:35px;background:url(../images/bar.png) right -70px  no-repeat;margin-top:1px}/*set width for non js users so that they see progress*/


/*notify*/
.fieldNotify{width:200px;height:37px;background:url(../images/notify_field.png) 0 0 no-repeat;border:none;line-height:37px;padding:0 10px 0 10px;margin:20px 0 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#555555;float:left}
.fieldNotify:focus{background:url(../images/notify_field_focus.png) no-repeat;outline:none;color:#ccc}
.notifyProgress{width:293px;height:20px;text-align:center}

/*button send notify*/
.sendNotify{width:73px;height:37px;background:url(../images/buttons_notify.png) 0 -159px no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#fff;border:none;outline:none;cursor:pointer;float:left;margin-top:20px}
.sendNotify:hover{background:url(../images/buttons_notify.png) 0 -198px no-repeat}
.sendNotify:active{ outline:none}

/*form*/
.field{width:240px;height:30px;background:#333333;border:1px solid #111111;padding:0 5px 0 5px;margin:2px 10px 12px 0px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666}
.field:focus{background:#fff;outline:none;color:#7cad33;border:1px solid #999}
.tarea{ min-width:240px;height:120px;background:#333;border:1px solid #111111;padding:8px 5px 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;float:left;text-align:justify;margin:3px 0 0 0}
.tarea:focus{ background:#fff;border:1px solid #999;outline:none;color:#7cad33}
.formProgress{margin-top:16px}

/*button send*/
.sendForm{width:80px;height:36px;background:url(../images/buttons.png) 0 -144px no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#fff;border:none;outline:none;cursor:pointer;margin-top:10px}
.sendForm:hover{background:url(../images/buttons.png)  0 -180px no-repeat}
.sendForm:active{ outline:none}


/*FOOTER-------------------------*/
#footer{width:502px;height:45px;margin:auto;overflow:hidden;background:url(../images/b_mid.png) top left repeat-y}
#footerDiv{width:412px;height:auto;margin:auto}


/*social icons*/
.icon_holder{width:31px;height:31px;float:right;margin:5px 0 5px 0}
.icon_rollover {position:absolute;border:none;z-index:1} 
.icon_original {position:absolute;opacity:0.5;/*social icon initial opacity*/}

/*links*/
a.link{font:13px Arial, Helvetica, sans-serif;color:#7cad33;float:right;text-decoration:none;outline:none;border:none;margin:14px 0 0 -8px}
a.link:hover{text-decoration:underline}

/*STYLES*/
h1{width:100%;font:bold 46px Helvetica,Arial,sans-serif;float:left;color:#000;margin-bottom:20px;text-align:left}
h4{width:100%;font:normal 16px Helvetica,Arial,sans-serif;float:left;color:#000;margin-bottom:20px;text-align:left}
h4 a{width:100%;font:normal 16px Helvetica,Arial,sans-serif;float:left;color:#666;margin-bottom:20px;text-align:left;text-decoration:none}
h4 a:hover{width:100%;font:normal 16px Helvetica,Arial,sans-serif;float:left;color:#666;margin-bottom:20px;text-align:left;text-decoration:underline}
p{font-family:Arial, Helvetica, sans-serif;font-size:13px;float:left;text-align:center;color:#666}
p.slogan{ width:100%;font-family:Arial, Helvetica, sans-serif;font-size:11px;margin:3px 0 5px 0;color:#666666;text-transform:uppercase;text-align:center;letter-spacing:5px}
p.counter{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;margin:11px 0 0 -10px;position:absolute;z-index:5;width:412px;text-align:center}
p.form{width:auto}