@charset "UTF-8";



/* ----------------- Reset all styles ----------------- */
*{
	margin:0;
	padding:0;
	border:0;
}

/* ----------------- Website background and general text colour ----------------- */
body{
	background-image:;
	background-color:#000;
	color:#000;
}


/* ----------------- Wrapper - keeps all content in the center of page -----------------  */

#wrapper{
	margin:auto;
	width:80%;
	height:100%;
}


/* The rest is pretty self explanatory - it appears in the order that it occurs on the HTML document */
#top{
	
	border-radius:;
	width:100%;
	height:250px;


	margin-bottom:0%;
	background-color:#FFF;
	background-image: url(../images/top.jpg);
	 
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
}
#top2{
	
	border-radius15px;
	width:100%;
	height:40px;
	
	margin-top:1%;
	
	margin-bottom:1%;
	background-color:#D5D5D5;
	background-image: url(../images/top2.jpg);
	 
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;
	
}

#logo{
	margin-top:5%;
	margin-left:4%;
	text-decoration: none;
	font-size:0,5em
}

#logoimage{
	width:27px;
	padding-right:10px;
	float:left;
}

#logotitle{
	float:left;
	font-family: Lato;
	color:#FFF;
	font-weight: lighter  ;
	font-size:180%;
	text-shadow: 2px 2px 2px #000;
	
}

#logotitle a{
	color:#2d2d2d;
	text-decoration:none;
}

#nav{
	float:right;
	margin-top:0%;
	width:100%;
	display:block;
	height:40px;
}

#nav ul li{
	display:block;
	width:33%;
	float: left;
	text-align:center;	
}

#nav ul li a{
	font-family: Asap,;
	width:90%;
	text-decoration: blink;
	text-transform: none;
	font-weight:400;
	line-height:250%;
	display:block;
	color: #fff;
}

#nav ul li a:hover{
	color:#6C6C6C;
	font-family: Asap;
	font-weight: bold;
}

#nav ul li p{
	font-family:Asap, Helvetica, Arial, sans-serif;
	width:90%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	line-height:250%;
	display:block;
	color:#f38094;
}

hr{
	height:1px;
	width:100%;
	background-color:#2d2d2d;
	margin:3% 0;
}

header{
	width:100%;
	margin:5% 0 5% 0;
}

header h1{
	font-family: Arial, Helvetica, sans-serif ;
	text-align:center;
	font-size:140%;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:1%;
}
header h4{
	font-family: Arial, Helvetica, sans-serif ;
	text-align:center;
	font-size:50%;
	font-weight:normal;
	letter-spacing:5px;
	margin-bottom:1%;
}

header h1 span{
	color:#f38094;
	text-shadow: 0 1px 1px #dadada;
}

header h2{
	font-family: Asap, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:50%;
	font-weight:normal;
}

#button{
	float:right;

	margin-top:0%; margin-bottom:2%;
	width:100%;
	display: inline-block;
	height:30px;
}

#button ul li{
	display: inline-block;
	width:33%;
	float: left;
	text-align:center;	
}

#button ul li a{
	font-family: Asap,;
	width:90%;
	text-decoration: blink;
	text-transform: none;
	font-weight:400;
	line-height:250%;
	display: inline-block;
	color: #575757;
	font-size:15px;
}

#button ul li a:hover{
	color:#D5D5D5;
	font-family: Asap;
	font-weight: bold;
	font-size:15px;
	
}

#buttonul li p{
	font-family:Asap, Helvetica, Arial, sans-serif;
	width:90%;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:400;
	line-height:250%;
	display:inline-block;
	color:#f38094;
}

#content{
	border-radius:15px;
	width:100%;
	height:auto;
	background-color:#000; padding:0%;
	float:left;
	
}
#content2{
	border-radius:15px;
	width:100%;
	height:500px;
	background-color:#D5D5D5; padding:0%;
float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
	}
#col{
	border-radius:15px;
	width:69%;
	padding-left:3%;
	 padding-right:3%;
	padding-top:2%;
	height:1112px;
	background-color:#D5D5D5;
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}
#col2{
	border-radius:15px;
	width:220px;
	margin-right:3%;
	padding-left:0%;
	height:558px;
	background-color:;
	
	float:left;
	
}
#col3{
	border-radius:;
	text-align: center ;
	width:59%;

	padding-top:1%;
	height:540px;
	background-color:#D5D5D5;
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

