/* =================== Getting the new tags to behave START ====================== */

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 }

/* ==================== Getting the new tags to behave END ======================= */





/* ========================= Global properties START ============================= */

body {
	background: url(../images/body_bg.jpg) center top no-repeat fixed #04040c;
	min-width: 976px;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #5f656a;
	position:relative;
}

html {
	background: transparent;
	min-width: 976px;
	height: 100%;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: top;
	font-size: 100%;
}

div {
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}

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

	a:hover {
		text-decoration:underline;
	}

h2{color:white; line-height:1.2em; font-size:2.5em; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin-bottom:16px}
	h2.extra{margin-bottom:10px}
	h2.extra1{margin-bottom:13px}

h2 span.second_line{display:block; margin-top:-6px}

h6{font-weight:normal; font-size:1.167em; line-height:20px; color:white}

p{line-height:20px; font-size:1.167em; margin-bottom:20px}	
	p.extra{margin-bottom:24px}
	p.extra1{margin-bottom:17px}
	p.extra2{margin-bottom:27px}
	
.extra0{margin-bottom:0}

div.bot_indent{margin-bottom:22px}
/* ========================= Global properties END =============================== */






/* ========================= Global Structure START ============================== */

#main {
	width: 976px;
	margin: 0 auto;
	font-size: 0.75em;
	position:relative;
	padding-bottom:78px;
	z-index:2
}

header {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:1.50em;
	margin-bottom:21px;
	position:relative;
	z-index:5;
	left:0;
}

footer {
	min-height:38px;
	overflow: hidden;
	background:url(../images/footer_bg.png) left top repeat;
	border-bottom:11px solid white;
	position:absolute;
	left:0;
	width:100%;
	bottom:0;
	font-size:0.80em;
	text-transform:uppercase; 
	color:white;
	z-index:3;
}

/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: left;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: left;
	overflow: hidden;
}

.aligncenter {
	padding: 15px 0 0 0;
	text-align: center;
}

.alignright{text-align:right}

.wrapper {
	width: 100%;
	overflow: hidden;
}

.clear {
	clear: both;
	font-size: 0%;
	line-height: 0%;
	height: 0;
}

/* ====================== Left & Right alignment END ============================= */





/* ============================== header START =================================== */
#logo {display:block}
	#logo a{display:inline-block; background:#ADD8E6; color:black; font-size:5em; text-decoration:none; line-height:1.2em; padding:30px 40px 34px 33px; letter-spacing:-3px}
		#logo a span{display:block; font-size:0.167em; cursor:pointer; line-height:1.4em; font-family:Arial, Helvetica, sans-serif; letter-spacing:normal; padding-left:4px; margin-top:-13px}

#menu{line-height:39px; font-size:2em; overflow:hidden}
	#menu li{margin-top:1px; display:inline-block; float:left; clear:left}
	#menu a{play:inline-block; padding:0 17px; text-decoration:none; color:black}
	#menu a:hover{background-color:#b6b6bb; text-decoration:none}
	#menu .active a{background-color:#b6b6bb !important; color:white}

#fader_link{font-size:2.833em; line-height:137px; background:white; display:inline-block; text-decoration:none; margin-top:1px; padding:4px 42px 0; color:black; display:none}

#fader_link:hover{text-decoration:none}

/* =============================== header END ==================================== */





/* ============================= content START =================================== */
#content{background:url(../images/content_bg.png) left top repeat; padding:0 8px; position:relative; overflow:hidden; display:block}
#content > li{height:1120px; padding-top:39px; position:relative; display:block; overflow:hidden; display:none}

.list1{width:280px; overflow:hidden; margin-bottom:11px}
	.list1 li{width:100%; overflow:hidden; border-bottom:1px solid #1f2327; margin-bottom:17px}
	.list1 .last{margin-bottom:0; border:none}
	.list1 .alignright{padding-right:12px; margin-top:-20px; margin-bottom:16px}
	.list1 blockquote{overflow:hidden}
.list{line-height:24px; width:100%; overflow:hidden; font-size:1.167em; margin-bottom:26px}
	.list li{overflow:hidden; padding-left:15px; background:url(../images/list_marker.gif) left center no-repeat}
	.list a{text-decoration:underline}
		.list a:hover{text-decoration:none}

.contacts{}
	.contacts span{float:right; padding-right:114px}
	.contacts .mail{font-style:italic; text-decoration:underline}
	.contacts .mail:hover{text-decoration:none}

.icons_list{width:100%; overflow:hidden; padding-top:3px; margin-bottom:15px; padding-bottom:3px; position:relative}
	.icons_list li{float:left; margin-right:5px; position:relative}
	.icons_list li a{display:inline-block}

.list2{line-height:23px; font-size:1.167em}
	.list2 li{width:100%; overflow:hidden}
	.list2 a{text-decoration:underline}
	.list2 a:hover{text-decoration:none}
	
	
/* Tooltips */
.aToolTip {
	border:1px solid #444;
	background:#555;
	color:#fff;
	margin:0;
	padding:2px 8px;
	font-size:11px;
}

.aToolTip .aToolTipContent {
	position:relative;
	margin:0;
	padding:0;
}

#map_canvas {
	width:266px;
	height:143px;
	overflow:hidden;
	}

	
/* ============================== content END ==================================== */



/* =================== txt, links, lines, titles START =========================== */
a.more{text-decoration:underline; font-size:1.167em; font-style:italic; line-height:20px}
	a.more:hover{text-decoration:none}

/* ==================== txt, links, lines, titles END ============================ */





/* ============================= forms START ===================================== */
#contact_form {width:100%; overflow: hidden; color:#5f656a}
	#contact_form input, #contact_form textarea{float:left; margin:0; border:none; color:white; background:#1f2327; font:12px Arial, Helvetica, sans-serif; padding:3px 5px; outline:none; width:249px}
	#contact_form textarea{height:138px; overflow:auto; width:274px}
	#contact_form .name{line-height:14px; margin-bottom:2px; font-size:1.167em}
	#contact_form .wrapper{margin:0 0 13px 0}
	#contact_form .buttons{padding-top:11px; text-align:right; margin:0; padding-right:21px}
	#contact_form .buttons a.more{margin-left:20px; display:inline-block}

/* ============================== forms END ====================================== */





/* ============================= other START ===================================== */

.img_border{border:9px solid #1f2327}
.img_border:hover{border-color:#00417B}
.pic_indent {margin: 0 0 23px 0;}
.pic_indent1 {margin: 0 20px 0 0;}
.pic_indent2 {margin: 0 0 20px 0;}
.pic_indent3 {margin: 0 0 25px 0;}
/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */
footer .wrapper{padding-top:13px; font-size:0.833em}
	.copy, .footer_left{float:left; padding-left:17px}
	.copy b{font-weight:normal}
	.footer_menu{float:right; margin-right:16px; overflow:hidden}
	.footer_menu ul{margin-left:-8px; overflow:hidden}
	.footer_menu li{float:left; background:url(../images/menu_separator.gif) left center no-repeat; padding-left:8px; margin-left:7px}
/* ============================= footer END ====================================== */