@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.eot');
    src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-light-webfont.woff') format('woff'),
         url('opensans-light-webfont.ttf') format('truetype'),
         url('opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular.eot');
    src: url('opensans-regular.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular.woff') format('woff'),
         url('opensans-regular.ttf') format('truetype'),
         url('opensans-regular.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html,body{
	line-height: 1.6em;
	font-family: Arial;
	font-size: 13px;
	margin: 0;
	padding: 0;
	color:#646464;	
	height:100%;
}
a{ color:#023a8f; text-decoration:none; font-weight: bold; border:none;}
a:hover{ text-decoration: underline;}
p{
	padding:10px 0px;
	line-height:1.8em;
	margin:10px 0;
	text-align: justify;
	color:#646464;
}
img{border:none;}
.clear{
	clear:both;
	}
.fleft{float:left;}
.fright{float:right;}
/********* the structure *********/
#wrapper{
	min-height:100%;
	margin: 0 auto;
	padding: 0;
	background: url('../images/bg.png') repeat-x left top;
	position:relative;
}
#header{
	padding:4px 0 0;
	width: 960px;
	height:287px;
	margin:0 auto;
	background: url('../images/head.jpg') no-repeat left bottom;	
	position: relative;		
}
#content{
	padding-top:20px;
	padding-bottom: 50px; /* Height of the footer element */
	width: 960px;
	margin:0 auto;
	font-size: 0;
}
#footer{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background: #2079c6 url('../images/footer.jpg') repeat-x left bottom;
}
/********** left column ***********/
#leftcolumn{
	font-size:13px;
	width:230px;
	margin-right:48px; 
	display: inline-block; 
	vertical-align:top;}
#leftcolumn ul{
	margin:0;
	padding:0;
	list-style-type: none;
	margin-bottom:20px;	
}
#leftcolumn ul li{
	height:40px;
	display:block;
	}
#leftcolumn ul li a{
	color:#000;
	padding:10px 5px 10px 30px;
	display:block;
	height:20px;
	background: url('../images/leftbgoff.png') no-repeat left bottom;	
	font-family: 'open_sansregular';
	font-size:13px;
	font-weight:normal;
	text-transform:uppercase;	
	}
#leftcolumn ul li a:hover{
	background: url('../images/leftbgon.png') no-repeat left bottom;
	text-indent:12px;	
	color: #023a8f;	
	text-decoration:none;
	}
#phnr{
	padding: 30px 26px 0;
	color:#fff;
	font-family: impact;
	font-size:27px;
	font-weight: normal;
	float:left;	
}
#box{	background: url('../images/tel.png') repeat-x left bottom;
	width:230px;
	height:80px;
	display:block;
	margin:20px 0;}
	#box span:hover{ text-decoration: none;}
/**********************************/
#midcolumn{
	font-size:13px;
	width:680px; 
	display:inline-block; 
	vertical-align:top;
	margin:0 0 60px 0;
}
#logo{
	width:281px;
	height:141px;
	margin:65px 0 31px 35px;
	}
h1{
	font-family: 'open_sansregular';
	font-size:30px;
	font-weight: bold;
	color:#000;
	margin:30px 0 10px;
	padding-bottom:18px;
	background: url('../images/ttl.png') repeat-x left bottom;
	text-transform: capitalize;
	}
h2{
	font-family: 'open_sansregular';
	font-size:25px;
	font-weight: bold;
	color:#023a8f;
	margin:30px 0 10px;
	padding-bottom:10px;	
	border-bottom: 3px solid #e5e5e5;	
	}
h3{
	font-family: 'open_sansregular';
	font-size:20px;
	font-weight: normal;
	color:#023a8f;
	margin:30px 0 0px;
	padding-bottom:12px;
	border-bottom: 3px solid #e5e5e5;
	}	
/*********************************/
/************ the menu ***************/
#mainmenu{
	height:50px;
	width:;
	background: url('../images/mnubg.png') repeat-x left top;
	}
#mainmenu ul{
	list-style-type:none;
	padding:0;
	margin:0;	
	}
#mainmenu ul li{
	display:inline-block;
	float:left;
	}
#mainmenu ul li a{
	display:inline-block;
	padding:15px 2px 0px 0;
	color:#000;
	text-align:center;
	font-family: 'open_sanslight';
	font-size:13px;
	text-transform:uppercase;
	width:135px;
	height:35px;
	}
#mainmenu ul li:last-child a{
	padding-right:0;
	}
#mainmenu ul li a:hover{
	background:url('../images/mnuon.png') no-repeat top left;
	color:#fff;
	text-decoration:none;
}
#mainmenu ul li#current{
	background:url('../images/mnuon.png') no-repeat top left;
	}
