@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/flexslider.css";
@import url(http://fonts.googleapis.com/css?family=Alegreya);
@import url(http://fonts.googleapis.com/css?family=Arizonia);
body{background:#000 url(../images/bg1.jpg) 50% 0 repeat;;font:14px/22px Arial, Helvetica, sans-serif;color:#474747;position:relative;min-width:320px;-webkit-text-size-adjust: none;}
html,body{height:100%;}
p{padding-bottom:22px}
a{color:#000000;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline;}
img{ max-width:100%; height:auto;}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;font-family: 'Alegreya', serif;font-weight:normal;}
h1{font-size:30px; }
h2{
	font-size: 21px;
	color: #237861;
	text-transform: uppercase;
}
h3{
	font-size: 30px;
	color: #237861;
	padding-bottom: 26px;
}
h4{
	font-size: 26px;
	color: #237861;
}
/* Global Structure---------------------------------------- */
.bg1{ width:100%; background:url(../images/bg-header.png) 50% 0 no-repeat #eee;}
.bg2{ width:100%; background:url(../images/bg2.png) 0 0 repeat; height:5px;}
.bg3{ width:100%; background:#fff; height:6px; margin:48px 0 28px 0;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#000;}
.color2{color:#44d0f9;}
/*********************************header*************************************/
header{padding-bottom:0px;}
header h1 { float:left; padding:51px 0 0 0; margin-left:-1px;}
header h1 a{ display:block; width:229px; height:99px;}
header h1 a img{ max-width:100%; height:auto;}
/********************** Content ************************/
section{ width:100%; background:url(../images/bg-boxs.png) 50% 200px no-repeat; padding: 0 0 48px 0;}
	section.padcontent{ padding-bottom:56px;}
	section.padcontent2{ padding:48px 0 48px 0;}
	section.padcontent3{ padding-bottom:80px;}
.box1{ border-top:6px solid #fff; float:left; width:236px; margin-left:2px; text-align:center; padding:12px 0 28px 0; position:relative; margin-bottom:30px;
	background: #f6f6f6; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f6f6f6 0%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); /* IE10+ */
	-pie-background: linear-gradient(top, #f6f6f6 0%,#eaeaea 100%); /* W3C */}
.box1:first-child{ margin-left:0;}
.box1 img{ margin-bottom:8px;}
.box1 p{ padding:17px 28px 25px; font:14px/18px Arial, Helvetica, sans-serif; color:#727272;}
.box1-sh{ display:block; background:url(../images/bg-box1.png) 0 0 no-repeat; width:236px; height:28px; position:absolute; bottom:-30px; left:0;}
.lineRight{ border-right:1px solid #dfdfdf; margin-right:55px; padding-right:60px;}
.lineBot{ border-bottom:1px solid #d2d2d2;}
.text3{ font:14px/20px Arial, Helvetica, sans-serif; color:#939393;}
.list1{ padding:10px 0 0 0;}
.list1 li{ font:13px/18px Arial, Helvetica, sans-serif; padding:0 0 12px 0; text-transform:uppercase;}
	.list1 li a{ color:#505050;}
	.list1 li a span{ display:inline-block; background:url(../images/marker.gif) -17px 0 no-repeat; width:17px; height:17px; margin:1px 12px 0 0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
		.list1 li a:hover{ text-decoration:none; color:#000;}
		.list1 li a:hover span{ background-position:0 0;}
.social{ position:relative; overflow:hidden; padding:12px 24px 0 0;}
	.social li{ float:left; padding-left:8px;}
.dropcap{ float:left; background:url(../images/dropcap.png) 0 0 no-repeat; width:51px; height:65px; margin:5px 20px 0 0; padding-top:2px; font:bold 36px/46px Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
.quote{ background: url(../images/bg-quote.jpg) 0 0 repeat-x #e9e9e9; padding:10px; border-radius:10px; margin:0 2px 10px 0; position:relative; border:1px solid #dfdfdf;}
	.quote span{ display:block; background:url(../images/quote2.png) 0 0 no-repeat; width:35px; height:21px; position:absolute; bottom:-20px; left:64px;}
	.quote blockquote{ background:url(../images/quote.png) 10px 1px no-repeat; padding:19px 0 19px 20px;}
.quote-link{ text-align:right; padding-right:3px}
.list2{ position:relative; overflow:hidden;}
	.list2 li{ padding:10px; float:left; background:#fff; width:127px; margin:0 25px 26px 0; }
	.list2 li.last{ margin-right:0;}
	.list2 li img{ margin:0 0 6px 0; max-width:100%; height:auto;}
	.list2 li p{font:12px/20px Arial, Helvetica, sans-serif; margin-top:-1px; padding:0 0 1px 0;}
.list3{ position:relative; overflow:hidden;}
	.list3 li{ width:170px; float:left; height:200px; text-align:center; padding:5px 0 0 0;}
	.list3 li a span{ display:block;font-size:23px; color:#6b6b6b;line-height:1.2em;font-family: 'Alegreya', serif;font-weight:normal; padding-top:6px;}
	.list3 li.last a img{ margin:25px 0 33px 0;}
	.list3 li a:hover{ text-decoration:none;}
	.list3 li a:hover span{color:#44d0f9;}
.map{ padding:6px 0 22px 0;}
.map iframe{ width:308px; height:264px;}
.contacts{ font-style:normal; padding-bottom:10px;}
	.contacts span{ display:inline-block; width:80px;}
	.contacts p{ color:#000; padding-bottom:8px;}
	.contacts a{ text-decoration:underline;}
	.contacts a:hover{ text-decoration:none;}
/* Contact form */
input[type="text"],input[type=password],textarea{font-family:Arial, Helvetica, sans-serif;color:#474747;font-size:14px;vertical-align:middle;font-weight:normal;padding:10px 14px;margin:0;background:#fff;outline:none;width:200px;border:none;}
#contact-form{position:relative; padding:6px 0 0 0;}
	#contact-form fieldset{border:none;padding:0}
	#contact-form label {display:block;min-height:45px; position:relative;}
		#contact-form input{ width:275px;}
		#contact-form textarea{height:221px;overflow:auto;width:463px; resize:none;}
		#contact-form .message{height:241px;}
.buttons{position:relative; overflow:hidden; padding:25px 4px 0 0; text-align:right;}
	.buttons span{position:relative; overflow:hidden; margin-left:10px;}
.success, .error, .empty{display:none; text-align:left;}
.error, .empty{position:relative; color:red; font-size:10px; line-height:15px;}
.success, .success strong{ color:#44d0f9; font-size:12px;}
/*  Buttons */ 
.button{display:inline-block; font:20px/24px 'Alegreya', serif; color:#5a5a5a; background:url(../images/btn.png) 0 0 no-repeat; padding-left:33px; padding-bottom:1px;}
	.button:hover{ color:#000; text-decoration:none;background:url(../images/btn.png) 0 -26px no-repeat;}
.link{ display:inline-block; font:bold 12px/15px Arial, Helvetica, sans-serif; color:#ffffff; padding:9px 15px 8px 13px; background:#313131; border-radius:3px;}
	.link span{background:url(../images/btn2.png) 0 0 no-repeat; display:inline-block; width:3px; height:5px; margin:5px 5px 0 0;}
	.link:hover{ text-decoration:none;background-color:#44d0f9;}
.link2{ color:#000; text-decoration:underline;}
	.link2:hover{ text-decoration:none;color:#44d0f9;}
.link3{ display:inline-block; font:bold 18px/22px Arial, Helvetica, sans-serif; color:#5a5a5a;}
	.link3:hover{color:#44d0f9; text-decoration:none;}
/******************** Footer ******************/
footer{ width:100%; padding:33px 0 43px; font:20px/24px "Times New Roman", Times, serif; color:#c5c5c5;}
footer a{ color:#c5c5c5;}
footer a:hover{ color:#000; text-decoration:none;}
/* padding */
.padtop3{ padding-top:20px;}
.padtop{ padding-top:21px;}
.padtop2{ padding-top:27px;}
.padtop22{ padding-top:30px;}
.padtop42{ padding-top:34px;}
.padtop4{ padding-top:35px;}
.padbot62{ padding-bottom:5px;}
.padbot6{ padding-bottom:10px;}
.padbot4{ padding-bottom:18px;}
.padbot5{ padding-bottom:21px;}
.padbot23{ padding-bottom:25px;}
.padbot{ padding-bottom:26px;}
.padbot3{ padding-bottom:30px;}
.padbot2{ padding-bottom:33px;}
.padbot32{ padding-bottom:39px;}
.padbot22{ padding-bottom:41px;}
.padbot24{ padding-bottom:45px;}
.pad{ padding:0 0 8px 0;}
.pad2{ padding:12px 0 8px 0;}
	.pad2 .extra-wrap{ padding-top:1px;}
	.pad2 p{ padding-top:11px;}
.pad3{
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}
	.pad3 p{ font:12px/16px Arial, Helvetica, sans-serif; color:#999999; padding-top:1px;}
.pad4{ padding:20px 0 0 0;}
.pad4 p{ padding:0 0 18px 0;}
.imgindent{ float:left; margin:0 33px 0 0;}
.imgindent2{ float:left; margin:2px 19px 0 0;}
.imgindent3{ margin:12px 0 19px 0;}
.imgindent4{ margin:5px 0 16px 0;}
.imgindent5{ float:left; margin:6px 19px 0 0;}
.imgindent6{ float:left; margin:0 20px 0 0;}
.padbotline{ padding-bottom:200px;}
/* Project specifics =========================================================== */
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	right:50%;
	bottom:135px;
	overflow:hidden;
	width:49px;
	height:27px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../images/btn-top.png) 0 -27px no-repeat;}
#toTopHover {
	background:url(../images/btn-top.png) 0 0 no-repeat;
	width:49px;
	height:27px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}
/* Easy Tooltip */
#easyTooltip{padding:5px 10px; border-radius:3px;border:none;background:#e1e1e1;z-index:3;}
/* Pour some CSS below ========================================================= */
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	header h1,header h1 a{width:200px;}
	.box1{ width:186px;}
	.box1 p{ padding:17px 10px 25px;}
	.box1-sh{ display:none;}
	.lineRight{ margin-right:35px; padding-right:40px;}
	.pad3 p{ display:none;}
	.social{ position:relative; overflow:hidden; padding:20px 24px 0 0;}
	.list2 li{ width:105px;margin:0 10px 10px 0;}
	.flnone{ float:none !important;}
	.list3 li{ width:200px;height:220px;}
	.padbotline{ padding-bottom:560px;}
	.map iframe{ width:260px; height:264px;}
	#contact-form textarea{height:221px;overflow:auto;width:370px; }
}
@media only screen and (max-width: 767px) {
	header h1{ float:none;}
	section{background:none;}
	.box1{ width:300px; margin-left:0;}
	.box1:first-child{ margin-left:0;}
	.box1 p{ padding:17px 40px 25px;}
	.lineRight{border-right:none; margin-right:0; padding-right:0;}
	.pad3 p,.pad3 h4{ display:none;}
	.social{ position:relative; overflow:hidden; padding:20px 24px 0 0;}
	#toTop { display:none !important;}
	.imgindent{ float:none; margin:0 0 20px 0;}
	.img300{ width:300px;}
	.pad3{ padding:28px 0 0 0;}
	.social{ position:relative; overflow:hidden; padding:12px 75px 0 0;}
	footer{ text-align:center;}
	.list2 li{ width:120px;margin:0 10px 10px 0;}
	.list2 li.last{ margin-right:10px;}
	.imgindent2{ float:none;margin:2px 0px 20px 0;}
	.padbotline{ padding-bottom:50px;}
	.list3 li{ width:150px;height:220px;}
	.imgindent6{ float:none; margin:0 0 20px 0;}
	.map iframe{ width:300px; height:264px;}
	.contacts{ font-style:normal; padding-bottom:30px;}
	#contact-form textarea{height:221px;overflow:auto;width:265px; }
	#contact-form input{ width:265px;}

}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.box1{ width:208px; margin-left:2px;}
	.box1:first-child{ margin-left:2px;}
	.box1 p{ padding:17px 20px 25px;}
	.imgindent{ float:left; margin:0 33px 0 0;}
	.img300{ width:167px;}
	.pad3 h4{ display:block;}
	.pad3{ padding:48px 0 0 0;}
	.social{ position:relative; overflow:hidden; padding:12px 24px 0 0;}
	.list2 li{ width:110px;margin:0 10px 10px 0;}
	.list2 li.last{ margin-right:0;}
	.list3 li{ width:200px;height:220px;}
	.imgindent6{ float:left; margin:0 20px 0 0;}
	.map iframe{ width:420px; height:264px;}
	#contact-form textarea{height:221px;overflow:auto;width:390px; }
}