@import "../css/reset.css"; @import "../css/grid.css"; @import "../css/superfish.css"; @import "../css/contact-form.css";

/* 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:#707070;

	min-width:980px;

	background:#181818;

}



.bg {width:100%; background:url(../images/bg-top.jpg) center 0 no-repeat;}



.main {

	width:950px; 	

	padding:0;

	margin:0 auto;

	font-size:12px;

	line-height:19px;

	position:relative;

}



a {color:#ebcd1d; outline:none;}

a:hover {

	text-decoration:none;

	color: #f00;

}



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

.extra-wrap {
	overflow:hidden;
	text-align: left;
	color: #666;

}

 

.container {width:100%;}



p {margin-bottom:18px;}

.p0 {margin-bottom:2px;}

.p1 {margin-bottom:6px;}

.p2 {margin-bottom:15px;}



.p3 {margin-bottom:30px;}

.p4 {margin-bottom:40px;}

.p5 {margin-bottom:50px;}



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



.letter {letter-spacing:-1px;}



.color-1 {color:#ebcd1d;}

.color-2 {color:#000;}

.color-3 {color:#fff;}

.color-4 {color:#808181;}



/*********************************boxes**********************************/

.margin-bot {margin-bottom:35px;}



.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:30px;}

.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-indent-r {float:right; margin:0 0px 0px 40px;}	



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



.prev-indent-bot {margin-bottom:10px;}

