body {
	background:#19718c url(../11197.jpg) top center no-repeat;
	color: #666;
	font-size: 11px;
}
.error {
	background:#19718c;
}
.error_box {
	width:210px;
	margin:50px auto;
	text-align: center;
}
.error_box h3 {
	color: #FFF;
	font: 24px/3.5 'Abel', FreeSans, sans-serif;
}
/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}


/* Main container background
----------------------------------------------- */

.main_container{background: url("../img/main_container_bg_blue.png") no-repeat scroll center top transparent;}

/* Copyright background
----------------------------------------------- */

#copyright{ padding:80px;
text-align:center;
color:#fff;}

/*
ENGINES - Layout CSS
----------------------------------------------- */

.engine_1 {}

.engine_2 {}

.engine_3 {}

.engine_4 {}

.engine_5 {}

.engine_6 {
background: url("../img/copyright_bg.png") no-repeat 0px 363px;
width: 960px;
margin: 0 auto;
bottom: 0;
}

/*
ENGINES CONTAINERS - Layout CSS
----------------------------------------------- */

.engine_2 .container{background: url("../img/main_content_bg.png") repeat-y scroll center center transparent;
}
.engine_2 .top_engine2{background: url("../img/top_main_content_bg.png") no-repeat scroll center top transparent;
    padding-top: 80px;


}

.engine_2 .bottom_engine2{background: url("../img/bottom_main_content_bg.png") no-repeat scroll center bottom transparent;
    height: 80px;
    margin-top: -80px;
}

.engine_2 .container .engine_block{ margin-top:-80px;}

ul.check {
margin: 0;
padding: 0;
}

ul.check > li {
	padding: 10px 0 0 36px;
	background: url("../img/icon_check.png") 0px 6px no-repeat;
	font-size: 17px;
	margin-left: 0px;
	list-style: none;
}

/*------------------------------------------------------------------------*/             
/*----------------------------- MAIN CONTENT -----------------------------*/	
/*------------------------------------------------------------------------*/  

/*----------------------------- LEFT CONTENT -----------------------------*/	


.content_left{float:left;
width:50%;
padding: 40px 20px;
}

.content_left h1
{   font-family: 'Abel', sans-serif;
	font-size: 22px;
	color:#006699;
	padding-bottom:7px;
	padding-top: 10px;
}


.content_left h3
{	font-size: 24px;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:normal !important;
}

.content_left h5
{	font-size: 18px;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:normal !important;
}

/*----------------------------- RIGHT CONTENT -----------------------------*/


.content_right{
float:left;
width:41%;
padding: 40px 20px;}

.content_right h1
{   font-family: 'Abel', sans-serif;
	font-size: 22px;
	color:#006699;
	padding-bottom:7px;
}

.content_right h3
{	font-size: 22px;
font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:normal !important;
}



/*------------------------------------------------------------------------*/            
/*----------------------------- END MAIN CONTENT -------------------------*/
/*------------------------------------------------------------------------*/  



/*------------------------------------------------------------------------*/            
/*----------------------------- COUNTDOWN --------------------------------*/
/*------------------------------------------------------------------------*/ 

.countdown{ padding-bottom:30px;
padding-top:20px;}

.countdown h5{ padding-bottom:15px;
}

#countdown_dashboard {
	height: 110px;

}