#mainmenu ul li#current a{	
	color:#fff;
}
#midcolumn ul{ list-style-type: none; padding:0;}
#midcolumn ul li{ background: url('../images/arrow.png') no-repeat 10px 13px; padding: 5px 0 5px 30px;}
/*********************************/
#flags{
	background: url('../images/langbg.png') no-repeat bottom left;
	position:absolute;
	top:0;
	right:25px;
	width:108px;
	height:70px;
	padding: 0 10px;
	}
#flags img{
	margin:25px 7px 0 10px;
	width:16px;
	}
#map{	
	background: url('../images/map.png') no-repeat left top;
	width:233px;
	height:48px;
	position:absolute;
	right:-10px;
	bottom:80px;}
#map a{
	font-family: open_sanslight;
	font-size:12px;
	text-transform: uppercase;
	text-align:center;
	padding: 15px 0;
	position:relative;
	top:12px;
	left:25px;
	color:#fff;
	}
#map:hover{	background: url('../images/mapon.png') no-repeat left top;
	text-decoration: none;
}
/************** footer *****************/
#copyright{ 
	width:1000px; 
	margin:0 auto;
	padding: 17px 0 0;
	height:33px;
	text-align:center;
	font-size:12px;
	color:#fff;
	font-style:italic;
	background:url('../images/fmiddle.jpg');}
/***************************************/
/*********** home *****************/
.homepic{
	float:left!important;
	margin:10px 0 0!important;
	clear:none!important;
	}
.homepic img{
	width:200px!important;
	height:148px!important;}
#homecontact{ 
	width:180px;
	float:left;
	margin:10px 40px 0 35px;
	padding:5px 0 0;}
#homecontact p{ margin-top:0; line-height:1.6em; padding:0;}
#homecontact p strong{ color:#222;}

/*********************************/
.pics{
	float:right;
	margin: 15px 0 15px 30px;
}
.pics img{
	max-height:150px;
	max-width:230px;
	}
.divider{
	border:none;
	background: #e5e5e5;
	width:100%;
	clear:both;
	height:2px;
	}
.signature{
	font-size:12px;
	color:#222;
	font-weight:bold;
	clear:both;
	float:right;
	text-align:right;
	line-height:1.2em;
	margin:10px 0 15px;
	}
#gallery td{
	padding: 5px;
	background:#f8f8f8;	
	border:1px #e5e5e5 dashed;
	}
#gallery .emptycell{
	padding: 0 10px 0 0;
	border:none!important;
	background:0;
}
#gallery .emptyrow{
	padding:10px 0 0;
	border:0;
	background:0;
	}
#gallery .gpics img{
	height:170px;
	}	
#gallery .gpics{
	float:left;
	clear:none!important;
	width: 116px;
	text-align:center;
	height:170px;
	padding:0!important; 
	overflow:hidden;
	opacity:0.7;
	margin:0 !important;
	}
#gallery .gpics:hover{
	opacity:1;
	}
#prices{ list-style: none; padding:0; margin:20px 0 0;}
#prices li{ padding:15px 30px; color:#222}
.ones{ background:#e5e5e5;}
#prices li span{ float:right; font-weight:bold; font-size:15px;}

.servpics img{
	position:relative;
	display:inline-block;
	width:200px;
	text-align:center;
}
.servpics{
	position: relative; 
	display:block;
	float:right;
	clear:both;
	margin:15px 0 10px 25px;
	padding:5px;
	border: 1px #e5e5e5 dashed;
	background:#f8f8f8;}
.servpics:hover{text-decoration:none;}
.servpicsh{
	position: relative; 
	display:block;
	float:left;
	clear:none;
	margin:15px 0 10px 15px;
	padding:5px;
	border: 1px #e5e5e5 dashed;
	background:#f8f8f8;
}
.servpicsh img{
	height:200px;
	position:relative;
	display:inline-block;
	text-align:center;
	}		
.label{
	z-index:99;
	position:absolute;
	background:#fff;
	opacity:0.8;
	padding:3px 0px;
	text-align:center;
	bottom:20px;
	right:0px;
	width:30%;
	color:#646464;
	text-transform: uppercase;
	font-size:11px;	
	}	
a.servpics .label:hover{
	background:#e5e5e5;
	color:#023A8F;
	}

/*********************************/
/***********intro page*****************/
#intro{
	background: #d4f0fc url('../../images/intro.jpg') fixed no-repeat center bottom;
	background-size: 100%;
	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	}
#intro #logo{ margin: 0 auto ; padding: 30px 0; }	
#intro #middle{ 
	background:url('../../images/introbg.png') no-repeat center top;
	margin:0 auto;
	width:624px;
	height:470px;
	padding:60px 20px 10px;
}	
#intro a{ float:left;
 display:block;
 margin:0 10px 0 0;}
#intro a:hover{ opacity:0.8;}
#intro a#english{ margin:0!important;}
#intro div p{ font-family: open_sansregular; font-size:14px; color: #fff; text-align: center;padding:12px 0 0; clear:both;}
/***********************************/