.prev-indent {float:left; margin:0 17px 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,

.list-1 li a,

.list-2 li a,

.link,

.logo {text-decoration:none;}	



/*********************************header*************************************/

header {

	height:507px;

	width:100%;

	background:url(../images/bg-header.jpg) center 0 no-repeat #023044;

	position:relative;

	z-index:10;

}

#header {height:233px; width:100%; background:url(../images/bg-header1.jpg) center 0 no-repeat #023044;}

.row-1 {width:100%; position:relative; height:147px; z-index:20;}



h1 {

	position:absolute;

	top:17px;

	left:-2px;

}

.logo {display:block; width:278px; height:85px; text-indent:-5000px; background:url(../images/logo.png) 0 0 no-repeat;}



.z1 { position:relative; z-index:100;}

.row-1 .banner1 {

	display:block;

	position:absolute;

	width:246px;

	min-height:147px;

	top:15px;

	right:4px;

	text-align:right;

}

.row-1 .banner1 .t1 {color:#ebcd1d; font-size:26px; line-height:1.3em;}

.row-1 .banner1 .t2 {color:#fbfafa; font-size:35px; line-height:1em; font-weight:bold;}

.row-1 .banner1 .t3 {color:#80d2f9; font-size:11px; line-height:18px; text-transform:uppercase;}



.row-2 {width:100%; position:relative; height:55px; background:url(../images/bg-row-2.gif) 0 0 repeat-x; z-index:100;}



.row-3 {

	width:100%;

	position:relative;

	height:305px;

	z-index:1;

}



.row-3 .banner {display:block; position:absolute; top:83px; left:0px; width:400px; min-height:143px; background:url(../images/banner-row-3.png) 0 0 no-repeat; padding-top:184px; font-size:12px; color:#80d2f9;} 

.row-3 .banner a { display:inline-block; background:url(../images/bg-button-bunner.gif) 0 0 no-repeat; width:242px; height:58px;}

.row-3 .banner a:hover {background:url(../images/bg-button-bunner.gif) 0 -58px no-repeat;}

.row-3 figure {

	position:absolute;

	top:0px;

	right:1px;

	width: 950px;

}



.menu { display:block; width:100%; min-height:19px; margin-bottom:9px;}

.menu li {float:left; font-size:12px; line-height:1.2em; padding-right:22px;}

.menu li a {display:block; color:#f9f9f9; text-decoration:none;}

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

.menu .item {padding:0;}

/*********************************aside*************************************/

aside { background:url(../images/bg-aside.jpg) center 0 no-repeat #000; width:100%; position:relative; min-height:242px; padding:40px 0; z-index:2;}

/*********************************content*************************************/

#content {width:100%; padding:33px 0px 40px 0px; background:#f9f9f9; position:relative; z-index:1;}



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

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



h3 {

	font-size:32px;

	line-height:1.2em;

	margin:0px 0 22px;

	color:#000;

	font-weight:normal;

}



h6 {font-size:17px; line-height:61px; padding-top:3px; margin:0; color:#fff; padding-left:31px; background:url(../images/bg-h6.gif) 0 0 repeat-x; font-weight:normal; text-shadow:1px 0 0 #fff;}



.scroll {overflow:auto; height:180px; position:relative;}

.scroll .padding-right {height:1%; padding-right:50px;}



.border-bot {width:100%; padding-bottom:22px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}

.line {width:100%; background:url(../images/line.gif) 0 272px repeat-x;}



.box {width:100%; min-height:116px; background:url(../images/bg-box.png) right 0 no-repeat #212121;}

.box .padding {padding:10px;}

.box .padding .padding { padding:13px 0 0 0;}

.box .padding .imgindent {float:left; margin:0 21px 0px 0;}

.box .padding a {font-size:20px; line-height:23px; color:#fff; text-decoration:none; text-transform:uppercase;}

.box .padding a:hover {color:#ebcd1d;}

.box .padding .extra-wrap { padding-top:10px;}



.box1 {width:100%; min-height:161px; background:#eeeeee;}

.box1 .padding {padding:23px 40px 10px 30px;}

.box1 .padding h5 {font-size:17px; line-height:24px; color:#000; font-weight:bold; margin-bottom:8px;}



.box2 {width:100%; min-height:137px; background:url(../images/bg-box2.gif) 0 0 repeat-x #363636; position:relative; margin-bottom:2px; color:#808181;}

.box2 strong { display:block; position:absolute; top:0px; left:31px; line-height:45px; text-align:center; width:53px; font-size:30px; color:#fff; font-weight:bold; background:url(../images/bg-strong-box2.gif) 0 0 repeat-x;}

.box2 .padding {padding:14px 28px 10px 30px;}

.box2 .padding h5 {font-size:17px; line-height:24px; color:#fff; font-weight:500; padding-left:70px; margin-bottom:18px;}



.box3 { min-height:407px; width:100%; background:#eeeeee;}

.box3 .padding {padding:24px 20px 30px 30px;}

.box3 .padding .img-indent {float:left; margin:0 15px 0px 0;}

.box3 .padding .col-1 {width:265px; margin-right:22px;}

.box3 .padding .col-2 { width:290px;}



.box4 { width:100%; min-height:348px; background:url(../images/bg-box-4.gif) 0 0 repeat-x #404040; border-bottom:1px solid #5b5b5b; margin-bottom:11px;}

.box4 .padding {padding:16px 20px 5px 30px;}

.box4 strong { display:block; text-transform:uppercase; margin-bottom:3px;}



.box5 { width:100%; min-height:222px; background:url(../images/bg-box5.gif) 0 0 repeat-x #363636; border-bottom:1px solid #313131;}

.box5 .padding {padding:15px 20px 21px 30px;}

.box5 strong { display:block; text-transform:uppercase; margin-bottom:3px;}



.box6 { width:100%; min-height:345px; background:#eee;}

.box6 .padding { padding:32px 31px 10px 30px;}

.box6 .padding h5 {font-size:17px; line-height:24px; color:#000; font-weight:normal; text-shadow:1px 0 0 #000; margin-bottom:9px;}

.box6 .padding .border-bot {width:100%; padding-bottom:19px; background:url(../images/pic-1.gif) 0 bottom repeat-x;}



.box7 { width:100%; min-height:262px; background:url(../images/bg-box-4.gif) 0 0 repeat-x #404040; border-bottom:1px solid #5b5b5b;}

.box7 .padding {padding:16px 20px 5px 30px;}

.box7 strong { display:block; text-transform:uppercase; margin-bottom:3px;}



figure figcaption {background:url(../images/tail-img.png) 0 0 repeat-x;  width:100%; height:32px; font-size:17px; line-height:32px; font-weight:400; color:#fff; margin-top:-32px; position:relative; text-align:center;}



.button {display:inline-block; color:#fff; background:url(../images/bg-button.gif) 0 0 repeat-x; line-height:50px; padding:0 38px 0 20px; font-size:14px; text-transform:uppercase; font-weight:bold; text-decoration:none; position:relative;}

.button:hover {background:url(../images/bg-button.gif) 0 -50px repeat-x;}

.button strong { position:absolute; background:url(../images/marker-button.png) 0 0 no-repeat; top:17px; right:20px; width:11px; height:16px;}



.button1 {display:inline-block; font-size:12px; padding-left:9px; color:#fff; background:url(../images/button-left.png) 0 0 no-repeat;}

.button1 span {display:inline-block; cursor:pointer; padding-right:9px; background:url(../images/button-right.png) right 0 no-repeat;}

.button1 span span {padding:2px 3px 3px; background:url(../images/button-tail.png) 0 0 repeat-x;}

.button1 strong {padding:0 0 0 8px; background:url(../images/marker-1.gif) 0 6px no-repeat;}

.button1:hover {color:#24a3ce;}



.list-1 li {line-height:20px; font-size:12px; padding-left:12px; background:url(../images/marker-list1.gif) 0 8px no-repeat;}

.list-1 li a {color:#808181; text-decoration:none;}

.list-1 li a:hover {color:#fff;}



.list-2 li {line-height:20px; font-size:15px; padding-left:21px; background:url(../images/marker-list2.png) 1px 3px no-repeat; margin-bottom:20px; position:relative;}

.list-2 li a {color:#000; text-decoration:none;}

.list-2 li a:hover {text-decoration:underline;}



.list-3 {list-style:decimal-leading-zero;}

.list-3 li {font-size:12px; line-height:16px; color:#fff; padding-bottom:12px; margin-left:25px; list-style-type:decimal-leading-zero;}

.list-3 li a {color:#eda202;}

.list-3 li a:hover {color:#24a3ce;}



.arrow { background:url(../images/bg-arrow.png) right 0 no-repeat; width:13px; height:16px; display:inline-block; padding-left:5px;}

.arrow:hover { background:url(../images/bg-arrow.png) right -16px no-repeat;}



.link:hover {text-decoration:underline;} 



.link-1 {display:inline-block; font-size:12px; line-height:23px; padding-left:31px; background:url(../images/bg-link-download.png) 0 0px no-repeat; color:#ebcd1d; text-decoration:none;}

.link-1:hover {

	color:#F00;

} 



.text-1 {font-size:15px; color:#1a1d1f;} 

.text-2 {font-size:15px;}  

.text-3 { font-weight:bold; color:#000; float:left; margin-right:8px; display:inline-block;}



dl {width:100%;}

dl dd.dt { font-size:15px; color:#1a1d1f; line-height:20px;}

dl span {float:left; width:69px;}

dl strong {float:right; width:148px; font-weight:normal;}

dl a {text-decoration:none; color:#ebcd1d; font-weight:normal;}

dl a:hover {text-decoration:none; color:#000;}



#form-main4 {display:block; font-family:Arial, Helvetica, sans-serif;}

#form-main4 label {display:block; height:62px; overflow:hidden;}

#form-main4 input {float:left; width:100px; font-size:12px; color:#737373; padding:4px 7px; margin:0; border:none; background:#fff;}

#form-main4 .menu-form option { color:#737373; font-size:12px;}

#form-main4 .menu-form {width:248px; border:none; height:23px; padding-top:1px; color:#737373; padding-left:4px;}

#form-main4 .any {width:68px; border:none; float:left;  background:#FFF; color:#737373; height:23px; font-size:12px; line-height:23px; padding-left:5px; padding-top:1px;}

#form-main4 .col-1 {width:90px;}

#form-main4 .col-2 {width:160px;}

#form-main4 span.ff {display:inline-block; line-height:1.2em; color:#808181; float:left; margin-left:6px; margin-top:-4px;}

.buttons1 {padding-top:25px;}

.text-form {display:block; font-size:12px; width:110px; line-height:2.5em; color:#ebcd1d; text-align:left;}

.text-form2 {display:block; font-size:12px; width:110px; line-height:1.4em; color:#ebcd1d; text-align:left;}



.buttons {padding-top:30px; text-align:right;}

.buttons a {margin-left:20px;}



.map {padding:0px;}

.map iframe {width:590px; height:227px;}

/****************tabs*****************/

.tabs li {float:left; font-size:17px; line-height:43px; margin-right:2px; text-align:center; color:#fff; background:#444444;}

.tabs li a {display:inline-block; text-decoration:none; color:#fff; padding:0 15px; font-weight:bold;}

.tabs li a:hover {color:#000;}

.tabs li.active a {color:#000;}

.tabs li.active, .tabs li:hover { background:#eee; color:#000 !important;}

#tab1 {overflow:hidden;}

#tab2 {overflow:hidden;}

/****************************footer************************/

footer {width:100%; padding:37px 0 26px; background:url(../images/bg-footer.jpg) center 0 no-repeat #181818;}

footer span { font-size:12px; line-height:19px; color:#989696;}

footer span a {color:#989696; text-decoration:none;}

footer span a:hover {color:#fff;}

.list-services {padding:0px 0px 0px 0px;}

.list-services li {float:left; padding:0 0 0 10px;}

.zzz {

	font-size: x-large;

	font-weight: bold;

	text-align: center;

}