// ActionScript Document
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */

body {
	font-family:Verdana, Geneva, sans-serif;
	background:none;
	
	margin:0px;
	padding:0px;
	
}
body img{border:0px;}

ul, li { 
list-style-type: none;
font-family:Verdana, Geneva, sans-serif; 
font-size:12px;
}

#container {

	margin-left:15%;
	margin-right:15%;	
}
header {width:100%;
margin:0px;
padding:0px;
}

header img{
	width:10%;
	margin-left:75px;
	margin-top:20px;
	list-style:none;
	border:0px;
	}
#lang{float:right;
margin-top:20px;
margin-right:40px;}
ul.menu_lang li {float:right;
}

ul.menu_lang a{
	margin-left:10px;
	text-decoration:none;
	font-size:15px;
	color:#666;
	list-style-type: none;
}

nav {
	float:left;
	width:100%;
	font-size:16px;
	}


ul.menu a{
	float:left;
	margin-left:3%;
	text-decoration:none;
	font-size:17px;
	color:#000;}
	
#decoration1 {
	width:99%;
	float:left;
	background-image:url(pictures/point.png);
	background-repeat:repeat-x;
	background-position:center;
	margin-bottom:2%;
	
	
}

#decoration1 img{
	float:right;
	width:125px;
	height:25px;
	
}


h1 {float:left; font-size:20px; margin-left:10%;}

/*------------------------------------------------------- */
#slider{

margin:75px 75px;

}


ul.bjqs{position:relative; list-style:none;padding:0;margin:0; display:none;}
ul.bjqs img {width:100%;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%; display:none;}

ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}
 
 


ul.bjqs-controls.v-centered li a {
display: block;
padding: 10px;
background: whitesmoke;
color: #000;
text-decoration: none;
opacity:.75;
 
transition:color .5s ease, background .5s ease;
-webkit-transition:color .5s ease, background .5s ease;
-moz-transition:color .5s ease, background .5s ease;
-o-transition:color .5s ease, background .5s ease;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}


/*------------------------------------------------------- */

#decoration2 {
	width:99%;
	height:4px;
	float:left;
	background-image:url(pictures/point.png);
	background-repeat:repeat-x;
	

}
#decoration2 img {
	float:left;}

/*------------------------------------------------------- */

#decoration3 {
	width:99%;
	height:2px;
	float:left;
	background-image:url(pictures/point.png);
	background-repeat:repeat-x;
	margin-bottom:2%;
	margin-top:2%;
}


#decoration4 {
	
	height:100%;
	float:right;
	
	background-image:url(pictures/point.png);
	background-repeat:repeat-y;

	
	margin-left:10px;
}
#decoration4 img {float:none; height:100%; width:4px;}

/*------------------------------------------------------- */

/*about us*/
#aboutus {width:100%;}
aside{
float:left;	
width:25%;
margin-left:75px;
margin-right:20px;}

aside p {font-size:13px; line-height:16p; margin:0px;}
aside h2 {font-size:15px;}


	
article { margin-left:20px; width:60%; float:left;}
article h2 {font-size:14px; float:none; clear:both; margin-left:20px; padding:0px;}

#picture1 {width:200px; float:left; margin-left:20px; margin-bottom:10px; margin-top:10px;}
#picture1 img {width:200px;  }
/*------------------------------------------------------- */
/*projects */


#background {

margin-left:10%;


}

#project {
			width:320px;
			height:250px;
			float:left;
			list-style-type: none;
			margin-bottom:40px;
			margin-left:0px;
			margin-right:0px;
			margin-top:30px;
}

#project img {width:90%;}

#project a {text-decoration:none; color:#000; float:left; margin-left:8px; font-size:14px; margin-bottom:10px; }

#projects_text {position:fixed; margin-top:100px; width:70%;}
#projects_text p{ font-size:13px; width:30%;  margin-left:40px; clear:both; text-align:left; margin-right:0px; margin-bottom:20px;}
#projects_text h1{text-align:left; font-size:14px; margin:40px; clear:both;}

#projects_view{
	margin-left:45%;
	padding:0px;
	width: 600px;

	height:auto;
	
}


#projects_view img{
	width:75%;
	margin-left: 1%;
	margin-top: 1%;
	margin-bottom: 1%;

}
/*------------------------------------------------------- */


