@import"../css/reset.css";
@import"../css/skeleton.css";
@import"../css/superfish.css";
@import"../css/forms.css";
/*@import"../css/prettyPhoto.css";*/
@import url(http://fonts.googleapis.com/css?family=Merienda+One);
@import url(http://fonts.googleapis.com/css?family=Oswald);
body{background:#e3e3e3;font:12px/24px Arial, Helvetica, sans-serif;color:#999;position:relative;min-width:320px;-webkit-text-size-adjust: none;}
html,body{height:100%;}
p{padding-bottom:24px}
a{color:#4485B2;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#212121; font-weight:normal;}
h1{font-size:30px;}
h2{font-size:30px; color:#242424; letter-spacing:-3px;line-height:43px; padding-bottom:15px;font-family: 'Merienda One', cursive;}
h3{font-size:24px; line-height:30px;color:#242424; font-family:'Oswald', sans-serif; padding-bottom:33px;} 
h4{font-size:20px;}  
h5{font-size:18px;}
h6{font-size:14px;}
/* Global Structure---------------------------------------- */
img{ max-width:100%; height:auto;}
.bg-top{ width:100%; background:#f7f9f9 url(../img/top-bg.png) 50% 0 no-repeat;}
/*----- 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:#4485B2;}
.color2{color:#1d1d1d;}
.text1{font:14px/24px Arial, Helvetica, sans-serif;}
.home-whyus {min-height: 192px;}
.home-about {min-height: 192px;}
.home-services {min-height: 209px;}
/*********************************header*************************************/
header h1{ float:left; padding:15px 0 0 0; font:12px/24px Arial, Helvetica, sans-serif;}
	header h1 a{ display:inline-block; width:162px; height:76px;}
	header h1 span.logo-slogan{ color:#999; display:inline-block; background:url(../img/slogan-border.gif) 14px 51% no-repeat; padding:25px 0 25px 29px;font-size: 18px;font-weight: bold;}
.header-links{ padding:13px 0 0 0; text-align:right;}
	.header-links a{ font:12px/15px Arial, Helvetica, sans-serif; color:#999; text-decoration:underline; display:inline-block;}
	.header-links a:first-child{ background: url(../img/header-links-bg.jpg) 100% 2px no-repeat; padding-right:8px; margin-right:3px;}
	.header-links a:hover{ text-decoration:none;color:#4485B2;}
/* slider */
.slider{ width:100%;position:relative; z-index:1; margin:0 auto; height:401px;}
.flexslider {width: 100%; margin: 0;}
.flexslider .slides > li  {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* flex-control-nav */
.flex-control-nav{ position:relative; overflow:hidden; width:519px; position:absolute; right:0; bottom:0; left:0; z-index:999; list-style:none; background: url(../img/slider-bg-pagination.jpg) 0 0 repeat-x #fafafa; border:1px solid #cccece; border-top:1px solid #dfdfdf; padding:8px 0 10px 431px; border-radius:6px; box-shadow:0 1px 1px rgba(0,0,0,.1);}
	.flex-control-nav li{ float:left; margin-right:4px;}
	.flex-control-nav li a{ display:block; background: url(../img/pagination.png) -31px 0 no-repeat; width:27px; height:27px; text-indent:-5000px; margin-top:3px;}
	.flex-control-nav li a:hover,.flex-control-nav li a.active{ background-position:0 0;}
/* caption */
.caption{ position:absolute; right:0;top:64px; width:272px;}
.slider-text1{ color:#242424; font:85px/102px 'Oswald', sans-serif; letter-spacing:-4px;}
.slider-text2{ font:30px/36px 'Merienda One', cursive; color:#cdcdcd; letter-spacing:-2px; padding:9px 30px 37px 0;}
	.slider-text2 span{ display:block; margin-top:-6px;}
.slider-btn{ display:inline-block; background:#1c1c1c; padding:14px 22px 16px; font:15px/18px 'Oswald', sans-serif; color:#fff; text-transform:uppercase; margin-left:2px; border-radius:5px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.slider-btn:hover{ text-decoration:none; background:#4485B2;}
/********************** Content ************************/
section.padcontent{ padding:20px 0;}
section.padcontent2{ padding:44px 0 53px;}
aside.bg2{ width:100%; background-color: #f1f1f1; padding:30px 0;}
aside.padcontent2{padding:50px 0 48px 0;}
aside.padcontent4{padding:49px 0 41px 0;}
aside.padcontent3{padding:47px 0 56px 0;}
.news{ position:relative; overflow:hidden;}
	.news img{ float:left; margin:7px 14px 0 0;}
	.news p{ padding-bottom:21px}
.list1 li{font:14px/24px Arial, Helvetica, sans-serif; background:url(../img/marker.png) 0 1px no-repeat; padding:0 0 14px 39px;}
	.list1 li a{color:#1d1d1d;}
	.list1 li a:hover{color:#4485B2; text-decoration:none;}
.dropcap{ float:left; background:url(../img/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(../img/quotes-1-tail.jpg) 0 0 repeat-x #dcdddd; padding:10px; border-radius:10px; margin:0 0 13px 0; position:relative; border:1px solid #dcdddd;}
	.quote span{ display:block; background:url(../img/quotes-1-marker.jpg) 0 0 no-repeat; width:35px; height:21px; position:absolute; bottom:-22px; left:63px;}
	.quote blockquote{ background:url(../img/quotes-1-bg.png) 8px 1px no-repeat; padding:5px 0 7px 23px;}
.quote-link{ text-align:right; padding-bottom:25px;}
.list2{ position:relative; overflow:hidden;}
	.list2 li{ padding:15px; float:left; background:#dcdcdc; width:166px; margin:0 21px 21px 0; }
	.list2 li.last{ margin-right:0;}
	.list2 li img{ margin:0 0 10px 0; max-width:100%; height:auto;}
	.list2 li p{font:12px/20px Arial, Helvetica, sans-serif; padding:2px 0;}
.list3{ position:relative; overflow:hidden; padding:7px 0 0 0;}
	.list3 li{ float:left; width:253px; background:#e3e3e3; padding:20px 20px 12px 20px; margin:0 35px 25px 0;}
	.list3 li.last{ margin-right:0;}
	.list3 li .link{margin-top:10px; display:inline-block;}
.list4{ position:relative; overflow:hidden; padding:6px 0 0 0;}
	.list4 li{ float:left; width:183px; margin:0 40px 25px 0; font:14px/24px Arial, Helvetica, sans-serif;}
	.list4 li img{ border:1px solid #e9e6e5;}
	.list4 li.last{ margin-right:0;}
	.list4 li span{display:inline-block; margin:12px 0 0 0;}
	.list4 li p{ padding-bottom:0px;}
.list5{ padding:9px 10px 0 0;}
.list5 li{ font:18px/22px 'Oswald', sans-serif; margin-bottom:1px;}
	.list5 li a{color:#1d1d1d; display:block; background:#dcdcdc; padding:8px 0 9px 34px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.list5 li a:hover{ text-decoration:none; color:#fff; background:#4485B2;}
.lineBot{ border-bottom:1px solid #cfdbdd;}
.box2{ position:relative; background:#f7f8f8; border:1px solid #e3e4e4; overflow:hidden; padding:10px 19px 17px; font:13px/18px Arial, Helvetica, sans-serif; margin-bottom:5px;}
	.box2 img{ float:left; margin:12px 11px 0 0;}
	.box2 .extra-wrap{ padding-top:4px;}
	.box2 a:hover{ text-decoration:none; color:#4485B2; font-weight:bold;}
.text2{ font:18px/24px Arial, Helvetica, sans-serif; color:#444; min-width:29px; margin-top:-2px;}
.faq{ padding:1px 0 0 0 ;}
.faq p{  padding:0 0 5px;}
	.faq p a{ text-decoration:none;}
	.faq p a:hover{ text-decoration:underline; color:#000;}
.faq2 p{ padding-bottom:19px;}
.map{ padding:4px 0 0 0;}
.map iframe{ width:299px; height:300px;}
.contacts{ font-style:normal;}
	.contacts p{ font:14px/24px Arial, Helvetica, sans-serif; color:#1d1d1d; padding:20px 0 0 0;}
	.contacts span{ display:inline-block; width:70px;}
	.contacts a{color:#1d1d1d;}
/*  Buttons */
.button{display:inline-block; background:#4485B2; color:#fff; font:12px/15px 'Oswald', sans-serif; text-transform:uppercase; padding:12px 22px 11px; border-radius:5px;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.button:hover{ text-decoration:none; background:#1c1c1c;}
.link{ font:14px/24px Arial, Helvetica, sans-serif; color:#1d1d1d;}
.link2{ font:14px/24px Arial, Helvetica, sans-serif; color:#1d1d1d; text-decoration:underline;}
	.link2:hover{ text-decoration:none;color:#4485B2;}
/* light box */
.lightbox-image{ position:relative; display:block;}
.lightbox-image span{ display:block; top:0; left:0; bottom:0; right:0; width:100%; height:100%; position:absolute; background:url(../img/magnifying-glass.png) center center no-repeat #fff;}
.lightbox-image img{ position:relative; z-index:3;}
/******************** Footer ******************/
footer{ padding:22px 0;font:14px/24px Arial, Helvetica, sans-serif; color:#1d1d1d;}
footer a{color:#1d1d1d; text-decoration:underline;}
footer a:hover{color:#4485B2;}
.privacy{ float:left;}
.privacy span{ display:inline-block;}
.ft-right {float: right}
.social{ float:right; position:relative; overflow:hidden; padding:2px 65px 0 0;}
	.social li{ float:left; margin-left:4px;}
	.social li:first-child{ font:14px/25px 'Merienda One', cursive; color:#242424; letter-spacing:-1px; padding:5px 7px 0 0;}
	.social li a:hover img{ opacity:.6;filter: alpha(opacity = 60);}
/* padding */
.padtop3{ padding-top:16px;}
.padtop{ padding-top:22px;}
.padtop2{ padding-top:24px;}
.padtop4{ padding-top:34px;}
.padbot4{ padding-bottom:17px;}
.padbot6{ padding-bottom:22px;}
.padbot2{ padding-bottom:26px;}
.padbot{ padding-bottom:28px;}
.padbot5{ padding-bottom:32px;}
.padbot3{ padding-bottom:48px;}
.imgindent{ float:left; margin:4px 18px  0 0;}
.pad1{ padding:0 70px 20px 0;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.slider{ height:auto; padding-bottom:50px;}
	.flex-control-nav{width:411px; padding:8px 0 10px 345px;}
	.caption{ position:absolute; right:0;top:24px; width:272px;}
	.img1{ width:230px;}
	.news img{ width:80px;}
	.list1 li{padding:0 0 14px 29px;}
	.list2 li{ width:135px;margin:0 10px 10px 0;padding:10px;}
	.list3 li{ float:left; width:211px; background:#e3e3e3; padding:15px; margin:0 15px 15px 0;}
	.list4 li{ float:left; width:155px; margin:0 12px 20px 0;}
	.map iframe{ width:246px; height:250px;}
	.social{ padding-right:0;}
}
@media only screen and (max-width: 767px) {
	header h1,header .fright{ float:none !important;}
	header .fright{ display:none !important;}
	.header-links{ padding:0 0 0 0;}
	.caption{ position:absolute; right:0;top:45%; width:130px;}
	.slider-text1,.slider-text2{ display:none;}
	.slider{ height:auto; padding-bottom:40px;}
	.flex-control-nav{width:183px; padding:5px 0 8px 115px;}
	header h1 span.logo-slogan{ background:none; padding:0;}
	.header-links{ padding:13px 0 0 0; text-align:right;}
	.padRT{ padding-top:40px;}
	.social{ float:none; padding:0 0 15px 90px;}
	.social li:first-child{ display:none;}
	.privacy{ float:none;text-align:center;}
	.imgindent{ float:none; margin:4px 0 10px 0;}
	.list4 li{ float:left; width:140px; margin:0 10px 20px 0;}
	.list4 li.last{ margin-right:10px;}
	.slider-btn{padding:8px 12px;}
}
@media only screen and (max-width: 480px){
	.news .extra-wrap{ padding-top:13px;}
	.news{ padding-bottom:10px;}
	.img1{ width:300px;}
	.list2 li{ width:120px;margin:0 10px 10px 0;padding:10px;}
	.list2 li.last{ margin-right:10px;}
	.list3 li{ float:left; width:280px; background:#e3e3e3; padding:23px; margin:0 0 20px 0;}
	.map iframe{ width:300px; height:250px;}
	header h1{ padding-left:10px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	header h1 span.logo-slogan{ background:url(../img/slogan-border.gif) 14px 51% no-repeat; padding:32px 0 32px 29px;}
	.header-links{ padding:13px 0 0 0; text-align:right;}
	.flex-control-nav{width:241px; padding:5px 0 8px 175px;}
	.img1{ width:420px;}
	.news{ padding-bottom:20px;}
	.news .extra-wrap{ padding-top:25px;}
	.list2 li{ width:110px;margin:0 10px 10px 0;padding:10px;}
	.list2 li.last{ margin-right:0;}
	.list3 li{ float:left; width:180px; background:#e3e3e3; padding:10px; margin:0 10px 10px 0;}
	.list3 li.last{ margin-right:10px;}
	.list4 li{ float:left; width:130px; margin:0 10px 20px 0;}
	.list4 li.last{ margin-right:0;}
	.map iframe{ width:420px; height:250px;}
	.social{ float:none; padding:0 0 15px 160px;}
	.caption{ position:absolute; right:0;top:56%; width:140px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
/** Contact form**/
#contactwrap{
  border:solid #CCCCCC 1px;
  width:203px;
  -webkit-border-radius: 10px;
  float:left;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding:3px;
  margin-top:3px;
  margin-left:80px;
}
#contactwrap input {
  width: 120px;
}
.error{ color:#CC0000; font-size:12px; margin:4px; font-style:italic; width:200px;}

.success{ color:#009900; font-size:12px; margin:4px; font-style:italic; width:200px;}

img#refresh{
  float:left;
  margin-top:30px;
  margin-left:4px;
  cursor:pointer;
}
 
#name,#email{float:left;margin-bottom:3px; height:20px; border:#CCCCCC 1px solid;}

textarea#message{ min-width:260px;max-width:260px; height:100px;float:left;margin-bottom:3px; border:#CCCCCC 1px solid;}

label{ float:left; color:#666666; width:80px;}

#send{ border:#CC0000 solid 1px; float:left; background:#CC0000; color:#FFFFFF; padding:5px;}
#infra-bottom {
	padding-top: 20px;
	clear: both;
	text-align: center;
}
/** Contact form **/