/*

Designed and Coded By: Syosys Technologies
Date: 26/5/2009

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
body{ background:url(../images/bg.jpg) repeat-x top center;}
*{text-decoration:none; font-family:Arial, Helvetica, sans-serif;}
#wraper{margin:0 auto; padding:0; text-align:center; width:1255px; height:573px; position:relative;}
#wraper .slider{ position:relative;}


#header{margin:0 auto; width:1000px; height:573px; position:absolute; top:0; left:126px; z-index:2;}
#header.innerhead{margin:0 auto; width:1000px; height:363px; position:absolute; top:0; left:126px; z-index:2;}
#header #top{ width:1000px; height:158px; background:#fff; opacity:0.8;  box-shadow:2px 2px 2px #969696;}
#header #top .logo{ float:left; padding:15px 20px 0 45px;}
#header #top .col_right{ float:right; width:756px; height:158px;}
#header #top .col_right .fb{ float:right;}
#header #top .col_right .fb{float:right;margin:8px;}
#header #top .col_right .fb li{float:left; width:23px;height:23px;
	position:relative;overflow:hidden; margin-left:8px;}
#header #top .col_right .fb img {position:absolute;left:0;}

#header #top .col_right p{ float:right; padding-left:30px; font:normal 14px Arial, Helvetica, sans-serif; color:#4c4c4c; padding-top:10px;}
#header #top .col_right p span{ color:#ec4d31;}
#header #top .col_right .menu{float:right; background:url(../images/menu_bg.jpg) no-repeat top; padding:12px; margin-top:30px;}
#header #top .col_right .menu li{ float:left; padding:0 15px;}
#header #top .col_right .menu li a{ text-decoration:none; text-transform:uppercase; color:#baaeb2; font:bold 15px Arial, Helvetica, sans-serif;}
#header #top .col_right .menu li a:hover{ color:#f47920;}
#header #top .col_right .menu li a.active{ color:#f47920;}

#header .welcome{ width:960px; height:40px; padding:20px; float:left; color:#eaddb7; background:url(../images/welcomebg.png) repeat top left; text-align:left; line-height:22px; position:absolute; bottom:0; font-size:16px;}
#header .welcome a{ color:#ee5848; padding-left:20px;}
#header .welcome a:hover{ color:#fff;}

#header .caption{ width:285px; height:36px; float:left; position:absolute; background:url(../images/caption.png) no-repeat top left; top:420px; left:20px;}

/*header ends here*/

#container{ width:1000px; margin:0 auto;}
#container h1{ background:url(../images/h1bg.png) no-repeat top left; width:1000px; float:left; font-family: 'PFBeauSansProRegular'; color:#000; font-size:20px; font-weight:normal; margin:40px 0 20px 0; text-align:center;}
#container h1 span{ color:#ec4d31;}

#main{width:1000px;margin-top:10px; float:left;padding:10px; text-align:left;position:relative}

.gallery{width:980px; float:left; }
.gallery li{width:225px;float:left;margin-right:26px;margin-bottom:25px;margin-top:10px }
.gallery li .photo{width:225px;height:225px; overflow: hidden; position: relative;}
.gallery li.no_margin{margin-right:0}


.gallery li img {
   -webkit-transition: all 0.1s linear;
   -moz-transition: all 0.1s linear;
   -o-transition: all 0.1s linear;
   -ms-transition: all 0.1s linear;
   transition: all 0.1s linear;
   float:right; width:210px; height:210px;
}
.gallery li .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   background-color: rgba(0,0,0, 0.5);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.gallery li h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;margin-top:95px;text-align:center; color:#fff; background:url(../images/view.png) no-repeat top left;font-family: 'PFBeauSansProRegular'; font-size:17px; width:120px; height:38px; margin-left:50px;}
.gallery li p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.gallery li:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.gallery li a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gallery li:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.gallery li:hover h2,
.gallery li:hover p,
.gallery li:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.gallery li:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.gallery li:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
	