/*projects */


#background {

margin-left:10%;


}

#services {
			width:320px;
			height:220px;
			float:left;
			list-style-type: none;
			margin-bottom:5px;
			margin-left:0px;
			margin-right:0px;
			margin-top:5px;
}

#services img {width:90%;}

#services a {text-decoration:none; color:#000; float:left; margin-left:8px; font-size:14px; margin-bottom:10px; }

#projects_text {position:fixed; margin-top:100px; width:70%;}
#projects_text p{ font-size:13px; width:30%;  margin-left:40px; clear:both; text-align:left; margin-right:0px; margin-bottom:20px;}
#projects_text h1{text-align:left; font-size:14px; margin:40px; clear:both;}

#projects_view{
	margin-left:45%;
	padding:0px;
	width: 600px;

	height:auto;
	
}


#projects_view img{
	width:75%;
	margin-left: 1%;
	margin-top: 1%;
	margin-bottom: 1%;

}
/*------------------------------------------------------- */



/*services */

main h1 { margin-left:10%; float:none; font-size:24px; font-family:Verdana, Geneva, sans-serif;}
#service1 h2{font-size:18px; margin:0px; margin-bottom:5px;}
#service1 {float:left; margin-left:10%;}
#service1 p {width:35%; float:left; font-size:14px;}
#service1 img{margin-left:6%; margin-top:2%;}
/*------------------------------------------------------- */

/*workproces */
#workprocess{ width:100%; margin-left:5%;
}

#workprocess h1 { width:60%; z-index:1000px;}

#workprocess h2{ font-size:14px; color:#bc342b; clear:left; width:80%; margin-left:5%;
margin-bottom:5%; }
#workprocess img { margin-bottom:5%; margin-top:70px; width:90%;}
#project1 h3 {font-size:14px;}
#project1 { width:17%; float:left; }
#project1 p {font-size:12px; line-height:17px; margin-right:35px; padding:0px;}
#ipad {display:none;}
/*------------------------------------------------------- */

/*contact */

#contact { margin-left:13%; width:25%; height:650px; float:left; margin-right:50px; }
#contact h1 {font-size:24px; margin:0px; margin-bottom:30px;}
#contact h2, #contact h3, #contact h4 { font-size:16px; margin:0px; float:left;}

#contact p { font-size:14px; margin:0px; line-height:19px; }

#map {margin-left:160px; margin-top:30px; }
#map img {width:60%;}
/*------------------------------------------------------- */
/*newsletter */
#formulary h1{color:#000; clear:both;
		}

#formulary {
			clear:both;	
			width:70%;
			height:600px;
			margin-left:10%;
			margin-top:2%;
			background-image:url(pictures/slide/1_store-design-concept-sketch.jpg);
			background-position:right;
			background-repeat:no-repeat;
			opacity:0.7;

			}
form {
		font:Verdana, Geneva, sans-serif;
		padding-left:10%;
		padding-top:5%;
		color:#000;
		line-height:30px;
		float:none;
	
	}
/*------------------------------------------------------- */

/*Blog */

#blog_1 h1 { margin-left:25%; width:40%;}
#blog_1 h2 { margin-left:25%; width:40%; font-size:20px;}

#blog h3 { font-size:14px;
clear:both;} 
#blog h4 {font:Verdana, Geneva, sans-serif;
				font-size:12px;
				float:none;
				clear:both;
				}
#blog h5 { float:none;
			font-size:10px;
			font-style:italic;
			margin:0px;
			padding:0px;
			text-decoration:none;
			width:50%;
			margin-left:10%;
			font-weight:normal;
			clear:both;
			margin-bottom:5px;
	
	} 
#blog_1 {
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
}
#blog_1 a{list-style-type: none;
	text-decoration:none;
	color:#000;
	font-size:14px;
	
	}
#blog_1 aside {

	display:box;
	margin:0px;
	padding:0px;
	float:left;
	width:20%;
	
	text-align:right;
	}
#blog_1 aside a{ color:#333;}	
#blog {float:left;
width:550px;
margin-left:5%;
padding-bottom:20px;}

#blog p {
	font-size:13px;
	width:99%;
	float:left;
	text-align:left;
	}
	
