/* 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:#6e6e6e;
	min-width:1072px;
	background: url(../images/bg-body.gif) center 0 repeat #eaeaea;
	padding:58px 0 86px 0;
}

.main {
	width:1072px; 	
	padding:0;
	margin:0 auto;
	font-size:0.8125em;
	line-height:1.3846em;
	position:relative;
	background: none;
}

.rounded-corners {
     -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}


.bg {width:100%; background: url(../images/bg.png) center 0 repeat;}
.bg-1 {width:100%; background: #fff;}

.padding-main {padding: 18px 19px 31px 19px;}


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:18px;}
.p00 {margin-bottom:0px;}
.p0 {margin-bottom:5px;}
.p1 {margin-bottom:8px;}
.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;}

.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:#191919;}
.color-3 {color:#9d9d9d;}
.color-4 {color:#2c2f40;}
.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-top {margin-top:4px;}
.margin-top1 {margin-top:59px;}



.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 18px 0px 2px;}	
.img-indent1 {float:left; width: 78px; margin:0px 9px 0px 0px;}
.img-indent2 {float:left; margin:0px 25px 0px 2px;}
.img-indent3 {float:left; margin:0px 22px 0px 12px;}
.img-indent4 {float:left; margin:0px 8px 0px 2px;}
.img-indent-r {float:right; margin:0 0px 0px 11px;}
.img-indent-r1 {float:right; margin:9px 11px 0px 35px;}

.text-indent{float:left; font-size: 30px; line-height:1.2em; color:#000; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin: 0px 8px 0px 0; position:relative;}

.img-box {float:left; margin-bottom:20px;}	

.prev-indent-bot {margin-bottom:12px;}
.prev-indent {float:left; margin:0 16px 0px 0;}	
.prev-box {float:left; margin-bottom:8px;}	


.border {border:4px solid #212121;}
.border1 {border:4px solid #2f2f2f;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.sf-menu li a,
.list-1 li a,
.list-2 li a,
.list-4 li a,
.link-1,
.link-3,
.link-4,
.link-6,
.button,
.button-1,
.button-2,
.button-3,
.button-4,
.button-5,
.text-bot a,
.works-list li a,
header #form-top a,
.date,
.text-2,
h6 a,
.accordion dt a,
.aside-menu li a,
td a,
.logo {text-decoration:none;}	

/*********************************header*************************************/
header {height:309px; width:100%; position:relative; z-index:2; background:none; padding:3px 0 0 0;}
header.header {height:651px; width:100%; position:relative; z-index:2; background:none; padding:3px 0 0 0;}