.gallery li .mask{
   width: 225px;
   height: 225px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
/*.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}*/

.gallery li .bg{position:absolute;top:0;left:0;width:225px;height:225px;background:url(../images/gallery_bg.png) top left no-repeat}

.gallery li h6{font:normal 14px PFBeauSansProRegular;text-align:center;margin-top:10px;color:#111;}
.gallery li h6 span{font:normal 16px PFBeauSansProRegular;text-align:center;color:#ec4d31;}

#main .full_column{ width:980px; float:left; margin:10px 0;}
#main .full_column h2{width:980px; font:normal 17px PFBeauSansProRegular;text-align:center;margin-top:10px;color:#111; text-align:left; padding-bottom:12px; margin-bottom:10px; background:url(../images/h2bg.png) repeat-x bottom left;}

#main .full_column .photogallery{ width:980px; float:left; list-style:none; margin-top:20px;}
#main .full_column .photogallery li{ width:174px; height:114px; float:left; margin-right:20px; margin-bottom:20px; border:3px solid #cfd4d1;}
#main .full_column .photogallery li.nomargin{ margin-right:0;}
#main .full_column .photogallery li img{width:174px; height:114px; float:left;}

.boxcaption3{float:left;position:absolute;width:180px;background:url(../images/zoom2.png) top left no-repeat;top:0;left:0;height:122px;display:none}
.picWrapper{ position: relative; width:180px;					height:120px;overflow:hidden;z-index:9;	}




#main .column_left{ width:650px; float:left; margin:10px 0;}
#main h2{font:normal 17px PFBeauSansProRegular;text-align:center;margin-top:10px;color:#111; text-align:left; padding-bottom:12px; margin-bottom:10px; background:url(../images/h2bg.png) no-repeat bottom left;}
#main h2 span{color:#ec4d31;}
#main .column_left .services{ width:650px; float:left; list-style:none;}
#main .column_left .services li{ width:600px; height:81px; padding:10px 25px; margin:15px 0; background:url(../images/servbg.png) no-repeat top left;}
#main .column_left .services li h3{font:normal 15px PFBeauSansProRegular;margin-top:10px; color:#096307;}
#main .column_left .services li img{ margin-right:20px; border:2px solid #fff; float:left; margin-top:3px;}
#main .column_left .fac_img{ float:right; margin:10px 0 10px 20px;}
#main .column_left .fac_img1{ float:left; margin:10px 20px 10px 0; border:solid 3px #cfd4d1;}

#main .column_left p{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#616161; line-height:18px; padding:5px 0; text-align:left;}
#main .column_left p span{ font-size:20px; color:#ec4d31; font-weight:bold;}
#main .column_left p img{ float:left; margin:5px 20px 5px 0;}
#main .column_middle{}
#main .column_right{ width:350px; float:right;margin:10px 0;}
#main .column_right .features{ width:260px; float:right; background:url(../images/featuresbg.png) no-repeat top left; height:460px; margin-right:20px; padding:0 20px;}
#main .column_right h3{font-family: 'AktuelleRegular'; font-size:30px;text-align:center;margin-top:15px;color:#fff; text-align:left; padding-bottom:12px; margin-bottom:5px; padding-top:20px;font-weight:normal;}
#main .column_right .features ul{ list-style:none; float:left; margin-top:10px;}
#main .column_right .features ul li{ color:#fff;font:normal 16px PFBeauSansProRegular; line-height:30px; background:url(../images/tick.png) no-repeat top left; padding-left:25px; background-position:0 10px;}


#main .column_right .what{ width:260px; float:right; background:url(../images/whatbg.png) no-repeat top left; height:480px; margin-right:20px; padding:0 20px;}
#main .column_right .what .offer{ list-style:none; float:left; margin-top:15px;}
#main .column_right .what .offer li{ color:#fff;font:normal 13px PFBeauSansProRegular; line-height:20px; background:url(../images/arrow.png) no-repeat top left; padding-left:25px; background-position:0 6px; padding-bottom:10px;}
.what.bg{background:url(../images/featuresbg.png) top left no-repeat !important;height:440px !important}


.contact_left{width:480px;float:left;/*border-bottom:solid 2px #494949*/}
.contact_left h1{font:normal 17px PFBeauSansProRegular; color:#000; font-weight:normal; text-transform:uppercase; margin-bottom:10px}
.contact_left h3,.contact_right h3{font:normal 14px PFBeauSansProRegular; color:#ec4d31; font-weight:normal; text-transform:uppercase; margin-bottom:15px;}
.contact_left .address{background:url(../images/home_icon.png) top left no-repeat;padding-left:39px;font:normal 13px Arial, Helvetica, sans-serif; color:#616161; font-weight:normal; line-height:19px; float:left;width:200px;margin-bottom:15px}

.contact_left .address h6,.contact_left .phone h6,.contact_left .email h6,.contact_left .fax h6,.contact_left .time h6 {font:normal 13px PFBeauSansProRegular; color:#078f37; font-weight:normal; margin-bottom:3px;}
.contact_left .right{float:right;width:230px; margin-top:10px;}
.contact_left .phone{background:url(../images/phone.png) top left no-repeat;padding-left:39px;font:normal 13px Arial, Helvetica, sans-serif; color:#616161; font-weight:normal; line-height:19px;margin-bottom:15px}
.contact_left .email{background:url(../images/icon_email.png) top left no-repeat;padding-left:39px; line-height:19px;}
.contact_left .email a{color:#7d7d7d;font:normal 13px Arial, Helvetica, sans-serif; }

.contact_left .left{width:239px;float:left; margin-top:10px;}
.contact_left .left h4{color:#710A11;font:bold 14px PFBeauSansProRegular;margin-top:19px}

.contact_right{width:450px;float:right;margin-right:2px}
.contact_right p{font:normal 13px Arial, Helvetica, sans-serif; color:#616161;}
.contact_right label{font:normal 13px Arial, Helvetica, sans-serif; color:#666;float:left;width:90px}
.contact_right input{font:normal 13px Arial, Helvetica, sans-serif; color:#616161;background:#e4ebe9 !important;border:solid 1px #b6ddca !important;padding:3px 10px;width:270px;height:24px}
.contact_right textarea{font:normal 13px Arial, Helvetica, sans-serif; color:#616161;;background:#e4ebe9 !important;border:solid 1px #b6ddca !important;padding:3px 10px;width:335px;height:100px;resize:none}
.contact_right li{margin-bottom:21px;float:left}
.contact_right li.ex_width{width:450px;}
.location_map{width:460px;float:left;margin-top:15px}
.location_map iframe{border:solid 3px #cfe7d9;width:458px;height:230px}
.contact_right input:hover,.contact_right input:focus,.contact_right textarea:hover,.contact_right textarea:focus{background:#fff !important}
.contact_right h3 {margin-bottom:15px}
.contact_right h3{margin-top:10px}
.contact_right .enquiry{margin-top:15px;float:left;margin-bottom:0 !important}
.contact_right input.button{width:90px;height:33px;background:url(../images/submit_btn.png) top left no-repeat !important;border:none !important;margin-top:5px;margin-left:90px}
.contact_right input.button:hover{background-position:0 -33px !important}
.tariff{background:url(../images/tariffbg.png) top left no-repeat;width:301px;height:213px;float:right;margin-right:20px;margin-bottom:20px}
.tariff h3{margin:0 35px 10px !important;text-align:center !important;margin-top:0 !important;padding-top:10px !important;color:#096307 !important;font-size:25px !important;border-bottom:dotted 1px #a7b59e;padding-bottom:8px !important}
.tariff p{font-size:13px;color:#5f5c5c;font-family:'PFBeauSansProRegular';line-height:23px;padding-left:35px;margin-bottom:8px}
.tariff_btn{background:url(../images/tariff_btn.png) top left no-repeat;width:170px;height:41px;float:right;position:absolute;right:5px;top:0px}
.tariff_btn:hover{background-position:0 -41px}

.serv li{font-size:12px !important;padding-left:20px !important;padding-bottom:7px !important}
h3.no_marginbot{margin-bottom:0 !important}

/*main ends here*/
#footer{ width:980px; padding:10px; height:80px; background:url(../images/footer_bg.jpg) no-repeat top center; float:left;}
#footer .footermenu{float:left; margin-left:200px; padding:10px 0;}
#footer .footermenu li{ float:left; padding:0 15px;}
#footer .footermenu li a{ text-decoration:none; text-transform:uppercase; color:#7c7c7c; font:normal 12px Arial, Helvetica, sans-serif;}
#footer .footermenu li a:hover{ color:#f47920;}

#footer .copyright{ width:980px; float:left; background:url(../images/copybg.jpg) repeat-y top center; height:50px; margin-top:10px; }
#footer .copyright p{text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; padding-top:18px;}
#footer .copyright p span{ float:right;}
#footer .copyright p span img{ padding-left:7px; margin-top:1px; float:right;}

/*footer ends here*/

@font-face {
 font-family: 'PFBeauSansProRegular';
 src: url('../font/pfbeausanspro-reg-webfont.eot');
 src: url('../font/pfbeausanspro-reg-webfont.eot?#iefix') format('embedded-opentype'),  url('../font/pfbeausanspro-reg-webfont.woff') format('woff'),  url('../font/pfbeausanspro-reg-webfont.ttf') format('truetype'),  url('../font/pfbeausanspro-reg-webfont.svg#PFBeauSansProRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
    font-family: 'AktuelleRegular';
    src: url('../font/aktuelle-webfont.eot');
    src: url('../font/aktuelle-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/aktuelle-webfont.woff') format('woff'),
         url('../font/aktuelle-webfont.ttf') format('truetype'),
         url('../font/aktuelle-webfont.svg#AktuelleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.workation p{

  float: left;
  padding: 20px 0;
  color: #333;
}

.workation a{

    margin-bottom: 40px;
    float: right;
    padding: 10px 20px;
    font-size: 15px;
    border-radius: 3px;
    background:#4caf50;
    color: #fff;
    transition: all ease-in-out .3s;
}

.workation a:hover {

  background: #ec4d31;

}

.workation h1 {

  background: url(../images/h3bg.png) no-repeat top left !important;
}

.w-page .column_left{
 
    width: auto !important;

}

.w-page .column_left .span-w{

  font-size: 12px;
  color: #4caf50 !important;
  padding: 0 !important;

}

.w-page .column_left .span-w1{

  font-size: 12px;
  color: #ec4d31 !important;
}

.w-page ul {

    font-size: 12px;
    color: #616161;
    line-height: 18px;
}