#blog img{
	
	margin-left:5%;
	margin-bottom:2%;}
#blog a{color:#666;}


#decoration3{ width:100%; float:left; height:4px; margin-bottom:40px;}

/*------------------------------------------------------- */

/*Services description */

#blog_1 h1 { margin-left:25%; width:40%;}
#blog_1 h2 { margin-left:25%; width:40%; font-size:20px;}

#blog h3 { font-size:14px;
clear:both;} 
#blog h4 {font:Verdana, Geneva, sans-serif;
				font-size:12px;
				float:none;
				clear:both;
				}
#blog h5 { float:none;
			font-size:10px;
			font-style:italic;
			margin:0px;
			padding:0px;
			text-decoration:none;
			width:50%;
			margin-left:10%;
			font-weight:normal;
			clear:both;
			margin-bottom:5px;
	
	} 
#blog_1 {
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
}
#blog_1 a{list-style-type: none;
	text-decoration:none;
	color:#000;
	font-size:14px;
	
	}
#service description_1 aside {

	display:box;
	margin:0px;
	padding:0px;
	float:center;
	width:20%;
	
	text-align:right;
	}
#blog_1 aside a{ color:#333;}	
#service description {float:center;
width:500px;
margin-left:10%;
padding-bottom:20px;}

#service description p {
	font-size:13px;
	width:99%;
	float:center;
	text-align:center;
	}
	
#blog img{
	
	margin-left:5%;
	margin-bottom:2%;}
#blog a{color:#666;}


#decoration3{ width:100%; float:left; height:4px; margin-bottom:40px;}

/*------------------------------------------------------- */

/*Services_a */

#services_a_1 h1 { margin-left:25%; width:40%;}
#services_a_1 h2 { margin-left:25%; width:40%; font-size:20px;}

#services_a h3 { font-size:14px;
clear:both;} 
#services_a h4 {font:Verdana, Geneva, sans-serif;
				font-size:12px;
				float:none;
				clear:both;
				}
#services_a h5 { float:none;
			font-size:10px;
			font-style:italic;
			margin:0px;
			padding:0px;
			text-decoration:none;
			width:50%;
			margin-left:10%;
			font-weight:normal;
			clear:both;
			margin-bottom:5px;
	
	} 
#services_a_1 {
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
}
#services_a_1 a{list-style-type: none;
	text-decoration:none;
	color:#000;
	font-size:14px;
	
	}
#services_a_1 aside {

	display:box;
	margin:0px;
	padding:0px;
	float:left;
	width:20%;
	
	text-align:right;
	}
#services_a_1 aside a{ color:#333;}	
#services_a {float:left;
width:550px;
margin-left:5%;
padding-bottom:20px;}

#services_a p {
	font-size:13px;
	width:99%;
	float:left;
	text-align:left;
	}
	
#services_a img{
	
	margin-left:5%;
	margin-bottom:2%;}
#services_a a{color:#666;}


#decoration3{ width:100%; float:left; height:4px; margin-bottom:40px;}

/*------------------------------------------------------- */

/*Services description */

#services_a_1 h1 { margin-left:25%; width:40%;}
#services_a_1 h2 { margin-left:25%; width:40%; font-size:20px;}

#services_a h3 { font-size:14px;
clear:both;} 
#services_a h4 {font:Verdana, Geneva, sans-serif;
				font-size:12px;
				float:none;
				clear:both;
				}
#services_a h5 { float:none;
			font-size:10px;
			font-style:italic;
			margin:0px;
			padding:0px;
			text-decoration:none;
			width:50%;
			margin-left:10%;
			font-weight:normal;
			clear:both;
			margin-bottom:5px;
	
	} 
#services_a_1 {
	font-family:Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
}
#services_a_1 a{list-style-type: none;
	text-decoration:none;
	color:#000;
	font-size:14px;
	
	}
#service description_1 aside {

	display:box;
	margin:0px;
	padding:0px;
	float:center;
	width:20%;
	
	text-align:right;
	}
#services_a_1 aside a{ color:#333;}	
#service description {float:center;
width:500px;
margin-left:10%;
padding-bottom:20px;}

#service description p {
	font-size:13px;
	width:99%;
	float:center;
	text-align:center;
	}
	
