html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
@font-face { font-family: 'Calibri'; src: url("calibri.eot") * EOT file for IE */}
@font-face { font-family: 'Calibri'; src: url("calibri.ttf") /* TTF file for CSS3 browsers */}

@font-face { font-family: helv; src: url("helvetica.eot") * EOT file for IE */}
@font-face { font-family: helv; src: url("helvetica.ttf") /* TTF file for CSS3 browsers */}


body
{
	background:#000; 
	font:normal 18px/20px 'Calibri', sans-serif;

	min-height: 100%;
	color:#fff;
}


#wrapper {
    height: auto !important;
    min-height: 100%;
    height: 100%;
    position: relative; /* Required to absolutely position the footer */
	background:url(../images/bg15.jpg) top center no-repeat;
}

#footer {
    height: 50px; /* Define height of the footer */
    width: 990px; /* As wide as it's allowed */
	margin:0px auto;
	margin-top:-50px;
	text-align:right;
	font-size:18px;
	letter-spacing:1px;

}

input:focus{
outline:none;
}

#content {
	width:990px;
	margin:0px auto;
}

#header
{

width:990px;
margin:0px auto;
display:block;
height:110px;
}

.spacer
{
clear:both;
}

.container {margin: 0 auto;width: 990px; }

.logo{
	background:url(../images/logo.png) no-repeat;
	width:840px;
	height:121px;
	float:left;
	margin-left:20px;
	top:20px;
	position:absolute;
	z-index:10;

}

#menu {
	list-style:none;
	width:880px;
	float:left;
	background:inherit;
	position:relative;
	margin-left:30px;

	
	
}
#menu ul{margin-top:35px;float:right;}
#menu li {
	float:left;
	display:block;
	text-align:center;
	position:relative;
	padding: 4px 2px 4px 5px;
	margin-right:5px;
	margin-top:15px;
	border:none;
	z-index:15;
}
#menu li a {
	font-family: 'Calibri', sans-serif;
	font-size:18px;
	letter-spacing:1px;
	font-weight:normal;
	color:#fff;
	display:block;
	outline:0;
	text-decoration:none;
	padding:0 40px 0 40px;

}


#menu li a.active{
	color:#eab61c;
}
#menu a li:hover{
	color:#eab61c;

}