.row-1 {width:100%; height:137px; position:relative; z-index:1; background:url(../images/bg-row-1.gif) 0 0 repeat-x #fff;}
.row-2 {width:100%; height:48px; padding:0px 0 0 0; position:relative; z-index:2;
	background: #b4d200;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a8cb00), to(#bfd900));
	background: -moz-linear-gradient(#a8cb00, #bfd900);
	background: linear-gradient(#a8cb00, #bfd900);
	-pie-background: linear-gradient(#a8cb00, #bfd900);
	background-image: -o-linear-gradient(#a8cb00, #bfd900);}
.row-3 {width:100%; height:462px; position:relative; z-index:1; background:#00aef0; padding:0px 0 0 0;}
.row-4 {width:100%; height:127px; position:relative; z-index:1; background:#00aef0; padding:0px 0 0 0;}

h1 {padding:19px 0 0 28px; position:relative; width:280px;}
.logo {display:block; width:608px; height:89px; text-indent:-5000px; background:url(../images/logo2.png) 0 0 no-repeat;}

header #form-top {position:absolute; top:62px; right:40px;}
header .form-top {height:26px; overflow:hidden; border:1px solid #dedede; background:#f2f2f2;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;}
header .form-top span{float:left;}
header #form-top input {width:216px; font-size:1em; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; color:#969696; background:none; padding:5px 7px 5px 7px; border-right:1px solid #dedede; border-bottom:none;  border-left:none;  border-top:none; }
header #form-top a {float:left; display:inline-block; border-left:1px solid #fff; color:#969696; font-size:12px; line-height:1.2em; text-align:center; padding:7px 0 0; width:36px;}
header #form-top a:hover {color:#47c5f5;}
/************ sf-menu **********************/
	
.sf-menu {padding:0px 0 0 0px; background:none; position:absolute; left:0px; top:0px;}
.sf-menu li {float:left; padding:0; background: none;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu li.current {
	background: #1f596f;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#213f4b), to(#1e6885));
	background: -moz-linear-gradient(#213f4b, #1e6885);
	background: linear-gradient(#213f4b, #1e6885);
	-pie-background: linear-gradient(#213f4b, #1e6885);
	background-image: -o-linear-gradient(#213f4b, #1e6885);
}
.sf-menu li a {display:block; padding:13px 24px 12px 25px; color:#fff; font-size:18px; line-height:1.3em; text-transform:uppercase; text-align:center; background: none;}



/*********************************content*************************************/
#content {width:100%; padding:0px 0px 0px 0px; z-index:1; position:relative;}

.spacer {width:100%; background:url(../images/pic-1.gif) 318px 0 repeat-y;}
.spacer-1 {width:100%; background:url(../images/pic-1.gif) 638px 0 repeat-y;}
.spacer-2 {width:100%; background:url(../images/pic-1.gif) 598px 0 repeat-y;}

.border-bot {width:100%; border-bottom:1px solid #d6d6d6; padding-bottom:30px;}
.border-bot1 {width:100%; border-bottom:1px solid #d6d6d6; padding-bottom:36px;}
.border-bot2 {width:100%; border-bottom:1px solid #d6d6d6; padding-bottom:22px;}
.border-bot3 {width:100%; border-bottom:1px solid #d6d6d6; padding-bottom:51px;}
.border-bot4 {width:100%; border-bottom:1px solid #f1f1f1; padding-bottom:12px;}
.border-bot5 {width:100%; border-bottom:1px solid #d6d6d6; padding-bottom:19px;}
.border-bot6 {width:100%; border-bottom:1px solid #f1f1f1; padding-bottom:26px;}

.col-1 {width:280px; margin-right:41px;}
.col-2 {width:280px;}

.padding{padding: 28px 0px 0px 0px;}
.padding1{padding: 35px 0px 0px 0px;}

.padding-bot{padding: 0px 0px 3px 0px;}


h2.bigs {font-size:36px; line-height:1.2em; color:#4e4e4e; margin:0px 0 8px 0; font-weight:bold;}
h2 {font-size:26px; line-height:1.2em; color:#2f2e2e; margin:3px 0 22px 0; font-weight:normal;}
h3 {font-size:21px; line-height:1.2em; color:#262626; margin:19px 0 8px 0; font-weight:normal;}
h3.border-top {margin:13px 0 8px 0; border-top:1px solid #f1f1f1; padding-top:10px;}
h4 {font-size:21px; line-height:1.2em; color:#3d2323; margin:0px 0 10px 0;  font-weight:normal;}
h5 {font-size:18px; line-height:1.2em; margin:0px 0 0px 0px; color:#fff; background:#02aff0; padding:7px 0 8px 8px; font-weight:normal; text-transform:uppercase;}
h6 {font-size:13px; line-height:18px; margin:0px 0 0px; color:#2f2e2e; font-weight:normal;}




.text-1 {font-size:21px; line-height:26px; color:#0ab1f1; letter-spacing:-1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px 10px 0 0;}
.text-2 {font-size:21px; line-height:26px; color:#0ab1f1; letter-spacing:-1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:5px 10px 0 0;}

.text-7 {font-size:21px; line-height:26px; color:#3d2323; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:left;}
.text-8 {font-size:16px; line-height:26px; color:#3d2323; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; float:right;}
.text-8 span {display:inline; font-size:20px; line-height:26px; color:#47c5f5; }

.text-9 {float:left; margin:5px 9px 0px 9px;font-size:26px; line-height:30px; color:#a9cb00;}



.list-1 {padding:0 0 0 2px;}
.list-1 li {font-size:18px; line-height:40px; background:url(../images/marker-1.png) left top no-repeat #fff; text-transform:uppercase; padding-left:40px;}
.list-1 li a {color:#686868; display:inline-block; padding:1px 0 0px 0;}
.list-1 li:hover {background-position:left bottom; background-color:#02aff0; }
.list-1 li:hover a{color:#fff;}

.list-2 li {font-size:13px; line-height:24px; background:url(../images/marker-3.gif) 0px 10px no-repeat; padding-left:16px;}
.list-2 li a {color:#6e6e6e; display:inline-block;}
.list-2 li a:hover {color:#a9cb00;}


/************ links **********************/

.link {display:inline-block; color:#2f2e2e; font-size:13px; line-height:18px;}
.link:hover {text-decoration:none;}

.link-1 {display:inline-block; color:#2f2e2e; font-size:13px; line-height:18px;}
.link-1:hover {text-decoration:underline;}

.link-2 {display:inline-block; color:#6e6e6e; font-size:13px; line-height:18px;}
.link-2:hover {text-decoration:none;}

.link-3 {display:inline-block; color:#6e6e6e; font-size:13px; line-height:18px; text-decoration:none; padding:0 60px 0 0px;}
.link-3:hover {text-decoration:underline;}

.link-4 {float:right; font-size:18px; line-height:41px; background:url(../images/marker-4.png) 0 9px no-repeat; text-transform:uppercase; padding:0 22px 0 29px; color:#2f2e2e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
.link-4:hover {color:#0ab1f1;}

.link-5 {display:inline; text-decoration:none; background:url(../images/marker-5.png) left top no-repeat; width:19px; height:7px; }
.link-5:hover {background-position:left bottom;}

.link-6 {float:right; font-size:18px; line-height:41px; background:url(../images/marker-4.png) 0 9px no-repeat; padding:0 17px 0 29px; color:#2f2e2e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal;}
.link-6:hover {color:#0ab1f1;}
/************ boxex **********************/
.box {width:100%; cursor:pointer;  position:relative; text-align:left; font-size:13px; line-height:18px; color:#fff; margin: 10px 0 0 2px;
	background: #02aff0;
}

.box .padding {padding:16px 25px 15px 17px;}

.quo {position:absolute; bottom:-25px; left:305px;} 


.box-1 {width:348px; position:relative; text-align:left; margin: 10px 0 0 0px; font-weight:13px; line-height:15px; font-weight:bold; color:#2f2e2e;
	background: #fff; border:1px solid #16b5f1;
}

.box-1 .padding {padding:20px 20px 7px 20px;}


/**********tabs***********/
.tabs {overflow:hidden;}
.tabs li {background:#02aff0;overflow:hidden; float:left; margin-right:1px;}
.tabs li a {display:inline-block; font-size:18px; line-height:38px; color:#fff; text-transform:uppercase; width:144px; text-decoration:none; padding: 0px 0px 0px 10px; text-align:left;}
.tabs li a:hover, .tabs li.active a {color:#fff;}
.tabs li:hover, .tabs li.active {background:#adce00;}

.tab_container { padding: 17px 20px 10px 18px; font-weight:bold; color:#2f2e2e;
	background: #fff; border:1px solid #16b5f1; margin-right:1px;}

#tab1 { overflow:hidden;}
#tab2 { overflow:hidden;}

/***************** buttons *****************************/

.button {cursor:pointer; display:inline-block; font-size:19px; line-height:1.2em; color:#3d3d3d; padding:7px 21px 8px 21px; text-align:center; border:1px solid #fff;
	background: #e9e9e9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f1f1), to(#e2e2e2));
	background: -moz-linear-gradient(#f1f1f1, #e2e2e2);
	background: linear-gradient(#f1f1f1, #e2e2e2);
	-pie-background: linear-gradient(#f1f1f1, #e2e2e2);
	background-image: -o-linear-gradient(#f1f1f1, #e2e2e2);
	border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
box-shadow:2px 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.1);
}
.button:hover {background:#0ab1f1; color:#fff; border:1px solid #0ab1f1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0ab1f1), to(#0ab1f1));
	background: -moz-linear-gradient(#0ab1f1, #0ab1f1);
	background: linear-gradient(#0ab1f1, #0ab1f1);
	-pie-background: linear-gradient(#0ab1f1, #0ab1f1);
	background-image: -o-linear-gradient(#0ab1f1, #0ab1f1);}



.button-1 {cursor:pointer; display:inline-block; font-size:19px; line-height:1.2em; color:#686868; padding:7px 19px 8px 19px; text-align:center; border:1px solid #fff;
	background: #e9e9e9;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f1f1f1), to(#e2e2e2));
	background: -moz-linear-gradient(#f1f1f1, #e2e2e2);
	background: linear-gradient(#f1f1f1, #e2e2e2);
	-pie-background: linear-gradient(#f1f1f1, #e2e2e2);
	background-image: -o-linear-gradient(#f1f1f1, #e2e2e2);
	border-radius:19px;
-moz-border-radius:19px;
-webkit-border-radius:19px;
box-shadow:2px 2px 3px rgba(0,0,0,0.1);
-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.1);
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.1);
}
.button-1:hover {background:#0ab1f1; color:#fff; border:1px solid #0ab1f1;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0ab1f1), to(#0ab1f1));
	background: -moz-linear-gradient(#0ab1f1, #0ab1f1);
	background: linear-gradient(#0ab1f1, #0ab1f1);
	-pie-background: linear-gradient(#0ab1f1, #0ab1f1);
	background-image: -o-linear-gradient(#0ab1f1, #0ab1f1);}

.button-2 {cursor:pointer; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;  line-height:1.2em; color:#fff; padding:9px 28px 11px 28px; text-align:center;
	background: #2c2f40;
	border-radius:9px;
-moz-border-radius:9px;
-webkit-border-radius:9px;
}
.button-2:hover {background:#e2e2e2; color:#2c2f40;}

/************** forms *******************************/

input, textarea { margin:0; font-size:1em; color:#6e6e6e; 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 5px 0px;
			}
			#contact-form input[type=text] {
				float:left;
				width:284px;
				background: #fbfbfb;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(#fff));
				background: -moz-linear-gradient(#efefef, #fff);
				background: linear-gradient(#efefef, #fff);
				-pie-background: linear-gradient(#efefef, #fff);
				background-image: -o-linear-gradient(#efefef, #fff);
				border:1px solid #dedede;
				padding:4px 11px 4px 11px; margin:5px 0 0 2px;
				line-height:1.2em;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {}
			#contact-form .area .error { float:left;}
			#contact-form textarea {
				width:284px;
				height:154px;
				background: #fbfbfb;
				background: -webkit-gradient(linear, 0 0, 0 bottom, from(#efefef), to(#fff));
				background: -moz-linear-gradient(#efefef, #fff);
				background: linear-gradient(#efefef, #fff);
				-pie-background: linear-gradient(#efefef, #fff);
				background-image: -o-linear-gradient(#efefef, #fff);
				border:1px solid #dedede;
				padding:5px 11px 4px 11px; margin:5px 0 0 2px;
				overflow:auto;
				display:block;
				line-height:1.2em;
				border-radius:2px;
				-moz-border-radius:2px;
				-webkit-border-radius:2px;
				}
				#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 {
					color:red;
					width:340px;
					font-size:14px;
					line-height:21px;
					display:none;
					float:left;
				}
		.buttons-wrapper { float:left; margin-top:29px; padding-left:2px;
			}
		.buttons-wrapper a { margin-right:26px;}

.map iframe {width:308px; height: 276px; overflow:hidden; border:1px solid #dedede;
} 

.contact {font-size:13px; line-height:18px; color:#6e6e6e; padding:0 0 0 3px;}
.contact dt{font-size:13px; line-height:18px; color:#2f2e2e; margin-bottom:7px;}
.contact dd span {float:left; width:77px;}

/*************************aside***************************/
aside {padding:32px 0 36px 0; text-align:left; background:none;}

.aside-menu {float:left; padding:4px 0px 0 6px;}
.aside-menu li {float:left; font-size:12px; line-height:1.2em; background:url(../images/marker-2.gif) right 0 no-repeat; padding:8px 22px 7px 0; margin-right:22px; text-transform:uppercase;}
.aside-menu li.last {background:none;}
.aside-menu li a {display:block; color:#4d4d4d;}
.aside-menu li a:hover, .aside-menu li a.current {text-decoration:underline;}

.works-list {position:relative; float:right; padding:0 4px 0 0;} 
.works-list li {float:left; margin-left:13px;}
.works-list li a {display:inline-block;}


/* Easy Tooltip */
#easyTooltip{
	padding:5px;
	border:1px solid #ccc;
	background:#f1f1f1;
	z-index:3;
}
/* // Easy Tooltip */

/****************************footer************************/
footer {width:100%; padding:34px 0px 0px 0px; background:background: url(../images/bg-body.gif) center 0 repeat #eaeaea; position:relative; z-index:2;}

.text-bot {float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; font-size: 16px; line-height:1.2em; color:#6e9dbd; padding:0px 0px 0px 44px; text-align:left;}
.text-bot span.line{margin: 0px 10px 0 6px;}
.text-bot a {color:#fff;}
.text-bot a:hover {text-decoration:underline;}

/*************Lightbox image***************/
.lightbox-image {
	position:relative;
	overflow:hidden;
	display:inline-block;
	z-index:1;
	}

.lightbox-image img {
	position:relative;
	z-index:2;
	}

.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;
	}


/******************scroll **********************/
.scroll-pane {
    height: 444px;
    overflow: auto;
    width: 330px;
	padding: 0 23px 0 0;
}
.jScrollPaneContainer {
    overflow: hidden;
    position: relative;
    z-index: 1;
	width: 352px;
}
.jScrollPaneTrack {
    background: url(../images/scroll.gif) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 431px;
    position: absolute;
    right: 0;
    top: 4px;
}
.jScrollPaneDrag {
    background: url(../images/drag.png) no-repeat scroll 0 0;
    cursor: pointer;
    height: 14px;
    overflow: hidden;
    position: absolute;
	left:2px;
	top:0px;
    width: 14px;
}
.jScrollPaneDragTop {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
	height:8px;
}
.jScrollPaneDragBottom {
    bottom: 0px;
	height:8px;
    left: 0;
    overflow: hidden;
    position: absolute;
}
a.jScrollArrowUp {
    display: block;
    height: 5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -2000px;
    top: 0px;
    z-index: 1;
}
a.jScrollArrowDown {
    bottom: 4px;
    display: block;
    height: 5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: -2000px;
    z-index: 1;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
}