#services_a img{
	
	margin-left:5%;
	margin-bottom:2%;}
#services_a a{color:#666;}


#decoration3{ width:100%; float:left; height:4px; margin-bottom:40px;}


/*------------------------------------------------------- */

/*footer */

footer img {
	width:10%;

	float:left;
	margin-left:2%;
	margin-top:2%;
	list-style:none;
	border:0px;	}
	
footer {
	font-size:12px;
	color:#FFF;
	width:99%;
	background-color:#000;
	margin-top:45px;
	float:left;}
	
footer p{
	float:right;
	margin-right:2%;
	margin-top:2%;
}

address {
		
		width:100%;
		float:right;
		margin-right:2%;
		
}

address a{
	float:right;
	text-decoration:none;
	color:#FFF;
	margin-right:2%;
}

#social {	float:right;
margin-top:30px;
margin-right:30px;
margin-bottom:2%;
width:250px;
					
			}
			
#social img {
	margin-left:5px;
	float:right;
width:30px;
height:30px;}
/*------------------------------------------------------- */
/* Responsive design ipad 1024px*/

@media only screen and (max-width: 1400px) {
	
	header {margin-top:30px; margin-bottom:20px;}
	header img{
	width:13%;
	margin-left:75px;
	margin-top:20px;
	list-style:none;
	border:0px;
	}
	ul.menu a{ font-size:14px; }



	#decoration1 img{ margin-top:10px; margin-bottom:10px;}
	h1{margin-bottom:40px; margin-top:40px;}
	#slider{ margin-bottom:5%; margin-top:12%; }
	#size {height:100%;}
	
/*------------------------------------------------------- */

/*about us*/
aside{ width:40%; float:left;
	}
article {padding-top:0px;
width:40%;
}

/*------------------------------------------------------- */
/*projects */


#background {

margin-left:12%;


}
	/*------------------------------------------------------- */

/*services */

#service1 p {width:50%; font-size:12px;}

/*------------------------------------------------------- */
/*workproces */


#workprocess h1 { width:60%; z-index:1000px;}

#workprocess h2{ font-size:14px; color:#bc342b; clear:left; width:80%; margin-left:5%;
margin-bottom:5%; }

#project1 { width:50%; float:none; margin-left:20%;}
#project1 p {font-size:12px; line-height:17px; margin-right:35px; padding:0px;}

/*------------------------------------------------------- */

/*contact */

#contact { margin-left:10%; width:30%; height:650px; float:left; margin-right:70px; }

#map img { margin-top:70px;}
/*------------------------------------------------------- */

#decoration3 {
	width:99%;
	height:2px;
	float:left;
	background-image:url(pictures/point1.png);
	background-repeat:repeat-x;
	
	margin-bottom:2%;
	margin-top:2%;
}
#decoration3 img { display:none;}
#blog_1 h1 { margin-left:30%; width:40%;}
#blog_1 h2 { margin-left:30%; width:60%; font-size:20px;}
#blog_1 { margin-left:5px;}
#blog_1  aside {width:22%}
/*footer */
footer { margin-top:10%;

	

	

	
	}

/*------------------------------------------------------- */
/* Responsive design ipad 1024px*/

@media only screen and (max-width: 1024px) {
#container {
margin:0px;
padding:0px;
height:auto;}

#menu_bar a{float:left;
margin:0xp;
padding:0px;
}

ul.menu { margin:0px; padding:0px; margin-left:35px;}
ul.menu a:hover{ background-color:#333;}
ul.menu a:active{ background-color:#333;}
ul.menu a {
font-size:17px;
margin-left:0px; margin-bottom:3px; margin-right:4px;
padding:4px 4px 4px 4px;
display:block;
background-color:#000;
color:#FFF;}

header {}
header img{
			width:18%;
	
			margin-left:4%;
			margin-top:5%;
			margin-bottom:3%;}
nav {width:85%;
float:left;}
h1 {margin-left:5%;
font-size:25px;}

#slider{ margin-top:120px; margin-bottom:100px;}
#size {height:100%;}
/*-------------------------------------------------------*/
/*about us*/
#aboutus{height:auto;}

article {padding-top:0px;
width:30%;
}
article img{

}
article h2 {width:70%;}


aside {
	width:50%;
	height:60%;}
/*------------------------------------------------------- */
/*--projects------*/
#background {

margin-left:5%;
}

#project {width:100%;
margin-left:0px;
height:auto;

float:left;

}

#project img{ width:90%;
				float:left;
				margin-right:20px;
			
 }