.dash {
    background: none repeat scroll 0 0 #F2F2F2;
    float: left;
    margin: 8px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
	
	
		background-color: #f2f2f2;
	

  
  /* Webkit background gradient */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #eaeaea));
  /* Mozilla background gradient */
  background: -moz-linear-gradient(#eaeaea 0%, #fff 100%);
  
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
	
	
	
	  -moz-box-shadow: 0px 0px 5px #999; /* Firefox */
  -webkit-box-shadow: 0px 0px 5px #999; /* Safari, Chrome */
  box-shadow: 0px 0px 5px #999; /* CSS3 */
}


.digit_title{
text-align:center;}

.dash .digit {
	font-size: 45pt;
	font-weight: bold;
	float: left;
	text-align: center;
    font-family: 'Abel', sans-serif;
	color: #666;
	position: relative;
	color:#006699;
}

.dash_title {
	display: block;
	text-align:center;
	font-size: 11pt;
	color: #666;
	font-family:"Times New Roman", Times, serif;
	text-transform: uppercase;
}


/*------------------------------------------------------------------------*/            
/*----------------------------- END COUNTDOWN ----------------------------*/
/*------------------------------------------------------------------------*/ 



.dev_comment {
	font-size: 14pt;
	color: #777;
	text-align: center;
	font-style: italic;
	margin: 40px 10px;
}

/*------------------------------------------------------------------------*/            
/*----------------------------- SUBSCRIBE ----------------------------*/
/*------------------------------------------------------------------------*/ 

.email {
	width: 450px;
}

.subscribe{ padding-top:10px;
padding-bottom:10px;}

#subscribe_form {
	position: relative;
} 

#email_field {
	font-size: 12pt;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	color:#666;
	border:none;
	height: 34px;
  	background-color: #f2f2f2;
	width:290px;
	padding-left:10px;
	float:left;
  
  /* Webkit background gradient */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #eaeaea));
  /* Mozilla background gradient */
  background: -moz-linear-gradient(#eaeaea 0%, #fff 100%);
  
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
}



#subscribe_button {
	font-size: 12pt;
	color: #fff;
	background:#006699;
	padding: 7px 7px;
	border:none;
	font-family: 'Abel', sans-serif;
	margin-left:-10px;
	-webkit-appearance: none;
}

#subscribe_button:hover {
	background:#3399cc;

}


/*------------------------------------------------------------------------*/            
/*----------------------------- PROGRESS BAR --------------------------------*/
/*------------------------------------------------------------------------*/ 


.progress{ padding-bottom:30px;
padding-top:20px;}

.progress h5{ padding-bottom:15px;
}


/* Webkit animation keyframes */
@-webkit-keyframes animate-stripes {
  from {
    background-position: 0 0;
  }
  
  to {
   background-position: 44px 0;
  }
}

/* Bar which is placed behind the progress */
.ui-progress-bar {
  /* Usual setup stuff */
  position: relative;
  height: 35px;
  
  /* Pad right so we don't cover the borders when fully progressed */
  padding-right: 2px;
  
  /* For browser that don't support gradients, we'll set a blanket background colour */
  background-color: #f2f2f2;
  
  /* Webkit background gradient */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #eaeaea));
  /* Mozilla background gradient */
  background: -moz-linear-gradient(#eaeaea 0%, #fff 100%);
  
  /* Give it the inset look by adding some shadows and highlights */
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
}

/* Progress part of the progress bar */
.ui-progress {

  position: relative;
  display: block;
  overflow: hidden;
  height: 33px;
  -webkit-background-size: 44px 44px; /* Webkit */
  background-color: #66ccff;
  background: -webkit-gradient(linear, 0 0, 44 44,
    color-stop(0.00, rgba(255,255,255,0.17)),
    color-stop(0.25, rgba(255,255,255,0.17)),
    color-stop(0.26, rgba(255,255,255,0)),
    color-stop(0.50, rgba(255,255,255,0)),
    color-stop(0.51, rgba(255,255,255,0.17)),
    color-stop(0.75, rgba(255,255,255,0.17)),
    color-stop(0.76, rgba(255,255,255,0)),
    color-stop(1.00, rgba(255,255,255,0))
  ), -webkit-gradient(linear, left bottom, left top, color-stop(0, #006699), color-stop(1, #66ccff));
  
  background: -moz-repeating-linear-gradient(top left -30deg, 
    rgba(255,255,255,0.17), 
    rgba(255,255,255,0.17) 15px, 
    rgba(255,255,255,0) 15px, 
    rgba(255,255,255,0) 30px
  ), -moz-linear-gradient(#006699 0%, #66ccff 100%);
  
 
  -webkit-box-shadow: inset 0px 1px 0px 0px #006699, inset 0px -1px 1px #006699;
  
  -moz-box-shadow: inset 0px 1px 0px 0px #006699, inset 0px -1px 1px #006699;
  
  box-shadow: inset 0px 1px 0px 0px #006699, inset 0px -1px 1px #006699;
  
  
  border: 1px solid #006699;
  
  
  -webkit-animation: animate-stripes 2s linear infinite;
  
}

/* Progress indicator text */
.ui-progress span.ui-label {
  font-size: 1.6em;
  position: absolute;
  font-family: 'Abel', sans-serif;
  right: 0;
  line-height: 33px;
  padding-right: 12px;
  color: #006699;
  
}






/*------------------------------------------------------------------------*/            
/*----------------------------- END PROGRESS BAR --------------------------------*/
/*------------------------------------------------------------------------*/

.faded {
	color: #999;
}

.form_message {
	width: 400px;
	padding: 10px;
	margin: 15px auto;
	display: none;
}

#error_message {
	background-color: #66ccff;
	border-left: 5px solid #006699;
	color: #006699;
}

#info_message {
	background-color: #f0f9ff;
	border: 1px solid #eef;
}

#loading {
	text-align: center;
	margin: 10px;
	display: none;
	position: absolute;
	width: 100%;
	top: 60px;
}

/* END ELEMENTS */



/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* LOGO
----------------------------------------------- */
#logo {
	font-weight:normal;
	text-align:center;
	padding:6px;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
	font-weight:normal;
	padding:.5em;
	margin:0 0 10px 0;
	border-bottom:1px solid #ccc;
}

