@charset "utf-8";
@import url('fonts/typeface.css');

/*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%;
background:url(../images/bg1.jpg);
background-size: 100%;
background-position: top center;
background-repeat:no-repeat;
}

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;}

.allserv  li{color: #f2f2f2; font-size: 19px; font-weight: bold; font-family: Arial; list-style-type: circle;}
.allserv ul{}


/*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:252px; height:auto; margin:auto;}
.headerDiv{width:412px; height:auto; margin:auto; padding-bottom:4px;}

/*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: #444444; text-transform:uppercase; letter-spacing:-1px;}


/*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:10px 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:#cccccc;}
.notifyProgress{width:293px; height:20px; text-align:center;}

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

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

.selectfield{width:250px; height:30px; background:#000; border:1px solid #111111; padding:5px 5px;margin:2px 10px 12px 0px; font-family: Arial, Helvetica, sans-serif; font-size:12px;  color:orange;}

.selectfield:focus{background: #000; outline:none; color:orange; border:1px solid #999999;}

.selectfield select {
   width: 250px;
   height: 30px;
   padding:5px;
   }




/*button send*/
.sendForm{width:80px; height:36px; background:url(../images/buttons.png) 0 -216px 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 -252px 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-family:Arial, Helvetica, sans-serif; font-size:13px; color: orange; 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-family:'Quicksand Book'; font-size:22px; float:left; color:#fff; margin-bottom:5px; text-align:center; text-transform:uppercase; }
h2{ width:100%; font-family:'Quicksand Book'; font-size:17px; float:left; color:#cccccc; margin-bottom:5px; text-align:center; text-transform:uppercase;}
p{font-family: OpenSans-Regular, sans-serif; font-size:14px; float:left; text-align:center; color: #f2f2f2; margin: 4px;}
p.slogan{ width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:8px; margin:3px 0 5px 0; color:#fff; text-transform:uppercase; text-align:center; letter-spacing:2px;}
p.form{width:auto;}
.itrotext {margin: 4px 10px 20px; font-size: 11px; font-family: OpenSans-Regular, sans-serif; line-height: 16px;}

/* SOCIAL */




.facebook_s, .twitter_s, .googleplus_s, .youtube_s, .linkedin_s, .flickr_s, .fav_s {
	display:block;
	width:30px;
	height:30px;
	position:relative;
	text-indent: -99999px;
	display: inline-block;
}

.facebook_s {
	background:url(../images/social_ico.png) 1px bottom no-repeat;
}
.twitter_s {
	background:url(../images/social_ico.png) -179px bottom no-repeat;
}
.youtube_s {
	background:url(../images/social_ico.png) -59px bottom no-repeat;
}
.fav_s {
	background:url(../images/social_ico.png) -210px bottom no-repeat;
}

.googleplus_s {
	background:url(../images/social_ico.png) -30px bottom no-repeat;
}

.linkedin_s {
	background:url(../images/social_ico.png) -120px bottom no-repeat;
}

.flickr_s {
	background:url(../images/social_ico.png) -90px bottom no-repeat;
}


.facebook_s:hover
{
	background-position: 1px top;
}

 .twitter_s:hover
{
	background-position: -179px top;
}

 .youtube_s:hover
{
	background-position: -59px top;
}

 .googleplus_s:hover
{
	background-position: -30px top;
}

 .linkedin_s:hover
{
	background-position: -120px top;
}

 .flickr_s:hover
{
	background-position: -90px top;
}

 .fav_s:hover {
	background-position: -210px top;
}



.menusocial {width: 300px; float: right;}


[placeholder]:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.3s ease; 
  opacity: 0;
}

.videoemb {width: 400px; margin: 8px auto; padding: 0px; border: 1px #000;}