#project a {  margin-left:0px;
}
#projects_text { margin-top:80px;}
#projects_text p{ font-size:13px; width:45%;  margin-left:50px;  text-align:left; margin-right:0px; margin-bottom:20px;}
#projects_text a{font-size:16px;}

#projects_view{
	margin-left:40%;}
	
#projects_text h1 {text-align:left; margin-right:0px; margin-left:50px; width:30%;}
	
	
/*------------------------------------------------------------*/
main h1 {  float:left; font-size:25px; font-family:Verdana, Geneva, sans-serif;}
#service1 h2{font-size:16px;}


#project1 h3 {font-size:15px;}
#project1 { width:55%; margin-bottom:30px; margin-left:50px; float:none; }


#workprocess h2{ width:75%;}


/*------------------------------------------------------------*/

/*Blog */

#blog_1 h1 { margin-left:30%; width:40%;}
#blog_1 h2 { margin-left:30%; width:40%; font-size:20px;}

#blog_1 {

	margin:0px;
	padding:0px;
}
#blog_1 a{list-style-type: none;
	text-decoration:none;
	color:#000;
	font-size:14px;
	
	}
#blog_1 aside {

	display:box;
	margin:0px;
	padding:0px;
	float:left;
	width:25%;
	
	text-align:right;
	}
#blog_1 aside a{ color:#333;}	
#blog {float:left;
width:550px;
margin-left:5%;
padding-bottom:20px;}


#decoration3{ width:100%; float:left; height:4px;}




/*-----------------------------------------------------------*/
/*workprocess*/
#workprocess h1 {float:left;}
/*----------------------------------------------------------*/
footer img {
	width:15%;

	float:left;
	margin-left:2%;
	margin-top:2%;
	list-style:none;
	border:0px;	}



/*----------------------------------------------------------*/

/*newsletter */

form {float:left;

}
#formulary {
				background-image:url(pictures/slide/1_store-design-concept-sketch.jpg);

background-repeat:no-repeat;
background-image
		opacity:0.7;}

/*contact */

#contact { margin-left:13%; width:30%;  float:left; margin-right:50px; height:auto; }
#contact h1 { margin:0px; margin-bottom:0px; width:90%; clear:both;}




#map {float:left; margin-left:120px;}
#map img {width:90%;}


}
/*------------------------------------------------------- */
/* Responsive design ipad 768px*/

@media only screen and (max-width: 768px) {
	
#container {
margin:0px;
padding:0px;
height:auto;}

#menu_bar a{float:left;
margin:0xp;
padding:0px;
}

ul.menu { margin:0px; padding:0px; margin-left:35px;}
ul.menu a:hover{ background-color:#333;}
ul.menu a:active{ background-color:#333;}

ul.menu a {
font-size:17px;
margin-left:0px; margin-bottom:3px; margin-right:4px;
padding:4px 4px 4px 4px;
display:block;
background-color:#000;
color:#FFF;}

header {}
header img{
			width:18%;
			margin-left:4%;
			margin-top:5%;
			margin-bottom:3%;}
nav {width:85%;}
h1 {margin-left:5%;	
font-size:18px;}
#size {height:auto;}
#slider{ margin-top:200px; margin-bottom:100px;}

/*------------------------------------------------------- */
#decoration1{
	margin-top:3%;}

/*------------------------------------------------------- */

#decoration2 {margin:0px;}
#decoration3 img {height:2px; float:left;}



/*------------------------------------------------------- */

/*about us*/

aside{
width:500px;
margin-left:5%;
}
article {padding-top:0px; width:90%;}
article img{ 
margin-right:10%;
width:15%;}

article h2 {margin-left:20px; width:70%;}

article p{ margin-left:0px; margin-top:10px;}


/*------------------------------------------------------- */
/*projects */
#background {

margin-left:3%;
}

#project {width:90%;
float:left;}

				
#project img{ width:90%;
				float:none;
				margin-right:20px;
			
 }
