/* 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:Arial, Helvetica, sans-serif;
	font-size:100%; 
	color:#6b6b6b;
	min-width:1017px;
	background:url(../images/bg-body.jpg) 0 0 repeat #022222;
	padding:0;
}

.main {
	width:960px; 	
	padding:0;
	margin:0 auto;
	font-size:0.75em;
	line-height:1.6666em;
	position:relative;
	background: none;
}

.bg {width:100%; background:url(../images/bg.jpg) center 0 no-repeat #022222;}
.bg-1 {width:100%; background:url(../images/tail-top.jpg) 0 0 repeat-x;}
.bg-2 {width:100%; background:#fff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.bg-3 {width:100%; margin:0 auto; border-bottom:1px solid #fff;
	background: #f7f7f7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#e0e0e0));
	background: -moz-linear-gradient(#fff, #e0e0e0);
	background: linear-gradient(#fff, #e0e0e0);
	-pie-background: linear-gradient(#fff, #e0e0e0);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 3px 3px rgba(0,0,0,0.15);
-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.15);
-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.15);}

.bg-3 .padding {padding:21px 24px 25px 25px;}

.bg-4 {width:100%; background:url(../images/bg-4.png) 185px 68px no-repeat;}

a {color:#4e4e4e; 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: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:#140902;}
.color-3 {color:#5b5754;}
.color-4 {color:#6d5c50;}
.color-5 {color:#6c4e4b;}
.color-6 {color:#7a7b7c;}
.color-7 {color:#2b5449;}
.color-8 {color:#000;}

.hidden {overflow:hidden;}

.rel {position:relative;}

.shadows {box-shadow:0px 1px 2px rgba(0,0,0,0.65);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.65);
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.65);
}
/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot1 {margin-bottom:55px;}

.margin-left {margin-left:16px;}

.margin-top {margin-top:35px;}
.margin-top1 {margin-top:17px;}


.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-indent2 {float:left; margin:0 13px 0px 0;}
.img-indent1 {float:left; margin:5px 9px 0px 0;}
.img-indent0 {float:left; margin:4px 20px 0px 0;}
.img-indent3 {float:left; margin:0 10px 0px 0;}
.img-indent4 {float:left; margin:3px 15px 0px 0;}
.img-indent5 {float:left; margin:2px 16px 0px 1px;}
.img-indent6 {float:left; margin:1px 19px 0px 0px;}
.img-indent-r {float:right; margin:0 0px 0px 11px;}
.img-indent-r1 {float:right; margin:5px 0px 0px 11px;}


.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:3px solid #000;}
.border2 {border:1px solid #000;}

.buttons a:hover {cursor:pointer;}

.menu li a,
.sf-menu li a,
.list-1 li a,
.list-2 li a,
.list-3 li a,
.list-4 li a,
.link-7,
.link-8,
.button,
.button-1,
.button-2,
.button-3,
.button-4,
.button-5,
.text-bot a,
.date,
.text-2,
.time,
.footer-menu li a,
h5 a,
h6 a,
td a,
.logo {text-decoration:none;}	

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

.row-1 {width:100%; height:34px; position:relative; z-index:1;}
.row-2 {width:100%; height:138px; position:relative; z-index:999;}
.row-3 {width:100%; height:576px; position:relative; z-index:1;}

.menu {float:right; padding:5px 4px 0 0;}
.menu li {float:left; font-size:12px; margin-right:10px; background:url(../images/marker-1.gif) right 6px no-repeat; padding-right:11px;}
.menu li.last {margin-right:0; background:none; padding-right:0;}
.menu li a {display:block; color:#364646;}
.menu li a:hover {color:#fffefe;} 

h1 {padding:46px 0 0 4px; margin-left:-3px; position:relative;}
.logo {display:block; width:400px; height:110px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}

.flash {width:1042px; height:576px; margin:0 auto; position:relative; z-index:1;}

/************ sf-menu **********************/
	
