@charset "utf-8";

/* CSS Document */



*{

	padding:0px;

	border:0px;

	margin:0px;

	-webkit-text-size-adjust:none; /*This assures that when the mobile is rotated, the font size doesn't increase */

	font-family:'Droid Sans', sans-serif;

}



body{

	background-image:url(../images/classy_fabric.png);

	background-repeat:repeat;

}

.mobile

{

max-width:640px;

   margin: 0 auto;

}

.clear{

	clear:both;

}





#hidepage{

	z-index:999999;

	position: absolute; 

	left:0px; 

	top:0px; 

	padding-top:150px;

	background-color:#000; 

	layer-background-color:#000;

	height:700px; 

	width:100%;

}



#hidepage img{

	padding-top:20px;

}



@media screen and (min-width: 400px){

	.logo{

		text-align:center;

		padding-top:20px!important;

	}

	.home-navigation{

		padding-top:30px!important;

		width:295px;

		margin:auto;

	}

	.home-copyright{

		text-shadow: 0px 5px 7px #000000;

		font-size:12px;

		color:#e3e3e3;

		padding-top:30px!important;

		text-align:center;

	}



}



.about{display:none; padding-left:10px; padding-right:10px;}

.blog{padding-left:10px; padding-right:10px; display:none;}

.portfolio{padding-left:10px; padding-right:10px; display:none;}

.contact{padding-left:10px; padding-right:10px; display:none;}



/*Home Page*/





.logo{

	text-align:center;

	padding-top:40px;

}





.home-navigation{

	padding-left:10px;



	width:295px;

	margin:auto;

}



.icon-name{

	font-size:12px;

	display:block;

	text-align:center;

	font-style:normal;

}



.nav-item{

	float:left;

	padding-right:10px;

	text-decoration:none;

}



.home-copyright{

	text-shadow: 0px 5px 7px #000000;

	font-size:12px;

	color:#e3e3e3;

	padding-top:40px;

	text-align:center;

	padding-bottom:60px; /* This keeps the preview nice and sweet. You can remove it if necessary */

}



/*Common Elements*/



.deco-open{

	background-image:url(../images/deco-open.png);

	background-repeat:repeat-x;

	display:block;

	height:4px;

	margin-bottom:20px;

}



.deco-close{

	background-image:url(../images/deco-close.png);

	background-repeat:repeat-x;

	display:block;

	height:4px;

	margin-bottom:20px;

}



.section-navigation{

	width:290px;

	margin:auto;

}



.section-header{

	padding-top:20px;

	padding-bottom:20px;

	display:block;

}



.section-navigation{

	margin-top:20px;

	display:none;

}



.section-navigation a{

	margin-bottom:20px;

}



.section-logo{

	float:left;

}



.navigation-deploy-icon{

	padding-top:6px;

	float:right;

}



.deco-nav{

	margin-top:20px;

	margin-bottom:20px;

}



/*Blog Post*/



.blog-post{

	display:block;

	padding-bottom:0px;

}



.blog-image{

	width:100px;

	height:100px;

	margin-right:10px;

	background-color:#FFFFFF;

	float:left;

}



.blog-title{

	margin-bottom:0px;

	padding-bottom:0px;

}



.blog-text{

	display:inline;

	color:#ffffff!important;

}



/*Blog Lists */



.blog-post-details{

	display:block;

	list-style:none;

	padding-top:10px;

}



.blog-user{

	float:left;

	font-family:'Open Sans', sans-serif;

	font-size:10px;

	background-image:url(../images/blog-lists/user.png);

	background-position:0px -1px;

	background-repeat:no-repeat;

	padding-left:20px;

	padding-right:10px;

}



.blog-user a{

	color:#7e7e7e!important;

}



.blog-time a{

	color:#7e7e7e!important;

}



.blog-tags a{

	color:#7e7e7e!important;

}





.blog-time{

	float:left;

	font-family:'Open Sans', sans-serif;

	font-size:10px;

	background-image:url(../images/blog-lists/clock.png);

	background-position:0px 1px;

	background-repeat:no-repeat;

	padding-left:20px;

	padding-right:10px;

}



.blog-tags{

	float:left;

	font-family:'Open Sans', sans-serif;

	font-size:10px;

	background-image:url(../images/blog-lists/tags.png);

	background-position:0px 1px;

	background-repeat:no-repeat;

	padding-left:20px;

	padding-right:10px;

}



.blog-more{

	float:left;

	font-family:'Open Sans', sans-serif;

	font-size:10px;

	background-image:url(../images/blog-lists/more.png);

	background-position:0px 1px;

	background-repeat:no-repeat;

	padding-left:20px;

}





/*Contact Form*/



.contactForm{

	margin-bottom:20px;

}



#successMessage{

	color:#FFFFFF!important;

	margin-bottom:-160px;

}





#nameError{

	position:absolute;

	font-size:12px;

	color:#e34e47;

	margin-top:-68px;

	right:10px;

}