/* SOCIAL
----------------------------------------------- */

.social{ float:left;
width:60%;
padding-right:20px;}
.social_icons{ float:left;
width:70%;
margin-left: -12px;}


/* CONTACT
----------------------------------------------- */
.contact_right{ }

#contact-form{ float:left;
margin-left:12px;}


/* Overlay */
#contact-overlay {background-color:#000; cursor:wait;}

/* Container */
#contact-container {font: 16px/22px 'Trebuchet MS', Verdana, Arial; text-align:left; width:450px;}

#contact-container .contact-content {background-color:#E5E5E5; color:#666; height:40px;}

#contact-container h1 {color:#006699; font-size:20px; line-height:20px; margin:0; margin-bottom:10px; padding:0 0 6px 12px; text-align:left;}

#contact-container .contact-loading {background:url(../img/contact/loading.gif) no-repeat; height:55px; margin:-14px 0 0 190px; padding:0; position:absolute; width:54px; z-index:8000;}

#contact-container .contact-message {text-align:center;}

#contact-container .contact-error {background:#000; border:2px solid #ccc; font-size:14px; font-weight:bold; line-height:18px; margin:0 auto; padding:2px; width:92%;}

#contact-container br {clear:both;}

#contact-container form {margin:0; padding:0;}

#contact-container label {clear:left; display:block; float:left; font-family: 'Abel', sans-serif; padding-right:4px; text-align:right; width:100px;}

#contact-container .contact-input { font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:4px; margin:4px; width:300px;
border:none;
  background-color: #f2f2f2;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(1, #eaeaea));
  background: -moz-linear-gradient(#eaeaea 0%, #fff 100%);
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.5), 0px 1px 0px 0px #FFF;
  color:#666;
}

#contact-container textarea {height:114px;}

#contact-container .contact-cc {cursor:default; font-size:14px; vertical-align:top;}

#contact-container .contact-top {background-color:#E5E5E5; height:13px; margin:0; padding:0;}

#contact-container .contact-bottom {background-color:#333; font-size:12px; height:13px; line-height:12px; text-align:center;}

#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}

#contact-container .contact-bottom a:hover {color:#888;}

#contact-container .contact-button {background:#006699; border:0; color:#fff; cursor:pointer; font-size:16px; font-weight:bold; height:26px; margin:4px 0 0 4px; text-align:center; vertical-align:middle;}

#contact-container .contact-button:hover {background:#3399cc;}

#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}

#contact-container a.modal-close:hover {color:#ccc;}

/* END CONTACT
----------------------------------------------- */