#col4{
	border-radius:;
	width:30%;
	margin-left:1%;
	padding-top:6%;
	padding-left:5%; padding-right:5%;
	height:491px;
	background-color:#D5D5D5;
	float:left;
	font-family: Asap;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}
#col5{
	border-radius:15px;
	text-align: center ;
	width:100%;

	padding-top:2%;
	height:540px;
	background-color:#D5D5D5;
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

#workbody{
	width:70%;  
	margin-top:2%;
	margin-left:15%;
}

#workbody img{
	width:59%;

	margin-top:5%;
	margin-left:20%;
	margin-right:20%;
	border-radius:;
	border: 3px solid #D5D5D5;
}

#workbody h5{
	border-radius:0 0 15px 15px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal; text-align:center;
	color:#D5D5D5;
	margin:2% 0 3% 0;
}

#mini{
	width:100%;
	
	padding-left:-3%; padding-top:6%;
}

#mini img{

	width:50%;
	border-radius:;

    box-shadow: 0 2px 5px #000;  
	
}

#mini h5{
	border-radius:0 0 15px 15px;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
	color:#2d2d2d;
	margin:20px 0 6% 5px;
}
#cont{padding-left:19%; padding-top:5%; text-align:center;}
#cont2{text-align: center; height:480px; padding-left:23%; padding-bottom:10px; padding-top:3%;}

/*==================================================*/
.contact_form ul {
    width:360px;
    list-style-type:none;
	list-style-position:outside;
	text-align:left;
}
.contact_form li{
	padding-top:20px; padding-bottom:15px; 
	border-bottom: 0px solid #eee;
	position:relative;
} 
.contact_form li:first-child, .contact_form li:last-child {
	border-bottom: 0px solid #777;
}

/* === Form Header === */
.contact_form h2 {
	margin:0;
	display: inline;
}
.required_notification {
	color:#d45252; 
	margin:5px 0 0 0; 
	display:inline;
	float:center;
}