#emailError{

	position:absolute;

	font-size:12px;

	color:#e34e47;

	margin-top:-68px;

	right:10px;

}



#emailError2{

	position:absolute;

	font-size:12px;

	color:#e34e47;

	margin-top:-68px;

	right:10px;

}



#messageError{

	position:absolute;

	font-size:12px;

	color:#e34e47;

	margin-top:-102px;

	right:10px;

}



.contactButton{

	margin-top:15px;

	padding: 10px 10px!important; 

	display:block;

	width:100%;

}



.contactBut{

	padding:8px 10px!important;	

}

	

label#name_label{

	display:block;

	margin-top:-10px!important;

	font-family: 'PT Sans', sans-serif;

	font-weight:bold;

	font-size:14px;

	color:#FFFFFF;

	line-height:40px;

	padding-left:3px;

}

	

label#email_label{

	display:block;

	font-family: 'PT Sans', sans-serif;

	font-weight:bold;

	font-size:14px;

	color:#FFFFFF;

	line-height:40px;

	padding-left:3px;

}

	

label#message_label{

	display:block;

	font-family: 'PT Sans', sans-serif;

	font-weight:bold;

	font-size:14px;

	color:#FFFFFF;

	line-height:40px;

	padding-left:3px;

}



#contactName{

	width:93%;

	height:30px;

	padding-left:10px;

	padding-right:10px;

	margin-bottom:10px;

	text-transform:capitalize;

	border-style:solid;

	border-width:2px;

	border-color:#cacaca;

	

	background-color:rgba(0,0,0,0.4);

	display:block;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border:solid 1px rgba(255,255,255,0.2);

	color:#FFFFFF;

}



#contactName:focus{

	border-color:#e34e47;

}



#successMessage{

	margin-top:-10px!important;

	padding-bottom:181px;

}

	

#contactEmail{

	width:93%;

	height:30px;

	padding-left:10px;

	padding-right:10px;

	margin-bottom:10px;

	text-transform:lowercase;

	border-style:solid;

	border-width:2px;

	border-color:#cacaca;

	

	

	background-color:rgba(0,0,0,0.4);

	display:block;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border:solid 1px rgba(255,255,255,0.2);

	color:#FFFFFF;

}



#contactEmail:focus{

	border-color:#e34e47;

}

	

#contactMessage{

	padding:10px;	

	width:93%;

	height:50px;

	border-style:solid;

	border-width:2px;

	border-color:#cacaca;

	

	

	background-color:rgba(0,0,0,0.4);

	display:block;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border:solid 1px rgba(255,255,255,0.2);

	color:#FFFFFF;

	

	margin-bottom:20px;

}



#contactMessage:focus{

	border-color:#e34e47;

}



#contact em{

	font-size:11px;

	font-style:normal;

	margin-top:20px;

	text-align:center;

	display:block;

}



#contact em strong{

	color:#F00!important;

}



.searchButton{

	margin-top:15px;



	display:block;

	width:auto;

	text-align:center;

}

#searchButton

{

		margin-top:45px;

		font-size:16px;

}

#contact input[type="text"]

{



   text-align: center;

   width:98%;



}


#searchButton{

	width:93%;

	height:30px;

	padding-left:10px;

	padding-right:10px;

	margin-bottom:10px;

	text-transform:capitalize;

	border-style:solid;

	border-width:2px;

	border-color:#cacaca;

	

	padding:10px;

	

	background-color:rgba(0,0,0,0.4);

	display:block;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	border:solid 1px rgba(255,255,255,0.2);

	color:#FFFFFF;

}



#searchButton:focus{

	border-color:#e34e47;

}

#searchButtonnameError{

	position:absolute;

	font-size:12px;

	color:#e34e47;

	margin-top:-88px;

	right:10px;

}



.loading-bar {

	padding: 10px 20px;

	display: block;

	text-align: center;

	box-shadow: inset 0px -45px 30px -40px rgba(0, 0, 0, 0.05);

	border-radius: 5px;

	margin: 20px 0;

	font-size: 2em;

	font-family: "museo-sans", sans-serif;

	border: 1px solid #ddd;

	margin-right: 1px;

	font-weight: bold;

	cursor: pointer;

	position: relative;

	background:#e3e3e3;

}



.loading-bar:hover {

	box-shadow: inset 0px 45px 30px -40px rgba(0, 0, 0, 0.05);

}


/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */   #contact input[type="text"] { width:91%; }
}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */    #contact input[type="text"] { width:91%; }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */    #contact input[type="text"] { width:91%; }
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */   #contact input[type="text"] { width:91%; }
}


/* #### Desktops #### */
@media screen and (min-width: 480px){
  /* some CSS here */    #contact input[type="text"] { width:91%; }
}

@media only screen and (max-device-width: 480px) { 

	input[type="text"]{
		width:91%;
		}

}