#project a { margin-left:0px;
}

#projects_text { margin-top:120px;}
#projects_text p{ font-size:13px; width:50%;  margin-left:10px;  text-align:left; margin-right:0px; margin-bottom:00px;}
#projects_text a{font-size:16px;}

#projects_view{
	margin-left:40%; margin-bottom:5%;}
#projects_view img{ width:50%;}
	
#projects_text h1 {text-align:left; margin-right:0px; margin-left:10px; width:35%;}

/*----------------------------------------------------------*/
main h1 { 
margin-left:10%;
float:left;
clear:both;
}

#service1 {float:left; margin-left:10%; margin-top:20px; margin-bottom:5px;}
#service1 p {width:75%; float:none;}
#service1 img{margin-left:0%; margin-top:0%;}

/*-----------------------------------------------------------*/
/*workprocess*/
#workprocess { }

#workprocess h1{font-size:16px;}


#project1 h3 {font-size:15px;}
#project1 { width:55%; margin-bottom:30px; margin-left:50px; float:none; }


#workprocess h2{ width:75%;}

#ipad {  display:block; float:left; margin-right:50px; margin-left:100px;}
#ipad img { width:100%;}
#screen {display:none;}
/*contact */
/*----------------------------------------------------------*/

#contact { margin-left:5%; width:50%; }
#contact h1 {font-size:24px; margin:0px; margin-bottom:30px;}
#contact h2, #contact h3, #contact h4 { font-size:18px; margin:0px; }

#contact p {margin-bottom:5%;
font-size:14px;
line-height:20px;}
#map { margin-left:5%; margin-top:20px;}


/*-------------------------------------------------------*/
/*Blog */

#blog_1 h1 { margin-left:35%; width:auto;}
#blog_1 h2 { margin-left:35%; width:70%;
float:left; }

#blog_1 aside {
	display:box;
	margin:0px;
	padding:0px;
	float:left;
	width:30%;
	height:500px;
	text-align:right;
	}
#blog {float:left;
width:60%;
margin-left:5%;
}
#blog h5 {width:85%;
			margin-left:5%;
}
#blog p {

	}
	
#blog img{ width:80%;
}

#button { position:fixed;
margin-left:15%;
opacity:0.7;
}
/*-----------------------------------------------------------*/
/*newsletter */

#formulary {
	
			width:90%;
			float:left;
			opacity:0.7;
			margin-left:5%;

background-repeat:no-repeat;
			background-image:url(pictures/slide/1_store-design-concept-sketch.jpg);
			background-position:bottom;
		}
			
form {
		font:Verdana, Geneva, sans-serif;
		padding-left:10%;
		padding-top:5%;
		color:#000;
		line-height:30px;
	
	}

/*----------------------------------------------------------*/

/*footer */

}
/*--------------end ipad 768px-------------------------------------------*/

@media (max-width: 480px) {
	
#container {
	
margin:0px;
padding:0px;
height:100%;}



#menu_bar a{float:left;
margin:0xp;
padding:0px;
}

ul.menu { margin:0px; padding:0px; margin-left:0%;
margin-right:0%;
width:100%;
float:left;

}

ul.menu a {
	width:97%;
	height:20%;
font-size:17px;
text-align:center;
margin-left:0px; margin-bottom:8px; margin-right:0px;

}
header img{ 
width:25%;

margin-left:2%;
			margin-top:5%;
			margin-bottom:3%;}
			
nav {width:100%;
height:auto;
background-size:contain;}
h1 {margin-left:0%;
font-size:20px;}
#size {height:auto;}

/*------------------------------------------------------- */
#decoration1{
	display:none;}
#decoration2{display:none;}
/*------------------------------------------------------- */
#slider{ display:none;}
/*------------------------------------------------------- */

/*about us*/

aside{
width:auto;
height:auto;
margin-left:4%;
}
aside h2 {margin:0px; padding:0px;}
article {padding-top:20px;}
article img{ float:none;
margin-right:4%;
width:50%;
}

article h2{ width:100%;}
/*----------------------------------------------------------*/
/*projects*/
#background {
margin-left:0%;
}

#project {width:100%;
margin-left:0px;
height:auto;
text-align:center;
float:none;

}
#background img{ width:90%;
margin-left:10px;
				
				float:none;
				alignment-adjust:central;
				clear:both;
				margin-right:0px;
			
 }