.sf-menu {padding:0px 0 0 0px; background:none; position:absolute; left:403px; top:100px; z-index:999;}
.sf-menu li {float:left; background:none;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.sf-menu li.last {margin-right:0;}
.sf-menu li.bgr:hover, .sf-menu li.bgr.sfHover, .sf-menu li.current {background: #102725;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#132a27), to(#0c2320));
background: -moz-linear-gradient(#132a27, #0c2320);
background: linear-gradient(#132a27, #0c2320);
-pie-background: linear-gradient(#132a27, #0c2320);} 

.sf-menu li a.mains {display:block; padding:11px 14px 11px 14px; color:#fff; font-size:17px; line-height:1.2em; text-align:center; text-transform:uppercase; background: none; letter-spacing:-1px;}
.sf-menu li a.mains:hover, .sf-menu li.sfHover a.mains, .sf-menu li.current a {color:#fff; background:none;}


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

.spacer {width:100%; background:url(../images/spacer.gif) 18px 0px repeat-y;}


/************ boxex **********************/
.box {width:225px; position:relative; color:#8db9af;
	background: #103e3e;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#325a4b), to(#033439));
	background: -moz-linear-gradient(#325a4b, #033439);
	background: linear-gradient(#325a4b, #033439);
	-pie-background: linear-gradient(#325a4b, #033439);
	border-radius:0px 0px 10px 10px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
}
.box-1 {width:179px; float:left; position:relative; margin-right:1px; text-align:center;
	background: #ffd225;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffd225), to(#ffdb51));
	background: -moz-linear-gradient(#ffd225, #ffdb51);
	background: linear-gradient(#ffd225, #ffdb51);
	-pie-background: linear-gradient(#ffd225, #ffdb51);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.box-2 {width:179px; float:left; position:relative; margin-right:1px; text-align:center;
	background: #0b7cb6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b7cb6), to(#428fb6));
	background: -moz-linear-gradient(#0b7cb6, #428fb6);
	background: linear-gradient(#0b7cb6, #428fb6);
	-pie-background: linear-gradient(#0b7cb6, #428fb6);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.box-3 {width:179px; float:left; position:relative; margin-right:1px; text-align:center;
	background: #78a522;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#78a522), to(#85a648));
	background: -moz-linear-gradient(#78a522, #85a648);
	background: linear-gradient(#78a522, #85a648);
	-pie-background: linear-gradient(#78a522, #85a648);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box-4 {width:179px; float:left; position:relative; margin-right:1px; text-align:center;
	background: #0b7cb6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0b7cb6), to(#428fb6));
	background: -moz-linear-gradient(#0b7cb6, #428fb6);
	background: linear-gradient(#0b7cb6, #428fb6);
	-pie-background: linear-gradient(#0b7cb6, #428fb6);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box-5 {width:179px; float:left; position:relative; margin-right:0px; text-align:center;
	background: #ffd225;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffd225), to(#ffdb51));
	background: -moz-linear-gradient(#ffd225, #ffdb51);
	background: linear-gradient(#ffd225, #ffdb51);
	-pie-background: linear-gradient(#ffd225, #ffdb51);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.box-padding {padding:40px 0px 26px 0px;}

.link-1 {display:inline-block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(../images/marker-1.png) 9px 0 no-repeat; padding-top:42px;}
.link-1:hover {text-decoration:none;}

.link-2 {display:inline-block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(../images/marker-1.png) 9px 0 no-repeat; padding-top:42px;}
.link-2:hover {text-decoration:none;}

.link-3 {display:inline-block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(../images/marker-1.png) 9px 0 no-repeat; padding-top:42px;}
.link-3:hover {text-decoration:none;}

.link-4 {display:inline-block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(../images/marker-1.png) 9px 0 no-repeat; padding-top:42px;}
.link-4:hover {text-decoration:none;}

.link-5 {display:inline-block; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:11px; background:url(../images/marker-1.png) 9px 0 no-repeat; padding-top:42px;}
.link-5:hover {text-decoration:none;}

/**********************************************/

.padding{padding: 49px 0px 42px 0px;}
.padding1{padding:45px 0px 42px 0px;}

h3 {font-size:17px; line-height:1.2em; margin:0px 0 30px 0px; color:#212121; text-transform:uppercase; letter-spacing:-1px;}
h4 {font-size:17px; line-height:1.2em; margin:0px 0 20px 0px; color:#fff; text-transform:uppercase; letter-spacing:-1px;}
h4 strong {display:block; margin-top:-3px;}
h5 {font-size:16px; line-height:18px; margin:0px 0 8px; color:#59c5e6;}
h5 strong {display:block;}
h5 a {color:#59c5e6; border-bottom:none;}
h5 a:hover{border-bottom: 1px solid #59c5e6;}
h6 {font-size:12px; line-height:20px; margin:0px 0 0px; color:#59c5e6; font-weight:normal;}

.quotes{padding:7px 18px 21px 18px; background: #fff; position:relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:1px 1px 4px rgba(0,0,0,0.18);
-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.18);
-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.18);}
.quo {position:absolute; bottom:-19px; left:122px;}
*+html .quo {position:absolute; bottom:-15px; left:122px;}


.list-2 li {font-size:16px; line-height:34px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic; background:none; padding:0px 0 0px 15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}
.list-2 li:hover {background: #9d9d9d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#a2a2a2), to(#999999));
	background: -moz-linear-gradient(#a2a2a2, #999999);
	background: linear-gradient(#a2a2a2, #999999);
	-pie-background: linear-gradient(#a2a2a2, #999999);
	box-shadow:2px 2px 3px rgba(0,0,0,0.28);
-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.28);
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.28);

}
.list-2 li a {display:inline-block; color:#59c5e6;}
.list-2 li a:hover {color:#212121;}

.list-3 li {font-size:12px; line-height:26px; padding-left:2px;  background:url(../images/marker-3.gif) 0 12px no-repeat; padding-left:8px;}
.list-3 li a {color:#59c5e6;}
.list-3 li a:hover {color:#073a72;}

.button-2 {cursor:pointer; display:inline-block; font-size:17px; line-height:1.2em; letter-spacing:-1px; color:#fff; text-transform:uppercase; padding:11px 16px 11px 16px; margin-bottom:2px; text-align:center;
	background: #151515;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#151515), to(#000));
	background: -moz-linear-gradient(#151515, #000);
	background: linear-gradient(#151515, #000);
	-pie-background: linear-gradient(#151515, #000);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:2px 2px 3px rgba(0,0,0,0.28);
-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.28);
-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.28);
}
.button-2:hover {background: #203430;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#203430), to(#172c28));
	background: -moz-linear-gradient(#203430, #172c28);
	background: linear-gradient(#203430, #172c28);
	-pie-background: linear-gradient(#203430, #172c28);}


.link {display:inline-block; color:#073a72; text-transform:uppercase; font-size:11px; line-height:20px; margin-left:3px;}
.link:hover {text-decoration:none;}

.link-6 {display:inline-block; color:#073a72; text-transform:uppercase; font-size:11px; line-height:20px; margin-left:3px;}
.link-6:hover {text-decoration:none;}

.text-2 {font-size:16px; line-height:1.2em; color:#59c5e6;}
.text-3 {font-size:16px; line-height:1.2em; color:#212121; letter-spacing:-1px; padding-top:10px; text-indent:3px;}
.text-4 {font-size:11px; line-height:15px; color:#84c637; text-transform:uppercase;}
.text-5 {font-size:12px; line-height:20px; color:#010000;}
.text-5 span {display:block; margin-top:-5px;}
.text-6 {font-size:12px; line-height:20px; color:#787878;}

input, textarea { margin:0; font-size:1em; color:#6b6b6b; font-family: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 12px 0px;
			}
			#contact-form input[type=text] {
				float:left;
				width:255px;
				padding:8px 6px; margin:3px 0 0 0px;
				background:#f4f4f4;
				border-top:2px solid #d3d2d2;
				border-left:2px solid #d3d2d2;
				border-bottom:1px solid #d3d2d2;
				border-right:1px solid #d3d2d2;
				line-height:1.2em;
				border-radius:7px;
				-moz-border-radius:7px;
				-webkit-border-radius:7px;
				}
			#contact-form.main-contacts .field input {
				margin-top:0px;
				}
			#contact-form .area {}
			#contact-form .area .error { float:none;}
			#contact-form textarea {
				width:255px;
				height:116px;
				background:#f4f4f4;
				border-top:2px solid #d3d2d2;
				border-left:2px solid #d3d2d2;
				border-bottom:1px solid #d3d2d2;
				border-right:1px solid #d3d2d2;
				padding:8px 6px; margin:3px 0 0 0px;
				overflow:auto;
				display:block;
				line-height:1.2em;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				}
				#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:190px;
					font-size:11px;
					line-height:15px;
					display:none;
				}
		.buttons-wrapper { float:left; margin-top:30px;
			}
		.buttons-wrapper a { margin-right:10px;}
				
.button {cursor:pointer; display:inline-block; font-size:17px; line-height:1.2em; letter-spacing:-1px; color:#fff; text-transform:uppercase; padding:11px 16px 11px 16px; text-align:center;
	background: #151515;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#151515), to(#000));
	background: -moz-linear-gradient(#151515, #000);
	background: linear-gradient(#151515, #000);
	-pie-background: linear-gradient(#151515, #000);
	border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}
.button:hover {background: #203430;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#203430), to(#172c28));
	background: -moz-linear-gradient(#203430, #172c28);
	background: linear-gradient(#203430, #172c28);
	-pie-background: linear-gradient(#203430, #172c28);}

.map iframe {width:370px; height: 320px; overflow:hidden; 
} 

.contact {font-size:12px; line-height:20px; color:#6b6b6b;}
.contact dt {margin-bottom:18px; font-size:12px; line-height:20px; color:#59c5e6;}
.contact dd span {float:left; width:66px;}


/*************************aside***************************/
aside {width:100%; padding:41px 0 35px; background:none;}

aside h2 {font-size:17px; line-height:1.2em; margin:0px 0 13px 0px; color:#fff; text-transform:uppercase; letter-spacing:-1px;}

aside .list-1 {}
aside .list-1 li {font-size:12px; line-height:24px; padding-left:2px;  background:url(../images/marker-2.gif) 0 11px no-repeat; padding-left:10px;}
aside .list-1 li a {color:#5fd8af;}
aside .list-1 li a:hover {color:#fff;}

aside .works-list { margin:0;}
aside .works-list li {font-size:12px; display:block; line-height:27px; margin:0px 0px 4px 0; }
aside .works-list li a {display:inline-block; color:#fff; text-decoration:none;}
aside .works-list li a:hover {text-decoration:underline;}

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


/****************************footer************************/
footer {width:100%; padding:33px 0px 27px 0px; background:url(../images/bg-footer.gif) center 0 repeat-x; height:65px; height: 90px; border-top-width: 1px; margin-top: -22px;position:relative; z-index:2;}

.text-bot {float:right; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height:12px; color:#3a4949; padding-right:35px ; padding:0px 35px 0px 0px; text-align:left;}
.text-bot span.line{margin: 0 6px 0 6px;}
.text-bot a {color:#3a4949;}
.text-bot a:hover {text-decoration:underline;}
.pics {
	position:absolute;
	right:183px;
	left:447px;
	top:33px;
	width: 64px;
	height: 46px;
}

.footer-menu {float:left; ; padding:0px 0px 0 6px;}
.footer-menu li {float:left; font-size:11px; line-height:1.2em; font-weight:bold; text-transform:uppercase; margin-right:10px; background:url(../images/marker-1.gif) right 2px no-repeat; padding-right:11px;}
.footer-menu li.last {margin-right:0; background:none; padding-right:0;}
.footer-menu li a {display:block; color:#fff;}
.footer-menu li a:hover, .footer-menu li a.current {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;
	}
	
/****************************carousel************************/
#page2 .prev {width:26px; height:105px; cursor:pointer; position:absolute; top:48px; left:0px; display:block; background:url(../images/carousel-arr.png) left top no-repeat; text-indent:-5000px;}
#page2 .prev:hover {background-position:left bottom;}
#page2 .next {width:26px; height:105px; cursor:pointer; position:absolute; top:48px; right:0px; display:block; background:url(../images/carousel-arr.png) right top no-repeat; text-indent:-5000px;}
#page2 .next:hover {background-position:right bottom;}
#page2 .prev img, .next img {display:none}
#page2 .bx_wrap {
	width:808px;
	min-height:195px;
	overflow:hidden;
	position:relative;
	background:none;
	padding-left: 52px;
	margin:0 auto;
}

#carousel li {
	width:135px;
	float:left !important;
	padding:3px 20px 0px 0px;
}