/* === Form Elements === */
.contact_form label {
	width:300px;
	margin-top: 3px;
	display:inline-block;
	float:centre;
	padding:3px;
}
.contact_form input {
	height:25px; 
	width:300px; 
	padding:5px 8px;
}
.contact_form textarea {padding:8px; width:300px;}
.contact_form button {margin-left:190px;}

	/* form element visual styles */
	.contact_form input, .contact_form textarea { 
		border:1px solid #aaa;
		box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
		border-radius:2px;
		padding-right:30px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.contact_form input:focus, .contact_form textarea:focus {
		background: #fff; 
		border:1px solid #555; 
		box-shadow: 0 0 3px #aaa; 
		padding-right:70px;
	}

/* === HTML5 validation styles === */	
.contact_form input:required, .contact_form textarea:required {
	background: #fff url(images/red_asterisk.png) no-repeat 98% center;
}
.contact_form input:required:valid, .contact_form textarea:required:valid {
	background: #fff url(images/valid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	background: #fff url(images/invalid.png) no-repeat 98% center;
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Form hints === */
.form_hint {
	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
.form_hint::before {
	content: "\25C0";
	color:#d45252;
	position: absolute;
	top:1px;
	left:-6px;
}
.contact_form input:focus + .form_hint {display: inline;}
.contact_form input:required:valid + .form_hint {background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
	
/* === Button Style === */
button.submit {
	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
button.submit:hover {
	opacity:.85;
	cursor: pointer; 
}
button.submit:active {
	border: 1px solid #20911e;
	box-shadow: 0 0 10px 5px #356b0b inset; 
	-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
	-moz-box-shadow: 0 0 10px 5px #356b0b inset;
	-ms-box-shadow: 0 0 10px 5px #356b0b inset;
	-o-box-shadow: 0 0 10px 5px #356b0b inset;
	
}
button.submit1 {	background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
button.submit11 {background-color: #68b12f;
	background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e));
	background: -webkit-linear-gradient(top, #68b12f, #50911e);
	background: -moz-linear-gradient(top, #68b12f, #50911e);
	background: -ms-linear-gradient(top, #68b12f, #50911e);
	background: -o-linear-gradient(top, #68b12f, #50911e);
	background: linear-gradient(top, #68b12f, #50911e);
	border: 1px solid #509111;
	border-bottom: 1px solid #5b992b;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	box-shadow: inset 0 1px 0 0 #9fd574;
	-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
	-moz-box-shadow: 0 1px 0 0 #9fd574 inset;
	-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
	-o-box-shadow: 0 1px 0 0 #9fd574 inset;
	color: white;
	font-weight: bold;
	padding: 6px 20px;
	text-align: center;
	text-shadow: 0 -1px 0 #396715;
}
.form_hint1 {	background: #d45252;
	border-radius: 3px 3px 3px 3px;
	color: white;
	margin-left:8px;
	padding: 1px 6px;
	z-index: 999; /* hints stay above all other elements */
	position: absolute; /* allows proper formatting if hint is two lines */
	display: none;
}
#textarea1{border-radius:0px;
	width:230px;
	margin-top:5%;
	padding-top:18%;
	padding-left:10%; padding-right:10%;
	height:380px;
	background-color:#FFF;
	float:left;
	font-family: Asap;
	font-size:16px;
 box-shadow: 0 2px 5px #000; }
	#textarea2{border-radius:0px;
	width:80%;
	margin-top:5%;
	padding-top:1%;
	margin-left:10%; margin-right:10%;
	height:470px;
	background-color:none;
	
 }

#slideshow{
	width:100%;
	margin-top:2%;
}
#social{ display: inline-block; with:100%; height:40px; margin-top:161%; text-align: center; }


/* - - - - - - - - - - - - - - -  Slider START  - - - - - - - - - - - - - - - */

.html_carousel {
}
.html_carousel div.slide {
	position: relative;
}	

.html_carousel div.slide img {
	width: 100%;
	height: auto;
	-webkit-box-shadow: 0 1px 1px #c1c1c1;
    -moz-box-shadow: 0 1px 1px #c1c1c1;
    box-shadow: 0 1px 1px #c1c1c1;
	border-radius:15px;
}

.clearfix {
	float: none;
	clear: both;
}

/* - - - - - - - - - - - - - - -  Slider END  - - - - - - - - - - - - - - - */

.left{
	margin-top:4%;
	width:48%;
	float:left;
	margin-bottom:2%;
}

.left h3{
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight:normal;
	text-align:center;
	color:#f38094;
	margin-bottom:5%;
	text-shadow: 0 1px 1px #dadada;
}

.left p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:140%;
}

.left p a{
	color:#f38094;
	text-decoration:none;
}
	
.right{
	margin-top:4%;
	width:48%;
	float:right;
	margin-bottom:2%;
}

.right h3{
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight:normal;
	text-align:center;
	color:#f38094;
	margin-bottom:5%;
	text-shadow: 0 1px 1px #dadada;
}

.right p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:140%;
}

.right p a{
	color:#f38094;
	text-decoration:none;
}


/* ----------------------- WORK LINKS START ------------------------- */
#work{
	width:1000px;
	margin:0% auto 5% auto;
	height:57%;
}

.item{
	border-radius:15px;
	width:180px;
	height:220px;
	background-color:#D5D5D5;
	margin:10px;
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
	overflow:hidden;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	-ms-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}


.item:hover{
	-webkit-box-shadow: 0 0 10px #A9A9A9, 0 0 10px #A9A9A9;
    -moz-box-shadow: 0 0 10px #A9A9A9,  0 0 10px #A9A9A9;
    box-shadow: 0 0 10px #A9A9A9,  0 0 10px #A9A9A9; 
}
	

.item img{
	display:block;
	width:100%;
	-webkit-box-shadow: 0 2px 1px #c3c3c3;
    -moz-box-shadow: 0 2px 1px #c3c3c3;
    box-shadow: 0 2px 1px #c3c3c3;
	border-radius:15px 15px 0 0;
	opacity:0.95;
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
	
}

.item img:hover{
	opacity:1;
}


.item h3{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:90%;
	text-align:center;
	font-weight:normal;
	padding:5px 0 0 8px;
	color:#2d2d2d;
	text-decoration:none;
}

.item h3 a{
		text-align:center;
	text-decoration:none;
	color:#2d2d2d;
}

.item p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:normal;
	padding:0 0 0 8px;
	color: #424242;
	text-decoration:none;
}
.item1{
	border-radius:15px;
	width:100%;
	height:340px;
	background-color:#D5D5D5;
	margin-bottom:10px;
	
	float:left;
	
}



	

.item1 img{
	display:block;
	width:100%;
	
}

.item1 img:hover{
	opacity:1;
}


.item1 h3{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:105%;
	text-align:center;
	font-weight:normal;
	padding:5px 0 0 8px;
	color:#2d2d2d;
	text-decoration:none;
}

.item1 h3 a{
	text-decoration:none;
	color:#2d2d2d;
}

.item1 p{
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:normal;
	padding:0 0 0 8px;
	color: #424242;
	text-decoration:none;
}
/* ----------------------- WORK LINKS END ------------------------- */


#bottom h3{
	margin:4% 0 3% 0;
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:190%;
	font-weight:normal;
	text-align:center;
	color:#f38094;
	text-shadow: 0 1px 1px #c1c1c1;
}
#galleryblock{
	display: inline;
	margin-left:10%;
	
	width:80%;
	height:50px;
	
}
#footer{
	border-radius:;
	width:100%;
	height:28px;
	padding-top:10px;
	margin-left:0%;
	margin-top:5px;
	margin-bottom:1%;
	background-color:#818181;
	background-image:;
	text-align:center;
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #000;  
}

