/* 
Template name : Grider responsive template
Author		  : iWebStudio
Version		  : 1.0
*/


/***** Standard 960px *****/

	
/***** maincontent *****/

a:hover{
	text-decoration:underline;
}

#maincontent{
	width:60%;
	margin:0 auto;
}
#header  {
	padding:30px 0px 30px 0px;
}
.header-wrapper{
	width:45%;
	height:auto;
	margin:0 auto;
	background:#fd0000;
}
#header h3{
	float:left;
	border-left: 1px solid #e9e9e9;
	padding-left:20px;
	margin:5px 0px 0px 20px;
}
#header h10{
	float:left;
	border-left: 1px solid #e9e9e9;
	padding-left:20px;
	margin:5px 0px 0px 20px;
}

#header .logo {
	float:left;
    width: 114px;
	height:50px;
	float:left;
    background:url(../images/logo.png) no-repeat top left;
}

#tagline{
	border-top: 1px solid #e9e9e9;
	padding-top:30px;
	text-align:center;
}

#countdown{
	width:75%;
	margin:0 auto;
	height:auto;
	padding-top:20px;
}

/* --- Subscribe--- */
#subscribe-input{
	border: 1px solid #e9e9e9;
	float:left;
	width:417px;
}
#subscribe-input:focus{
	border: 1px solid #3A3A3A;
}
#subscribeSubmit{
	float:left;
	border:none;
	cursor:pointer;
	color:#fff;
	margin-left:10px;
	background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.5, #3A3A3A),
		color-stop(0.5, #444444)
	);	
	padding:10px 20px 10px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#subscribe-input{
	width:305px;
	}
}
@media only screen and (max-width: 767px) {
	#subscribe-input{
	width:134px;
	}
}
/* iPhone (portrait) ----------- */	
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#subscribe-input{
	width:252px;
	}
	#subscribeSubmit{
	margin-left:0px;
	margin-top:10px;
	}
}
/* Mobile Portrait Size to Mobile Landscape Size  ----------- */	
@media only screen and (max-width: 479px) {
	#subscribe-input{
	width:158px;
	}
	#subscribeSubmit{
	margin-left:0px;
	margin-top:10px;
	}
}

#footer{
	float:left;
	width:100%;
	margin-top:30px;
	padding-bottom:10px;
}
.copyright{
	padding:0 !important;
	margin:0 !important;
	color:#c8c8c8;
}
/* social networks */

ul.followme {
	float:right;
	display:inline;
	height:15px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0 !important;
	margin:0 !important;
}
.followme li{
	float:left;
	padding:0 !important;
	margin:0px 0px 0px 10px;
}

li.follow-image a {
	display:block; 
	height:15px; 
	position:relative;
}	
li.follow-image a .fb-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:8px; 
	height:15px; 
	background:url(../images/social/fb-gray-hover.png) no-repeat top left;	
}
li.follow-image a .twitter-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:19px; 
	height:15px;  
	background:url(../images/social/twitter-gray-hover.png) no-repeat top left;	
}
li.follow-image a .linkedin-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:19px; 
	height:15px; 
	background:url(../images/social/linkedin-gray-hover.png) no-repeat top left;	
}
li.follow-image a .google-plus-hover{
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	width:19px; 
	height:15px; 
	background:url(../images/social/google-plus-gray-hover.png) no-repeat top left;	
}

.divider{
	background:url(../images/divider.png)repeat-x top left;
	width:100%;
	height:1px;
	float:left;
	margin:30px 0px 30px 0px;
}
	
/* --- Spacing--- */
.left{
	float:left;
}
.right{
	float:right;
}
.center {
	margin-left:0;
	margin-right:0;
	text-align:center;
}
.alpha {
	margin-left:0;
}

.omega {
	margin-right:0;
}

/*margin top */

.spacer0 {
	margin-top:0;
}

.spacer-10 {
	margin-top:-10px;
}

.spacer5 {
	margin-top:5px;
}

.spacer10 {
	margin-top:10px;
}

.spacer15 {
	margin-top:15px;
}

.spacer20 {
	margin-top:20px;
}

.spacer25 {
	margin-top:25px;
}

.spacer30 {
	margin-top:30px;
}

.spacer35 {
	margin-top:35px;
}

.spacer40 {
	margin-top:40px;
}

/*margin bottom*/

.botspacer-10 {
	margin-bottom:-10px;
}

.botspacer-20 {
	margin-bottom:-20px;
}

.botspacer0 {
	margin-bottom:0px;
}
.botspacer5 {
	margin-bottom:5px;
}

.botspacer10 {
	margin-bottom:10px;
}

.botspacer-10 {
	margin-bottom:-10px;
}

.botspacer15 {
	margin-bottom:15px;
}

.botspacer20 {
	margin-bottom:20px;
}
.botspacer25 {
	margin-bottom:25px;
}
.botspacer30 {
	margin-bottom:30px;
}

/* padding */

.padding30 {
	padding-top:30px;
}

.botpadding20 {
	padding-bottom:20px;
}

/*margin left & right */

.marginleft20 {
	margin-left:20px;
}

.marginright20 {
	margin-right:20px;
}

.marginright5 {
	margin-left:5px;
}



/*margin vary*/

.mtopbottom20 {
	margin:20px 0 20px 0;
}

.mtopbottom30 {
	margin:30px 0 30px 0;
}

.marginlr5 {
	margin:0 5px 0 5px;
}

.marginlr10 {
	margin:0 10px 0 10px;
}