@import "layout.css";
@import "ImageOverlay.css";
@import "bg.slide.css";

@import url(http://fonts.googleapis.com/css?family=Electrolize);

/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1.25em; min-width:100%; background:url(../../images/bg_cont-top.jpg) center top no-repeat #000;  }
body#page {overflow-y: hidden;}
body#page1 {overflow-x: hidden;}
html, input, textarea	{	font-family: Arial, Helvetica, sans-serif; 
		color:#577582;	}	

#cycler{position:relative;}
#cycler img{position:absolute;z-index:1}
#cycler img.active{z-index:3}

object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container {
	overflow:hidden;
	width: 100%;
}
a img{ border:0px}
img{ vertical-align:top; border-radius:5px;}
fieldset{ border:none}

a{color:#fff; text-decoration:none; outline:none} 
a:hover{text-decoration:none}

a.logo { float:left; display:inline-block;}

.link{color:#fff; background:url(../../images/marker.gif) top left no-repeat; padding-left:15px; background-position:0 5px; text-decoration:none;  }
.link:hover{text-decoration:underline }
.link1{color:#fff; text-decoration:none;  }
.link1:hover{text-decoration:underline }

.button{color:#fff; background:url(../../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(../../images/marker.gif) top left no-repeat; background-position:0 5px; margin:0px; padding-left:15px; }
#content ul li a{color:#fff; text-decoration: none; line-height:1.42em;} 
#content ul li a:hover { text-decoration:none; 
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }

#content ol{margin:0 0 0 20px; padding:0; }
#content ol li{margin:0px; padding:0; }
#content ol li a{color:#fff; text-decoration: none; line-height:1.42em;} 
#content ol li a:hover { text-decoration:none; }

.hidden {display:none;} /* hide the divs that should be hidden */
.hidden {border:1px solid #ddd;padding:15px;border-bottom:2px solid;margin:10px 0;}
a.on {color:#444;} /* Change color on the active link */

.link-1 { display:block; float:left; background:url(../../images/link_bg.gif) repeat-x left top; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1  b { display:block; background:url(../../images/link_right.gif) no-repeat right top; padding:0 15px 0 15px; line-height:28px; font-weight:normal; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}


/*header*/
#header {font-size:0.8125em; color:#FFFFFF }


ul.nav{
	margin:0 auto;
	width:775px;
	padding:0;
	list-style:none;
	position:relative;
	z-index:200;
}
ul.nav li{ margin:0px; display:inline; float:left; background:url(../../images/bg_menu.gif) top left no-repeat;font:400 14px 'Electrolize', sans-serif;}
ul.nav li a{color:#fff; text-decoration:none; padding:0px 29px 0px 30px; display:block; float:left; line-height:46px; text-transform:uppercase} 
ul.nav li a:hover {text-decoration:none;color:#294c76}
ul.nav li a.current{ text-decoration:none;  }
ul.nav .first{background:none;}
ul.nav .first a{ padding-left:0px}

ul.nav li ul{
	background:#06151a url(../../images/nav-ul-ul.jpg);
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:none;
	position:absolute;
	width:auto;
	z-index:200;
	top:47px;
	/*left:0;*/
}
ul.nav li ul.home{
	background:#06151a url(../../images/nav-ul-ul.jpg);
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:none;
	position:absolute;
	width:auto;
	z-index:200;
	top:-322px;
	/*left:0;*/
}
ul.nav li:hover ul{
	display:block;
	}
ul.nav li li {
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:auto;
}
ul.nav li:hover li a{
	background:none;
	display:block;
	width:225px;
	padding:0px 19px;
	}
ul.nav li ul a{
	display:block;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px;
	text-align:left;
	}
ul.nav li ul a:hover, ul.nav li ul li:hover a{
	background:#294c76;
	border:0px;
	color:#ffffff;
	text-decoration:none;
	}
/*==========================================*/

.bgstretcher {
	background: black;
	overflow: hidden;
	width: 100%;
	position: fixed !important;
	z-index: 1;
}
.bgstretcher, .bgstretcher UL, .bgstretcher UL LI {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.bgstretcher UL, .bgstretcher UL LI {
	margin: 0;
	padding: 0;
	list-style: none;
}


ul#tabs {
	margin:10px 0 0px 0;
	overflow:hidden;
	min-height:80px;
	width:1035px;
	position:relative;
}

ul#tabs li {
	float:left;
	list-style:none;
	background:none;
	margin:0 25px 0 0px;
	padding:0;
	background: #2a4d75;
	display:block;
	border-radius:5px;
	position: relative;
	top:0px;
}
ul#tabs li.last {
	margin:0px;
}

ul#tabs li a{
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #FFFFFF;
	font:400 20px 'Electrolize', sans-serif;
}

ul#tabs li a:hover {
    background: #999;
    color: #fff;
	border-radius:5px;
}

ul#tabs li big{
	margin:0 0 0 10px;
}

ul#tabs li small{
    display:block;
	font:400 12px Arial, Helvetica, sans-serif;
    padding:0 0 0 10px;
	position:absolute;
	top:45px;
	right:17px;
}

.constructionhead{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #E1E1E1;
}

/*content*/
#content{ font-size:0.875em; width:100%; text-align:left; background:url(../../images/bg_cont-1.jpg)}
#content .cont-top{ background:url(../../images/bg_cont-top.jpg) top center no-repeat}
#content .cont-bot{ background:url(../../images/bg_cont-bot.jpg) bottom center no-repeat}
#content .indent-main{
	padding:51px 0px 51px 0px
}
#content .indent-main1{padding:51px 70px 71px 0px}
#content .title{  margin-bottom:16px}
#content .img-left{ float:left; margin:0px 43px 16px 0px; box-shadow: 0px 0px 3px #294c76;}
#content .img-right{ float:right; margin:0px 0px 16px 20px; box-shadow: 0px 0px 3px #294c76;}
#content .img-indent{ margin:0px 0px 16px 0px}
#content .img-indent1{ margin:0px 0px 35px 0px}
#content p{ margin:0px 0px 17px 0px}
#content .p{ margin:0}
#content .p1{ margin:0px 0px 17px 0px}
#content .p2{ margin:0px 0px 35px 0px}
#content h1{color:#fff; font:400 30px 'Electrolize', sans-serif; margin-bottom:28px; line-height:1.2em }
#content h2{color:#fff; font:400 16px 'Electrolize', sans-serif; margin-bottom:28px; line-height:1.2em }
#content h3{color:#fff; font:400 16px 'Electrolize', sans-serif; margin-bottom:28px; line-height:1.2em }
#content h4{color:#fff; font-weight:normal; font-size:1em; margin-bottom:13px;  }
#content h5{color:#fff; font:400 16px 'Electrolize', sans-serif; margin-bottom:0px; line-height:1.2em }
#content .tail{ background:url(../../images/tail.gif) bottom repeat-x; padding-bottom:29px; margin-bottom:29px; line-height:1.21em}
#content .tail1{line-height:1.21em; margin-bottom:29px}

#content .indent{
	padding:0px 0px 0px 0px
}
#content1 .indent{padding:27px 0px 0px 0px;  }
#content .indent1{
	padding:0px 0px 0px 0px
}

.txt1{
	color:#577582
}
.txt2 {
margin:10px 0 0 0;
padding:0;
line-height:1.0em;
}


/*footer*/
#footer {
	color:#294c76;
	font-size:0.6875em;
	text-transform:uppercase;
	background:#000
}
#footer .indent-footer{ padding:17px 70px 17px 0px;}
#footer a {
	color:#294c76;
	text-decoration:none
}  
#footer a:hover {  text-decoration:none; color:#fff}