#project a { float:none; margin-left:0px; font-size:16px; 
}

#projects_text { margin-top:200px; position:relative; width:99%;}
#projects_text p{ font-size:13px; width:99%;  margin-left:10px; margin-top:50px; text-align:left; margin-right:0px; margin-bottom:0px;}
#projects_text a{font-size:16px; margin-bottom:30px;}

#projects_view{
	margin-left:1%; margin-bottom:5%;}
#projects_view img{ width:55%;}
	
#projects_text h1 {text-align:left; margin-right:0px; margin-left:10px; width:99%; font-size:16px;}



/*----------------------------------------------------------*/
/*services*/
main h1 { 
margin-left:0%;
float:left;
clear:both;
}
#service1 h1 {margin-left:15px;}
#service1 h2 {font-size:18px;}
#service1 {float:left; margin-left:10px; width:auto; }
#service1 p {width:90%; float:none; }
#service1 img{margin-left:0%; margin-top:0%; width:90%;}

/*----------------------------------------------------------*/
/*workprocess*/

#workprocess { 
}

#workprocess h1{font-size:16px; margin-top:10px; float:none;}
#workprocess h2{font-size:16px;
width:70%;
margin-left:50px;
float:none;


}

#project1 h3 {font-size:15px;}
#project1 { width:80%; }
#project1 p {font-size:12px; line-height:15px; margin-right:30px; padding:0px;}
#screen {display:none;}
/*-----------------------------------------------------------*/
/*contact */

#contact { margin-left:0%; width:99%;  }
#contact h1 {font-size:24px; margin:0px; margin-bottom:30px; margin-top:10px; width:100%; clear:both;}
#contact h2, #contact h3, #contact h4 { font-size:18px; margin:0px; float:left; clear:both; width:100%;}

#contact p { font-size:15px; width:100%; float:left; }

#map { margin-left:2%; margin-top:20px;}

/*----------------------------------------------------------*/
/*Blog*/
#blog_1 h1 { margin-left:2%; width:auto;}
#blog_1 h2 { margin-left:2%; width:100%;
float:left; }

#blog_1 aside {
	margin-left:5px;
	padding:0px;
	float:left;
	width:100%;
	height:100%;
	text-align:left;
	}
#blog {float:left;
width:100%;
margin-left:5px;
background-color:#CCC;
padding: 4px 4px 4px 4px;

}
#blog h5 {width:100%;
			margin-left:2%;
}
#blog p { font-size:15px;
line-height:17px;

	}
	
#blog img{ width:80%;
}


/*-----------------------------------------------------*/
/*newsletter */

#formulary {
	
			width:100%;
			float:left;
		
			margin-left:10px;
			background-repeat:no-repeat;
			background-image:url(pictures/slide/1_store-design-concept-sketch.jpg);
			opacity:0.7;
			background-position:right;
			}

form {
		font:Verdana, Geneva, sans-serif;
		padding-left:0%;
		padding-top:5%;
		color:#000;
		line-height:30px;
	
	}
/*----------------------------------------------------------*/

/*footer */


footer img {
	float:right;
	width:25%;
	margin-right:5%;
	margin-top:5%;
	}
	
footer {
	font-size:13px;
}
	
footer p{
	float:right;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
}
address {font-size:14px; margin-left:30px; margin-right:30px; width:80%;}
address a{margin-left:15px; margin-bottom:20px;}

}
@media (max-width: 320px) {
	
	#container {
	
margin:0px;
padding:0px;
height:100%;}



#menu_bar a{float:left;
margin:0xp;
padding:0px;
}

ul.menu { margin:0px; padding:0px; margin-left:0%;
margin-right:0%;
width:100%;
float:left;

}

ul.menu a {
	width:97%;
	height:20%;
font-size:17px;
text-align:center;
margin-left:0px; margin-bottom:8px; margin-right:0px;

}
header img{ 
width:25%;

margin-left:2%;
			margin-top:5%;
			margin-bottom:3%;}
			
nav {width:100%;
height:auto;
background-size:contain;}
h1 {margin-left:0%;
font-size:20px;}
#size {height:auto;}