.icon{
	float:right;
	width:32px;
	margin:95px 0 2px 4%;
	opacity:0.85;
}

.icon:hover{
	opacity:1;
}

.social{
	color:#f38094;
}
#footer2{
	border-radius:15px;
	width:100%;
	height:28px;
	padding-top:10px;
	margin-left:0%;
	margin-top:2%;
	margin-bottom:1%;
	background-color:#000;
	text-align:center; 
	float:left;
	-webkit-box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    box-shadow: 0 1px 3px #00
}

#footer2 h7{text-align:center;
	color:#181818;}
/* ----------------------------- FORM ----------------------------------- */

.left h4{
	font-family:Cookie, Arial, Helvetica, sans-serif;
	font-size:180%;
	font-weight:normal;
	color:#f38094;
	margin-bottom:10px;
}

#formwrap{
	width:100%;
}

.formstyle { 
	border: 1px solid #ccc;
	color: #000;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:14px;
	width: 95%;
	background-color:rgba(255,255,255,1);
	background-image:url(../images/backgroundtexture.png);
	margin-bottom:10px;
	opacity:0.9;
	padding:3px;
	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
   border-radius:2px;
}

.formstyletwo { 
	color: #FFF;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:15px;
	text-align:left;
	width:20%;
	background-color:#2d2d2d;
	border:0px;
	
}

.formstyletwo:hover { 
	color:#f38094;
	cursor:pointer;

}

textarea{ 
	border: 1px solid #ccc;
	color: #000;
	font-family:Lato, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:95%;
	height:80px;
	background-color:rgba(255,255,255,1);
	background-image:url(../images/backgroundtexture.png);
	margin-bottom:10px;
	border-radius:2px;
	padding:3px;
	opacity:0.9;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


input:focus, input.focused, textarea:focus, textarea.focused {  color: #3e3e3e; opacity:1;}

#error{
	color:#FF7471;
	float:left;
	font-family:Regular, Arial, Helvetica, sans-serif, "Helvetica Neue Light";
	font-size:15px;
}

#error ul{
	list-style-type: none;
	padding-top:5px;
}