#footer ul{margin:0; padding:0; list-style:none; float:right}
#footer ul li{ margin:0px; display:inline; background:url(../../images/bg_li.gif) center right no-repeat; float:left}
#footer ul li a{
	color:#294c76;
	text-decoration:none;
	display:block;
	float:left;
	padding:2px 7px 2px 7px
} 
#footer ul li a:hover { text-decoration:none; color:#fff }
#footer ul .last{background:none;}
#footer ul .last a{ padding-right:0px}
#footer ul li .current{ text-decoration:none; color:#fff  }

.footer-text{
	color:#294c76;
	font-size:11px;
	line-height:12px;
}
.footer-text span{display:inline-block;}
.footer-text a{color:#294c76; text-decoration:none;}
.footer-text a:hover{text-decoration:underline;}
	
.footer-text small a {font-weight:bold; color:#FFFFFF;font-size:11px;}
.footer-text small a:hover {text-decoration:none;}
.footer-text small a span{margin:0;padding:0;color:#FF0000;}

.jamp{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:51px; background:url(../../images/bg_input.png) top left no-repeat}
.h1{ height:238px; background:url(../../images/textarea.png) top left no-repeat}
.block-contact span{
	float:left;
}

.input{
   	border:none; 
	background:none;
	width:220px; height:20px;
	font-size:1em;
	color:#FFFFFF;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
}
input{
   	border:none; 
	background:none;
	width:258px; height:22px;
	font-size:1em;
	color:#FFFFFF;
	padding-right:8px;
	padding-left:18px;
	padding-top:6px;
	padding-bottom:6px;
}
textarea{
	border:none;
	background:none;
	width:258px;
	height:197px;
	font-size:1em;
	color:#FFFFFF;
	padding-left:18px;
	padding-right:8px;
	padding-top:6px;
	padding-bottom:6px;
	margin-bottom:11px;
	overflow:auto
}