/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html {width:100%;}

body { 	 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#3a3a3a;
	min-width:1029px;
	background: #b1b1b1;
	padding:0;
}

.main {
	width:980px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.4615em;
	position:relative;
	background: none;
}

.bg {width:100%; background: #b1b1b1;}
.bg-1 {width:970px; background: #f3f3f3; border:5px solid #dadada;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow:1px 1px 5px rgba(0,0,0,0.12);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.12);
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.12);}


a {color:#8c8c8c; outline:none;}
a:hover {text-decoration:none;}

.clear {clear:both; width:100%; line-height:0; font-size:0;}

.col-1, .col-2, .col-3, .col-4 {float:left;}
.column-1, .column-2, .column-3 {float:left;}  

.wrapper {width:100%; overflow:hidden;}
.wrapper {width:100%; overflow:hidden; position:relative;}
.extra-wrap {overflow:hidden;}
.extra-box {overflow:hidden;}
.extra-box-1 {overflow:hidden; position:relative;}
 
.container {width:100%;}

p {margin-bottom:22px;}
.p0 {margin-bottom:0px;}
.p1 {margin-bottom:6px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}
.p6 {margin-bottom:60px;}
.p7 {margin-bottom:65px;}

.reg {text-transform:uppercase;}

.fleft {float:left;}
.fright {float:right;}

.alignright {text-align:right;}
.aligncenter {text-align:center;}

.text-indent {text-indent:32px; padding-top:7px;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.big {text-transform:uppercase;}

.letter {letter-spacing:1px;}

.l-h {line-height:22px;}

.color-1 {color:#fff;}
.color-2 {color:#000;}
.color-3 {color:#6db607;}
.color-4 {color:#414141;}
.color-5 {color:#29a9e0;}


.hidden {overflow:hidden;}

.rel {position:relative;}

.shadows {box-shadow:0px 0px 15px rgba(0,0,0,0.35);
-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.35);
-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.35);
}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:55px;}

.margin-right {margin:0 5px 0 0;}

.margin-top {margin-top:5px;}
.margin-top1 {margin-top:9px;}



.spacing {margin-right:35px;}
.spacing2 {margin-right:45px;}
.spacing3 {margin-right:60px;}

.spacing-bot {margin-bottom:25px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:29px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent1 {float:left; margin:0px 3px 0px 0px;}
.img-indent2 {float:left; margin:5px 13px 0px 0;}
.img-indent3 {float:left; margin:0 28px 0px 0;}
.img-indent4 {float:left; margin:5px 25px 0px 0;}
.img-indent5 {float:left; margin:5px 18px 0px 0;}
.img-indent-r {float:right; margin:0 0px 0px 11px;}
.img-indent-r1 {float:right; margin:9px 11px 0px 35px;}


.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:10px;}
.prev-indent {float:left; margin:0 16px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	


.border {border:2px solid #fff;
border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;
}

.buttons a:hover {cursor:pointer;}

.menu li a,
.sf-menu li a,
.list-1 li a,
.list-2 li a,
.list-3 li a,
.link,
.link-1,
.button-1,
.button-2,
.button-3,
.button-4,
.button-5,
.text-bot a,
.works-list li a,
.date,
.text-2,
h6 a,
.accordion dt a,
.footer-menu li a,
td a,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:205px; width:100%; position:relative; z-index:2;  background:url(../images/bg-1.jpg) 0 0 repeat; padding:0px 0 0 0;}
header.header {height:700px; width:100%; position:relative; z-index:2; background:url(../images/bg-1.jpg) 0 0 repeat; padding:0px 0 0 0;}

.bg-header{width:100%; height: 80%; background:url(../images/bg-header.png) center 0 no-repeat;}

.row-1 {width:100%; height:162px; position:relative; z-index:2; background:none;}
.row-2 {width:100%; height:565px; padding:0px 0 0 0; position:relative; z-index:1; background: none;}
.row-3 {width:100%; height:205px; position:relative; z-index:2; background:none;}

h1 {padding:0px 0 0 0px; position:relative;}
.logo {display:block; width:235px; height:162px; text-indent:-5000px; background:url(../images/logo.gif) 0 0 no-repeat;}


header #form-top {position:absolute; top:46px; right:1px;}
header .form-top {height:29px; overflow:hidden; border:none; background:#1a1a1a;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;}
header .form-top span{float:left;}
header #form-top input {width:123px; font-size:1em; line-height:1.2em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; background:none; padding:5px 14px 5px 14px; margin-right:2px; border:0 none;}
header #form-top a {float:left; display:inline-block; width:40px; height:28px; background:url(../images/marker-top.png) left top no-repeat;}
header #form-top a:hover {background-position:left bottom;}


/************ sf-menu **********************/
	
.sf-menu {padding:0px 0 0 0px; width:695px; background:url(../images/bg-menu.gif) 0 0 repeat-x; position:absolute; right:0px; top:105px;}
.sf-menu li.bgr {float:left; padding:0;
	background: url(../images/bg-menu-li.gif) right 17px no-repeat;
	
}
.sf-menu li.bgr.last, .sf-menu li.bgr.last:hover {background:none;}
.sf-menu li.bgr:hover, .sf-menu li.bgr.sfHover {background: url(../images/bg-menu-li.gif) right 17px no-repeat;}
.sf-menu li.current, .sf-menu li.current:hover, .sf-menu li.current.sfHover  {
	background: #1d1d1d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1d1d1d), to(#101010));
	background: -moz-linear-gradient(#1d1d1d, #101010);
	background: linear-gradient(#1d1d1d, #101010);
	-pie-background: linear-gradient(#1d1d1d, #101010);
	background-image: -o-linear-gradient(#1d1d1d, #101010);
}


.sf-menu li a.mains {display:block; padding:16px 0px 16px 0px; width:115px;  color:#f5f5f5; font-size:21px; line-height:1.2em; text-transform:uppercase; text-align:center; background: none;}
.sf-menu li.current a.mains, .sf-menu li.current a.mains:hover  {color:#f5f5f5;}
.sf-menu li a.mains:hover, .sf-menu li.sfHover a.mains {color:#88d909; background:none;}




/*********************************content*************************************/
#content {width:100%; padding:24px 0px 0px 0px; z-index:1; position:relative;}

.spacer {width:100%; background:url(../images/spacer.gif) 464px 0px repeat-y;}

.border-bot {width:100%; border-bottom:1px solid #d9d9d9; padding-bottom:14px;}
.border-bot0 {width:100%; border-bottom:1px solid #d5d6d8; padding-bottom:11px;}
.border-bot1 {width:100%; border-bottom:1px solid #d5d6d8; padding-bottom:26px;}
.border-bot2 {width:100%; border-bottom:1px solid #d5d6d8; padding-bottom:52px;}


.padding{padding: 37px 0px 48px 0px;}
.padding1{padding:59px 0px 80px 0px;}


h2 {font-size:36px; line-height:1.2em; color:#14181b; margin:0 0 27px 0;}
h2 strong {display:block; margin-top:-2px;}
h3 {font-size:32px; line-height:1.2em; color:#14181b; margin:2px 0 17px 0;}
h4 {font-size:24px; line-height:1.2em; margin:0px 0 17px 0px; color:#fff;}
h6 {font-size:13px; line-height:19px; margin:0px 0 0px; color:#3a3a3a;}
h6 a{color:#3a3a3a;}
h6 a:hover {text-decoration:underline;}



.text-1 {font-size:16px; display:block; line-height:1.2em; color:#00afff; letter-spacing:-1px; padding:2px 0 0 6px;}
.text-1 strong {display:block; margin-top:-3px;}


.list-1 li {font-size:14px; line-height:30px; background:url(../images/marker-1.gif) 0px 6px no-repeat; padding-left:34px;}
.list-1 li a {color:#3a3a3a; display:inline-block;}
.list-1 li a:hover {text-decoration:underline;}


.list-3 {background:url(../images/pic-1.gif) 0 top repeat-x;}
.list-3 li {background:url(../images/pic-1.gif) 0 bottom repeat-x; font-family:Arial, Helvetica, sans-serif;}
.list-3 li a {color:#505050; font-size:13px; line-height:31px;  display:inline-block; background:url(../images/marker-3.gif) 9px 14px no-repeat; padding-left:18px;}
.list-3 li a:hover {color:#fff;}


/************ links **********************/

.link {display:inline-block; color:#3a3a3a; font-size:13px; line-height:19px;}
.link:hover {text-decoration:underline;}

.link-1 {display:inline; color:#3a3a3a; font-size:13px; line-height:19px;}
.link-1:hover {color:#6eb30e;}

.link-2 {display:inline; color:#6db607; font-size:13px; line-height:19px; font-weight:bold;}
.link-2:hover {color:#3a3a3a;}
/***************** buttons *****************************/

.button-1 {cursor:pointer; display:inline-block; font-size:17px; line-height:1.2em; font-family:Tahoma, Geneva, sans-serif; color:#000; padding:6px 14px 10px 14px; text-align:center;
	border:1px solid #fff;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#c1c1c1));
	background: -moz-linear-gradient(#fff, #c1c1c1);
	background: linear-gradient(#fff, #c1c1c1);
	-pie-background: linear-gradient(#fff, #c1c1c1);
	background-image: -o-linear-gradient(#fff, #c1c1c1);
	border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.button-1:hover {border:1px solid #c1c1c1;
	background: #c1c1c1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c1c1c1), to(#fff));
	background: -moz-linear-gradient(#c1c1c1, #fff);
	background: linear-gradient(#c1c1c1, #fff);
	-pie-background: linear-gradient(#c1c1c1, #fff);
	background-image: -o-linear-gradient(#c1c1c1, #fff);}
	

/****************** boxex ***************************/
.box {position:relative; background:#efefef; border:1px solid #eae9e9; min-height:224px; 
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;}

.box .padding {padding:23px 17px 11px 23px;}

.box-1 {width:100%; background:url(../images/bg-box-1.gif) 0 0 no-repeat;}
.box-2 {width:100%; min-height:140px;}
.box-3 {width:100%; height:565px;}


/************** forms *******************************/


input, textarea { margin:0; font-size:1em; color:#3a3a3a; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/* Contact form */
#contact-form {
	overflow:hidden;
	position:relative;
	vertical-align:top;
	width:100%;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}
		#contact-form .field {
			overflow:hidden;
			padding:0 0 9px 0px;
			}
			#contact-form input[type=text] {
				float:left;
				width:275px;
				background:#f3f3f3;
				border:1px solid #dadada;
				padding:5px 8px 6px 8px; margin:0px 0 0 0px;
				line-height:1.2em;
				border-radius:14px;
				-moz-border-radius:14px;
				-webkit-border-radius:14px;
				}
				
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				width:365px;
				height:134px;
				background:#f3f3f3;
				border:1px solid #dadada;
				padding:6px 8px; margin:1px 0 0 0px;
				overflow:auto;
				display:block;
				line-height:1.2em;
				border-radius:14px;
				-moz-border-radius:14px;
				-webkit-border-radius:14px;
				}
				#contact-form a {
					cursor:pointer;
					}
				#contact-form .alignright {
					padding-top:12px;
					}
					#contact-form small {
						color:red;
						font-weight:bold;
						padding:0 0 0 5px;
						}
			#contact-form label {
				padding:0 0 0px 5px;
				display:inline-block;
				color:#F00;
				}
			#contact-form strong {
				padding:0 0 2px 9px;
				display:inline-block;
				color:#838383;
				}
				#contact-form .error {
					float:left;
					color:red;
					width:340px;
					font-size:12px;
					line-height:25px;
					display:none;
				}
		.buttons-wrapper { float:right; margin-top:30px; padding-right:8px;
			}
		.buttons-wrapper a { margin-left:22px;}

				
.button {cursor:pointer; display:inline-block; font-size:17px; line-height:1.2em; font-family:Tahoma, Geneva, sans-serif; color:#000; padding:7px 12px 10px 12px; text-align:center;
	border:1px solid #fff;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#c1c1c1));
	background: -moz-linear-gradient(#fff, #c1c1c1);
	background: linear-gradient(#fff, #c1c1c1);
	-pie-background: linear-gradient(#fff, #c1c1c1);
	background-image: -o-linear-gradient(#fff, #c1c1c1);
	border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
}
.button:hover {border:1px solid #c1c1c1;
	background: #c1c1c1;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c1c1c1), to(#fff));
	background: -moz-linear-gradient(#c1c1c1, #fff);
	background: linear-gradient(#c1c1c1, #fff);
	-pie-background: linear-gradient(#c1c1c1, #fff);
	background-image: -o-linear-gradient(#c1c1c1, #fff);}


.map iframe {width:304px; height: 182px; overflow:hidden; border:2px solid #fff;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
box-shadow:1px 1px 5px rgba(0,0,0,0.12);
-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.12);
-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.12);
} 

.contact {font-size:13px; line-height:19px; color:#3a3a3a;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.contact dt {margin-bottom:19px;}
.contact dd span {float:left; width:91px;}


/****************************footer************************/
footer {width:100%; padding:22px 0px 50px 0px; background:none; position:relative; z-index:2;}

.text-bot {float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height:30px; color:#1d1d1d; padding:3px 0px 0px 0px; text-align:right;}
.text-bot span.line{margin: 0px 3px 0 3px;}
.text-bot a {color:#1d1d1d; text-decoration:underline;}
.text-bot a:hover {text-decoration:none;}

.phone {float:right; text-align: left; font-size:16px; line-height:1.2em; font-weight:bold; color:#fff; padding: 4px 34px 8px 0; background:url(../images/phone-icon.gif) right 2px no-repeat;}

.works-list {position:relative; float:right; padding:20px 0px 0 0;} 
.works-list li {float:left; margin-left:6px;}
.works-list li a {display:inline-block;}


/* Easy Tooltip */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	z-index:3;
}
/* // Easy Tooltip */


/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	z-index:1;
	
	}

.lightbox-image img {
	position:relative;
	z-index:2;
	background:#f1f1f1;
	}

.lightbox-image span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/magnify.png) no-repeat 50% 50%;
	z-index:1;
	}
	
/*--- accordion begin ---*/
.accordion {
	padding:0;
}


	.accordion dt	{
		cursor:pointer;
		overflow:hidden;
		font-size:14px;
		line-height:31px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#fff;
		border-bottom:1px solid #efefef; border-right:1px solid #efefef;
		background:none;
		border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
		padding: 0px 0 0px 0px;
		margin-bottom:4px;
	}
	
	.accordion dt span {display:block; margin-top:-5px;}
	.accordion dt.active, .accordion dt:hover {
		background: #eff0ef; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eff0ef), to(#e4e6e4));
		background: -moz-linear-gradient(#eff0ef, #e4e6e4);
		background: linear-gradient(#eff0ef, #e4e6e4);
		-pie-background: linear-gradient(#eff0ef, #e4e6e4);
		background-image: -o-linear-gradient(#eff0ef, #e4e6e4);
	}
	.accordion dt a {
		color:#000;
		 background:url(../images/marker-2.gif) 22px 12px no-repeat;  padding-left:44px; display:inline-block;
	}
	.accordion dt a:hover {
		color:#000;
	}
	
		.accordion dd {
		font-size:13px;
		line-height:19px;
		font-style:italic;
		color:#676767;
		display:none;
		overflow:hidden; /*important for accordeon*/
		text-transform:none;
		padding: 20px 0 0px 5px;
		margin-bottom:0;

	}
		.accordion dd a {
			color:#6db607;
			background:none;
			font-weight:bold;
			text-decoration:none;
		}
		.accordion dd a:hover {
			color:#3a3a3a;
		}
		


	
/*--- accordion end ---*/

/****************************bxSlider************************/
/*next button*/
#page1 .bx-prev {
	width:32px; height:32px; cursor:pointer; position:absolute; top:-118px; right:32px; display:block; background:url(../images/prev-next.png) 0 0 no-repeat;
	text-indent: -5000px;
}
#page1 .bx-prev:hover {background-position:0 bottom;}

/*previous button*/
#page1 .bx-next {
	width:32px; height:32px; cursor:pointer; position:absolute; top:-118px; right:0px; display:block; background:url(../images/prev-next.png) right top no-repeat;
	text-indent: -5000px;
}

#page1 .bx-next:hover {background-position:right bottom; width:32px; height:32px;}

#page1 .bx-window {
	width:590px;
	min-height:135px;
	overflow:hidden;
	position:relative;
	float:left;
}

#page1 #slider1 li {
	width:590px;
	float:left;
	background:#f3f3f3;
	padding:0px 0 0px 0;
}

/****************************bxSlider************************/
/*next button*/
#page4 .bx-prev {
	width:32px; height:32px; cursor:pointer; position:absolute; top:-58px; right:32px; display:block; background:url(../images/prev-next.png) left top no-repeat;
	text-indent: -5000px;
}
#page4 .bx-prev:hover {background-position:left bottom;}

/*previous button*/
#page4 .bx-next {
	width:32px; height:32px; cursor:pointer; position:absolute; top:-58px; right:0px; display:block; background:url(../images/prev-next.png) right top no-repeat;
	text-indent: -5000px;
}

#page4 .bx-next:hover {background-position:right bottom;}

#page4 .bx-window {
	width:590px;
	min-height:565px;
	overflow:hidden;
	position:relative;
	float:left;
}

#page4 #slider1 li {
	width:590px;
	float:left;
	background:#f3f3f3;
	padding:0px 0 0px 0;
}