/* -- Make the highlight colours pretty -- */
::selection      { background:#FFF; color:#000;}
::-moz-selection  { background:#FFF; color:#000;}



       /*-------------------------------------------------- mobile 1000--------------------------------------------------------------------------------*/
 
@media screen and (max-width: 1000px){
#wrapper{margin:0;width:900px;height:100%;}
#content{width:900px;height:auto;}
#work{width:900px;height:auto;}
.item1{width:261px;height:259x; margin-top:-2%; margin:7px;}
.item h3{font-size:80%;}
.item p{font-size:60%;}
.item{width:165px;height:201px;margin:7px;}
#workbody{width:900px;margin-top:2%;display:inline-block;}
#workbody img{width:65%;position:relative;margin-left:17%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -2%;}
#footer2{width:900px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center;color:#181818;}
#col{width:570px;height:auto;margin-top:2%;margin-left:2%;font-size:90%;}
#col2{width:230px;height:auto;margin-top:1%;margin-right:1%;}
#col2{width:230px;height:auto;margin-top:1%;margin-right:1%;}
#col3{width:525px;height:540px; margin-left:1%; margin-top:4px;}
#col4{width:280px;height:496px;margin-top:4px;margin-left:1%;padding-left:4%; padding-right:4%;}
#cont2{height:480px;padding-left:1px;padding-top:0%;}
#top{width:900px;height:220px;margin-bottom:5px;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:900px;height:50%; margin-top:0; margin-bottom:0%;}
#footer{width:900px; padding-bottom:10px;height:auto;margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:20%;z-index:99;width:900px;display:inline-block;height:30px;}
#button ul li{display:inline-block;width:225px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:250%; margin-left:0px; display:inline-block;color:#575757;font-size:15px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:100%;text-decoration:none;text-transform:uppercase;;line-height:250%;display:inline-block;color:#f38094;}
#button2{float:right;margin-top:0%;margin-bottom:0%;width:0%;display:inline-block;height:0px;}
#button2 ul li{display:inline-block;width:0%;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:0%;text-decoration:blink;text-transform:none;font-weight:0;line-height:0%;display:inline-block;color:#575757;font-size:0px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:0;line-height:0%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}
                                          /* mobile 900 */

@media screen and (max-width: 900px){ 
#wrapper{margin:0;width:790px;height:100%;}
#content{width:790px;height:auto;}
#work{width:790px;height:auto;}
.item1{width:261px;height:259x; margin-top:-2%; margin-left:-5%;}
.item1 img{margin-left:2%;}
.item h3{font-size:80%;}
.item p{font-size:60%;}
.item{width:246px;height:286px;margin:7px;}
#workbody{width:790px;margin-top:2%;display:inline-block;}
#workbody img{width:65%;position:relative;margin-left:17%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -2%;}
#footer2{width:900px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-14%;color:#181818;}
#col{width:505px;height:auto;margin-top:0%;margin-left:1%;font-size:90%;}
#col2{width:201px;height:auto;margin-top:0%;margin-right:1%;}
#col3{width:455px;height:540px; margin-left:1%; margin-top:4px;}
#col4{width:250px;height:501px;margin-top:4px;margin-left:1%;padding-left:4%; padding-right:4%;}
#cont2{height:421px;padding-left:1px;padding-top:0%;}
#top{width:790px;height:220px;margin-bottom:7px;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:790px;height:50%;margin-bottom:0%;}
#footer{width:790px;height:auto; padding-bottom:10px;margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:20%;z-index:99;width:790px;display:inline-block;height:30px;}
#button ul li{display:inline-block;width:197px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:250%; margin-left:0px; display:inline-block;color:#575757;font-size:15px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:100%;text-decoration:none;text-transform:uppercase;;line-height:250%;display:inline-block;color:#f38094;}
#button2{float:right;margin-top:0%;margin-bottom:0%;width:0%;display:inline-block;height:0px;}
#button2 ul li{display:inline-block;width:0%;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:0%;text-decoration:blink;text-transform:none;font-weight:0;line-height:0%;display:inline-block;color:#575757;font-size:0px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:0;line-height:0%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}

                                          /* mobile 790 */

@media screen and (max-width: 790px){ 
#wrapper{margin:0;width:680px;height:100%;}
#content{width:680px;height:auto;}
#work{width:680px;height:auto;}
.item1{width:190px;height:220px; margin-left:1%; margin-bottom:80px;}
.item1 img{margin-left:1%;}
.item1 h3{font-size:80%;}
.item h3{font-size:80%;}
.item1 p{font-size:70%;}
.item{width:212px;height:256px;margin:7px;}
#workbody{width:680px;margin-top:2%;display:inline-block;}
#workbody img{width:62%;position:relative;margin-left:19%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% 1%;}
#footer2{width:680px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col3{width:410px;height:520px; margin-left:1%; margin-top:0%;}
#col4{width:198px;height:487px;margin-top:0%;margin-left:1%;padding-left:4%; padding-right:4%;}
#col4 p{ text-align:left; font-size:90%;}
#cont2{height:362px;padding-left:1px;padding-top:0%;}
#top{width:680px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:680px;height:50%;margin-bottom:3px;}
#footer{width:680px;height:auto;margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;}}
	  
 
                                               /* mobile 680 */

@media screen and (max-width: 680px){ 
#wrapper{margin:0;width:570px;height:100%;}
#content{width:570px;height:auto;}
#work{width:570px;height:auto;}
.item1{width:170px;height:190px;margin-bottom:60%; margin-top:10%;}
.item1 h3{font-size:80%;}
.item h3{font-size:80%;}
.item1 p{font-size:80%;}
.item{width:171px;height:206px;margin:7px;}
#workbody{width:570px;margin-top:2%;display:inline-block;}
#workbody img{width:68%;position:relative; margin-top:3%;margin-left:14%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:90%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -4%;}
#footer2{width:570px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col{width:330px;height:auto;margin-top:2%;margin-left:2%;font-size:90%;}
.leftimg {float:left; margin: 8px 80px 8px 55px;}
#col3{width:330px;height:520px; margin-left:1%; margin-top:1%;}
#col4{width:175px;height:492px;margin-top:1%;margin-left:1%;padding-left:4%; padding-right:4%;}
#top{width:570px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left;font-family:Lato;color:#FFF;font-weight:lighter;font-size:160%;text-shadow:2px 2px 2px #000;}
#top2{width:570px;height:50%;margin-bottom:0%;}
#footer{width:570px;height:auto; padding-bottom:10px;margin-top:1%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:0%;z-index:99;width:0px;display:inline-block;height:0px;}
#button ul li{display:inline-block;width:0px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:0%; margin-left:0px; display:inline-block;color:#575757;font-size:0px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;;line-height:0%;display:inline-block;color:#f38094;}
#button2{float:right; margin-left:-10%;margin-top:4%;margin-bottom:2%;width:100%;display:inline-block;height:30px;}
#button2 ul li{display:inline-block;width:190px;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:90%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:inline-block;color:#575757;font-size:15px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:0%;margin-left:0%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:0%;display:inline-block;color:#D5D5D5;font-size:0px;}}

 
                                               /* mobile 570 */

@media screen and (max-width: 570px){ 
#wrapper{margin:0;width:360px;height:100%;}
#content{width:360px;height:auto;}
#work{width:360px;height:auto;}
.item1{width:220px;height:220px;margin-left:14%; margin-bottom:10%;}
.item1 img{display:block;width:110%;height:80%; margin-left:-1%; }
.item1 h3{font-size:90%;}
.item h3{font-size:70%;}
.item p{font-size:60%;}
.item{width:165px;height:208px;margin:7px;}
#workbody{width:360px;margin-top:2%;display:inline-block;}
#workbody img{width:95%;position:relative; margin-top:3%;margin-left:1%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:78%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -1%;}
#footer2{width:360px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col{width:337px;height:auto;margin-top:2%; padding-top:4%;margin-left:0%;font-size:90%;}
.leftimg {float:left; margin: 8px 80px 8px 50px;}
#col3{width:360px;height:520px; margin-left:0; margin-top:2%;}
#col4{width:330px;height:496px;margin-top:2%;margin-left:0%;}
#col4 p{ text-align:left; margin-top:360px; margin-left:10%; margin-right:10%; font-size:90%;}
#cont2{height:360px;padding-left:1px;padding-top:0%;}
#top{width:360px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left; text-align: center; margin-left:3%; width:300px;margin-top:-1%;font-size:140%}
#top2{width:360px;height:50%;margin-bottom:1%;}
#footer{width:360px;height:auto; margin-left:-1%;  margin-top:3%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:0%;z-index:99;width:0px;display:inline-block;height:0px;}
#button ul li{display:inline-block;width:0px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:0%; margin-left:0px; display:inline-block;color:#575757;font-size:0px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;;line-height:0%;display:inline-block;color:#f38094;}
#button2{float:right; margin-left:-10%;margin-top:4%;margin-bottom:2%;width:100%;display:inline-block;height:30px;}
#button2 ul li{display:inline-block;width:120px;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:90%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:inline-block;color:#575757;font-size:15px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:15px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}

                                               /* mobile  360*/
@media screen and (max-width: 360px){ 
#wrapper{margin:0;width:340px;height:100%;}
#content{width:340px;height:auto;}
#work{width:340px;height:auto;}
.item1{width:220px;height:220px;margin-left:10%; margin-bottom:10%;}
.item1 img{display:block;width:110%;height:70%;}
.item1 h3{font-size:70%;}
.item h3{font-size:70%;}
.item1 p{font-size:50%;}
.item{width:220px;height:232px;margin:2px;}
#workbody{width:340px;margin-top:2%;display:inline-block;}
#workbody img{width:100%;position:relative; margin-top:3%;margin-left:1%;margin-right:0%;border-radius:;border:3px solid #D5D5D5;}
#workbody h5{border-radius:0 0 15px 15px;font-family:Lato, Arial, Helvetica, sans-serif;font-size:78%;font-weight:normal;text-align:center;color:#ABABAB;margin:2% 0 2% -1%;}
#footer2{width:200px;height:28px;padding-top:10px;margin-left:0%;margin-top:2%;margin-bottom:1%;background-color:#000;text-align:center;float:left;-webkit-box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;box-shadow:0 1px 3px #00}
#footer2 h7{text-align:center; margin-left:-1%;color:#181818;}
#col{width:185px;height:auto;margin-top:2%; padding-top:4%;margin-left:0%;font-size:90%;}
.leftimg {float:left; width:180px; height:auto;  margin: 8px 80px 8px 3px;}
#col h2 { font-size:85%;}
#col3{width:330px;height:480px; margin-left:5px; margin-top:2%;}
#col3 h2 {font-size:80%; margin-top: 2%;}
#col4{width:300px;height:456px;margin-top:2%;margin-left:5px;}
#col4 p{ text-align:left; margin-top:330px; margin-left:10%; margin-right:10%; font-size:80%;}
#cont2{height:340px;padding-left:1px;padding-top:0%;}
#top{width:340px;height:150px;margin-bottom:1%;text-align:left;}
#logotitle{float:left; text-align: center; margin-left:3%; width:300px;margin-top:-1%;font-size:140%}
#top2{width:340px;height:50%;margin-bottom:1%;}
#footer{width:340px;height:auto; margin-left:-1%; font-size:70%;  margin-top:3%;}
#nav{float:right;margin-top:0%;width:100%;display:block;height:40px; font-size:80%;}
#cont{padding-left:9%;width:150px;margin-left:0;}
#cont2{padding-left:9%;;}
#button{float:right;position:inherit;margin-top:0%;z-index:99;width:0px;display:inline-block;height:0px;}
#button ul li{display:inline-block;width:0px;float:left;text-align:center;}
#button ul li a{font-family:Asap,;text-decoration:blink;text-transform:none;line-height:0%; margin-left:0px; display:inline-block;color:#575757;font-size:0px;}
#button ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:0px;}
#buttonul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;;line-height:0%;display:inline-block;color:#f38094;}
#button2{float:right; margin-left:-10%;margin-top:4%;margin-bottom:2%;width:100%;display:inline-block;height:30px;}
#button2 ul li{display:inline-block;width:66px;float:left;text-align:center;}
#button2 ul li a{font-family:Asap,;width:90%;text-decoration:blink;text-transform:none;font-weight:400;line-height:250%;display:inline-block;color:#575757;font-size:10px;}
#button2 ul li a:hover{color:#D5D5D5;font-family:Asap;font-weight:bold;font-size:10px;}
#button2ul li p{font-family:Asap, Helvetica, Arial, sans-serif;width:0%;text-decoration:none;text-transform:uppercase;font-weight:400;line-height:250%;display:inline-block;color:#f38094;}
#button3 ul li a{font-family:Asap;width:100%;margin-left:37%;text-decoration:blink;text-transform:none;font-weight:bold;line-height:250%;display:inline-block;color:#D5D5D5;font-size:25px;}}