@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,700,800);

body {
	width: auto;
	margin:0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color:#333;
	line-height: 22px;
	background-color:#409cb9;
	-webkit-text-size-adjust: 100%;
	background-attachment: scroll;
	background-image:url(bg1.jpg);
	background-repeat:repeat-x;
	background-position:top;
}

#wrapper{
	margin:auto;
	width:auto;
	max-width:1000px;
}

#header{
	width: 100%;
	margin-top:12px;
	margin-bottom:-5px;	
	overflow: auto;	
}

#header img{
	width: 100%;	
}


#banner{
	width: 100%;
	clear: both;
}


#main_banner img{
	width: 100%;
	clear: both;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	padding:0px;
	margin:0px;}

#container{		
	clear:both;
	padding:2%;
	margin-top: 12px;
	margin-bottom: 12px;
	border:solid 1px #eaeaea;
	background-color:#fff;
	overflow:auto;	
}

#container p{
	padding-left:5px;
	padding-right:5px;
	text-align:justify;		
}

#container li{	
	text-align:justify;	
}
	
.box_floater_left{	
	float:left;
	text-align:left;
	width:48%;
			
}	

.box_floater_right{	
	float:right;
	text-align:left;
	width:48%;
		
}

.box_100{	
	width:100%;
	overflow:auto;
	padding-bottom:1%;
	display:table;
	}
	
.box_50{
	display:table-cell;	
	width:40%;
	padding:10px;
	margin-top:0px;
	overflow:auto;	
	}	

.box_50 img{
	width:95%;
	border:solid 1px #CCCCCC;
	border-radius:10px;
}

.picture{
	width:100%;	
	}	
	
.picture img{
	width:45%;
	margin:2%;
	}


	
.gallery{	
	display:inline-block;
	width:29.5%;
	margin:1%;
	padding:0.5%;
	text-align:center;
	border:solid 1px #cacaca;	
	border-top-left-radius:10px;
	border-bottom-right-radius:10px;	
	background-color:#fff;
	-webkit-transition: margin 1s ease;
    -moz-transition: margin 1s ease;
     -o-transition: margin 1s ease;
     -ms-transition: margin 1s ease;
     transition: margin 1s ease;
	}	
	
.gallery:hover{
	background: -webkit-linear-gradient(#7bc3dc, #4474a8); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#7bc3dc,#4474a8); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#7bc3dc, #4474a8); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#7bc3dc, #4474a8); /* Standard syntax */
	
	}		
	


.gallery img{
	border-top-left-radius:5px;
	width:100%;
	padding-bottom:2px;
	border-bottom-width: 1px;
	border-bottom-style:dashed;
	border-bottom-color: #11437c;		
	}
	
.gallery img:hover{
	border-bottom-color: #fff;		
	}
	

.form_element{
	width: 92%;
	border: 1px solid #CCC;
	margin: 1px;
	padding: 3px;
}

.table_style{
	border: 1px solid #88c8e5;	
	}	

.table_style td{
	padding:5px;
	border: 1px solid #88c8e5;
	}	
	
	
	

@media screen and (max-width: 800px) {
#wrapper{
	margin:1%;
	width:auto;	
}


/*thumbnail evolve for mobile mode */
.box_50{
	clear:both;	
	width:100%;
	display:table-row;	}
	
		
	
.box_floater_left{
	width:100%;	
	margin-right:0%;
	margin-bottom:12px;		
}

.box_floater_right{	
     width:100%;
	float:left;
	
}

.gallery{	
	width:94%;
	padding:1.5%;
	margin:1%;	
	}
	
.picture img{
	width:100%;
	margin:0%;
	}
				
			
}

/* Portfolio gallery */

.product_gallery{
	float:left;	
	width:22%;
	margin:13px;
	min-height:250px;	
	overflow:auto;
	}	
	
.product_gallery img{
	margin:5px;		
	width:90%;
	border:solid 4px #FFFFFF;
	box-shadow:0px 0px 3px #999999;
	}
	
.product_gallery p{
	font-size:12px;
	padding-top:0px;
	padding-bottom:5px;
	line-height:18px;	
	}	


@media screen and (max-width: 800px) {
.product_gallery{
	width:30%;
	min-height:auto;	
	}	

}

@media screen and (max-width:500px) {
.product_gallery{
	width:90%;
	height:auto;
	}	

}