.slid{ width:990px;height:auto; margin:0px auto;}
.slid-texbg{ width:620px;height:530px;float:left;position:absolute;display:table-cell;vertical-align:middle; text-align:center; font:normal 18px/24px 'Calibri', sans-serif; color:#9a9a9a; background:url(../images/watermark3.png) 30px 0px no-repeat;margin-left:-40px;margin-top:-10px;}
.slid-tex{ width:580px;height:530px;float:left;position:relative;display:table-cell;vertical-align:middle; text-align:center; font:normal 18px/24px 'Calibri', sans-serif; color:#9a9a9a;}
.slid-tex-port{ width:580px;height:530px;float:left;position:relative;display:table-cell;vertical-align:middle; text-align:center; font:normal 18px/24px 'Calibri', sans-serif; color:#9a9a9a; }
.slid-tex ul
{
	width:580px;margin:0px auto;margin-top:220px;
}
.slid-tex li{width:530px;text-align:center;font:normal 17px/28px 'Calibri', sans-serif; color:#9a9a9a; letter-spacing:1px;}
.slid-tex-about{ width:580px;height:auto; float:left; text-align:left; color:#fff; margin:0px auto;margin-top:106px;font:normal 18px/24px 'Calibri', sans-serif; }
.slid-tex-about h2{ font:normal 18px/24px helv, 'Calibri', Arial,sans-serif; padding-bottom:10px;border-bottom:2px solid #cdd2d5;width:350px;margin-left:20px;}
.fill h2{font:normal 20px/30px helv, 'Calibri', Arial,sans-serif; padding-bottom:10px;border-bottom:2px solid #cdd2d5;width:464px;margin:0px auto;text-align:center;margin-bottom:55px;margin-top:-105px;}
.slid-tex-about p{ font:normal 18px/24px helv, 'Calibri', Arial,sans-serif; margin:20px 0px;width:490px;margin-left:20px;text-align:justify;}


.slid-tex-about h2{ font:normal 20px/24px helv, 'Calibri', Arial,sans-serif; padding-bottom:10px;border-bottom:2px solid #cdd2d5;width:350px;margin-left:20px;}
.slid-tex-about p{ font:normal 20px/24px helv, 'Calibri', Arial,sans-serif; margin:20px 0px;width:490px;margin-left:20px;text-align:justify;}
.name
{
font-size:18px;
font-weight:bold;
letter-spacing:1px;
}
#contact_map
{


}

.contact_map_bg
{
width:515px;
height:358px;
background:#fff;
opacity:.15;
position:absolute;
border-radius:10px;
}

.map-space
{
padding:18px;
}

.add
{
margin-left:15px;
font-size:18px;
line-height:30px;
font:normal 18px/30px helv, 'Calibri', Arial,sans-serif;
letter-spacing:1px;
}

.add td
{
padding:5px;
}
.slid-tex-about ul li{ font:normal 20px/24px helv, 'Calibri', Arial,sans-serif; margin:20px 0px;width:490px;}
.headcontent p{font-size:18px;width:620px;line-height:32px;margin:20px;margin-left:20px;}
.ss span{color:#939393;}
.ssactive span{color:#fff;}

.slid-img{ width:355px;height:auto; float:left; text-align:center;   margin-top:100px; }
.slid-img li{width:355px;float:left;}
 strong{font:normal 18px/24px "Calibri",Arial; color:#939393; }

 #accordion {
    list-style: none;
    padding: 0 0 0 0;
}

#accordion
{
position:relative;;
left:0px;
margin-left:5px;
}
#accordion div {
    display: block;

    margin-bottom: 10px;
    cursor: pointer;

}

#accordion div span {
    padding-left:15px;
}
#accordion ul {
    list-style: none;
    padding: 0 0 0 0;
	

}
#accordion ul{
    display: none;
}
#accordion ul li {
    margin:5px 0 0 0;
    max-width:600px;
  
    cursor: auto;
   
    padding: 0 0 0 7px;
	color:#000;

}

.iobg
{
width:990px;
background:#fff;
opacity:0.05;
height:292px;
left:0px;
position:absolute;
}
.imgslide {
	/* defaults for resposive height container */
	position: relative;
	width: 940px;
	height: 292px;
	margin: 0 auto;
	overflow: visible;
	padding:27px 28px;;
	padding-left:20px;
	
	
}
.imgslide1 {
	/* defaults for resposive height container */
	position: relative;
	width: 940px;
	height: 292px;
	margin: 0 auto;
	overflow: visible;
	padding:27px 28px;;
	padding-left:20px;
}
.imgslide2 {
	position: relative;
	width: 940px;
	height: 292px;
	margin: 0 auto;
	overflow: visible;
	padding:27px 28px;;
	padding-left:20px;
}
.sliderbg
{
	width: 940px;;
	height: 245px;
	background:#fff;
	opacity:0.1;
	position:absolute;
	margin-top:25px;
}
.iosSlider {
	width: 940px;;
	height: 245px;
	margin-top:25px;
	padding-top:8px;
	
	
	position:relative;z-index:99999;
}

.iosSlider .slider {
	width: 930px;
	height: 100%;
	
}

.iosSlider .slider .item {
	
	float: left;
	width: 225px;
	

	margin:0px 5px;
}

.iosSlider .slider .item img {
	width: 100%;
	height: auto;
}

.imgslide .prev {
	position: absolute;
	top: 140px;
	left: 1px;
	width: 23px;
	height: 47px;
	
	z-index: 9999;
	background: url(../images/leftarrow.png) top left no-repeat;
}

.imgslide .next {
	position: absolute;
	top: 140px;
	right: 10px;
	width: 23px;
	height: 47px;
	background: url(../images/rightarrow.png) top left no-repeat;

	z-index: 10;

}

.imgslide .unselectable {
	opacity: 0.2;
}




.iosSlider1 {
width: 940px;;
	height: 245px;
	margin-top:25px;
	padding-top:8px;
	
	
	position:relative;z-index:99999;
}

.iosSlider1 .slider1 {
	width: 100%;
	height: 100%;
}

.iosSlider1 .slider1 .item {
		float: left;
	width: 225px;
	margin:0px 5px;
}

.iosSlider1 .slider1 .item img {
	width: 100%;
	height: auto;
}

.imgslide1 .prevv {
	position: absolute;
	top: 140px;
	left: 1px;
	width: 23px;
	height: 47px;
	
	z-index: 9999;
	background: url(../images/leftarrow.png) top left no-repeat;
}

.imgslide1 .nextt {
	position: absolute;
	top: 140px;
	right: 10px;
	width: 23px;
	height: 47px;
	background: url(../images/rightarrow.png) top left no-repeat;

	z-index: 10;
}

.imgslide1 .unselectable1 {
	opacity: 0.2;
}




.iosSlider2 {
	width: 940px;;
	height: 245px;
	margin-top:25px;
	padding-top:8px;
	
	
	position:relative;z-index:99999;
}

.iosSlider2 .slider2 {
	width: 100%;
	height: 100%;
}

.iosSlider2 .slider2 .item {
	float: left;
	width: 225px;
	
		margin:0px 5px;
position:relative;
	display:table-cell;
	vertical-align:middle;
	overflow:hidden;
}

.iosSlider2 .slider2 .item img {
	height: auto;
	width: 100%;
	margin-top:40px;
}

.imgslide2 .prevvv {
	position: absolute;
	top: 140px;
	left: 1px;
	width: 23px;
	height: 47px;
	
	z-index: 9999;
	background: url(../images/leftarrow.png) top left no-repeat;
}

.imgslide2 .nexttt {
	position: absolute;
	top: 140px;
	right: 10px;
	width: 23px;
	height: 47px;
	background: url(../images/rightarrow.png) top left no-repeat;

	z-index: 10;
	}

.imgslide2 .unselectable2 {
	opacity: 0.2;
}


.headcontent
{
display:none;
}


.form {
	width:857px;
	margin:0px auto;
	
	list-style-image:none;
	
	padding:0;
}
.form :focus
{
border:none;
}
.form input[type='text'], .form textarea {
	width:297px;
	height:22px;
	background:url(../images/inputbg.png) no-repeat;
	resize:none;
	border:none;
	line-height:22px;
	font-size:13px;
	font:normal 17px/22px helv, 'Calibri', Arial,sans-serif; 

	color:#999a9a;
	text-indent:10px;
}
.form input[type='submit']{
	width:297px;
	height:29px;
	background:url(../images/inputbg.png) no-repeat;
	resize:none;
	border:none;
	line-height:29px;
	font-size:13px;
	font:normal 17px/29px helv, 'Calibri', Arial,sans-serif; 
	color:#999a9a;
	text-indent:10px;
}
input.other
{
width:250px;
	height:21px;
	border-radius:5px;
	background:url(../images/other_bg.png) no-repeat;

}

.form textarea
{
	width:290px;
	height:84px;
	background:url(../images/textarea_bg.png) no-repeat;
	border:none;
	line-height:28px;
	font-size:13px;
	font:normal 17px/29px helv, 'Calibri', Arial,sans-serif; 
	border-radius:5px;
	color:#999a9a;
	text-indent:10px;
}

.form label {
	display:inline-block;
	
	font:normal 18px/24px helv, 'Calibri', Arial,sans-serif; 
	line-height:28px;
	vertical-align:top;
	width:100px;
}

a:active, a:focus {
border:
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.address{width:830px; height:29px;margin:10px 10px;}
.address input{ background:url(../images/area.png) repeat #151515;!important; width:718px; height:21px; border-radius:5px; border:1px solid #000;opacity:0.80;
filter:alpha(opacity=80); margin:5px 0 5px 0px;}
.mobile{width:830px; height:29px;}
.flmob label{width:auto;margin-right:22px;}
.mobile input{ background:url(../images/mob_bg.png) no-repeat!important; width:150px; height:20px;border-radius:5px;}
.fl{ float:left;margin:10px 10px;}
.flmob{float:left;margin:10px 0px;margin-right:10px;}
.fr{ float:right;}


/* all form DIVs have position property set to relative so we can easily position newly created SPAN */
form div.selects{position:relative;} 

/* setting the width and height of the SELECT element to match the replacing graphics */
select.select{
		position:relative;
		z-index:10;
		width:280px !important;
		height:20px !important;
		line-height:21px;
}

/* dynamically created SPAN, placed below the SELECT */
span.select{
	position:absolute;
	bottom:0;
	float:right;
	right:0;
	width:288px;
	height:21px;
	line-height:21px;
	text-indent:10px;
	border-radius:5px;
	background:url(../images/select_bg.png) no-repeat 0 0;
	cursor:default;	z-index:1;
	font:normal 17px/21px helv, 'Calibri', Arial,sans-serif; 

	color:#999a9a;
	top:-1px;
	}
	
/* first variation (LABEL is above the SELECT) */	
form div.variation1 label{display:block;line-height:26px;}

/* second variation (LABEL is placed on the left of the SELECT) */	
form div.variation2 label{float:left;width:100px;line-height:26px;}
form div.variation2 span.select{left:100px;}

.close 
{
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
background-image: url('../source/fancybox_sprite.png');
}

#boxes #dialog {
  width:520px;
  height:550px;
}

#boxes #dialog div.inner_modal
{
 background-color: #fff;
 -webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
-moz-box-shadow: 0 0 25px 0 #000000;
-webkit-box-shadow: 0 0 25px 0 #000000;
box-shadow: 0 0 25px 0 #000000;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
  opacity:0.2;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  
  height:200px;
  display:none;
  z-index:9999;
  
}

input:focus{
outline:none!important;
}

.color-red
{
color:red;
}