/*------------------------------------------------------- */
#decoration1{
	display:none;}
#decoration2{display:none;}
/*------------------------------------------------------- */
#slider{ display:none;}
/*------------------------------------------------------- */

/*about us*/

aside{
width:auto;
height:auto;
margin-left:4%;
}
aside h2 {margin:0px; padding:0px;}
article {padding-top:20px;}
article img{ float:none;
margin-right:4%;
width:50%;
}

article h2{ width:100%;}
/*----------------------------------------------------------*/
/*projects*/
#background {
margin-left:0%;
}

#project {width:100%;
margin-left:0px;
height:auto;
text-align:center;
float:none;

}
#background img{ width:90%;
margin-left:10px;
				
				float:none;
				alignment-adjust:central;
				clear:both;
				margin-right:0px;
			
 }
#project a { float:none; margin-left:0px; font-size:16px; 
}

#projects_text { margin-top:200px; position:relative; width:99%;}
#projects_text p{ font-size:13px; width:99%;  margin-left:10px; margin-top:50px; text-align:left; margin-right:0px; margin-bottom:0px;}
#projects_text a{font-size:16px; margin-bottom:30px;}

#projects_view{
	margin-left:1%; margin-bottom:5%;}
#projects_view img{ width:55%;}
	
#projects_text h1 {text-align:left; margin-right:0px; margin-left:10px; width:99%; font-size:16px;}



/*----------------------------------------------------------*/
/*services*/
main h1 { 
margin-left:0%;
float:left;
clear:both;
}
#service1 h1 {margin-left:15px;}
#service1 h2 {font-size:18px;}
#service1 {float:left; margin-left:10px; width:auto; }
#service1 p {width:90%; float:none; }
#service1 img{margin-left:0%; margin-top:0%; width:90%;}

/*----------------------------------------------------------*/
/*workprocess*/

#workprocess { 
}

#workprocess h1{font-size:16px; margin-top:10px; float:none;}
#workprocess h2{font-size:16px;
width:70%;
margin-left:50px;
float:none;


}

#project1 h3 {font-size:15px;}
#project1 { width:80%; }
#project1 p {font-size:12px; line-height:15px; margin-right:30px; padding:0px;}
#screen {display:none;}
/*-----------------------------------------------------------*/
/*contact */

#contact { margin-left:0%; width:99%;  }
#contact h1 {font-size:24px; margin:0px; margin-bottom:30px; margin-top:10px; width:100%; clear:both;}
#contact h2, #contact h3, #contact h4 { font-size:18px; margin:0px; float:left; clear:both; width:100%;}

#contact p { font-size:15px; width:100%; float:left; }

#map { margin-left:2%; margin-top:20px;}

/*----------------------------------------------------------*/
/*Blog*/
#blog_1 h1 { margin-left:2%; width:auto;}
#blog_1 h2 { margin-left:2%; width:100%;
float:left; }

#blog_1 aside {
	margin-left:5px;
	padding:0px;
	float:left;
	width:100%;
	height:100%;
	text-align:left;
	}
#blog {float:left;
width:100%;
margin-left:5px;
background-color:#CCC;
padding: 4px 4px 4px 4px;

}
#blog h5 {width:100%;
			margin-left:2%;
}
#blog p { font-size:15px;
line-height:17px;

	}
	
#blog img{ width:80%;
}


/*-----------------------------------------------------*/
/*newsletter */

#formulary {
	
			width:100%;
			float:left;
		
			margin-left:10px;
			background-repeat:no-repeat;
			background-image:url(pictures/slide/1_store-design-concept-sketch.jpg);
			opacity:0.7;
			background-position:right;
			}

form {
		font:Verdana, Geneva, sans-serif;
		padding-left:0%;
		padding-top:5%;
		color:#000;
		line-height:30px;
	
	}
/*----------------------------------------------------------*/

/*footer */


footer img {
	float:right;
	width:25%;
	margin-right:5%;
	margin-top:5%;
	}
	
footer {
	font-size:13px;
}
	
footer p{
	float:right;
	margin-right:5%;
	margin-top:5%;
	margin-left:5%;
}
address {font-size:14px; margin-left:30px; margin-right:30px; width:80%;}
address a{margin-left:15px; margin-bottom:20px;}
	
	}