/* =================== 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) left top repeat #171310;
	min-width: 980px;
	height: 100%;
	font-family:"Helvetica", Arial, Helvetica, Trebuchet MS, sans-serif;
	line-height: 1em;
	color: #fff;
	position:relative;
}

html {
	background: transparent;
	min-width: 980px;
	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: #fb6d20;
}

	a:hover {
		text-decoration: none;
	}
	
h2{font-size:2.143em; line-height:1.2em; text-transform:uppercase; letter-spacing:1px; margin-bottom:13px}

h3{font-size:1.846em; line-height:1.2em; text-transform:uppercase; margin-bottom:12px}
	
h6{line-height:18px}

p{line-height:18px; margin-bottom:18px}
	p.extra{margin-bottom:12px}
	p.extra1{margin-bottom:10px}

span.more{background:url(../images/more_bg.png) repeat; padding:8px 10px 10px; display:inline-block; min-width:195px}

.left_indent{padding-left:4px}
/* ========================= Global properties END =============================== */






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

#main {
	font-size: 0.75em;
	position:relative;
	z-index:10;
	padding-top:53px;
}

header {
	position: relative;
	height:703px;
	overflow:hidden;
}

#content {
	height:703px;
	font-size:1.083em;
}

.text_title_font {
	font-size:1.3em;
	color: #0099FF;	
}

.text_blue_font {
	font-size:13px;
	color: #00CCFF;
}

#content_wrap{height:703px; overflow:hidden; position:relative}

footer {
	overflow: hidden;
	font-family:Arial, Helvetica, sans-serif;
}

#top_bg{min-width:980px; background:url(../images/top_bg.jpg) 0px -410px repeat-x; min-height:840px}
#content_shadow{min-width:980px; background:url(../images/content_shadow.png) center -60px no-repeat; height:870px; display:none}

#preload_status{width:181px; height:88px; position:absolute; display:none; left:50%; top:50%; margin:-44px 0 0 -90px; text-align:center; z-index:999}
    #preload_status img{position:absolute; left:0; top:0;}
/* ========================= 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;
}

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

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

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





/* ============================== header START =================================== */

#logo {height:165px; width:240px; overflow:hidden; position:relative; margin-bottom:70px}
	#logo a{display:block; height:100%; text-decoration:none}
	#logo a:hover{text-decoration:none}
		#logo a span{display:block; width:240px; position:absolute; left:0px; cursor:pointer; text-indent:-9999px}
	#logo .first_line{color:#FFFFFF; top:20px; height:0px;}
	#logo .second_line{color:#FFFFFF; text-transform:uppercase; display:block; background:url(../images/logo1.jpg) 23px top no-repeat; height:123px; top:20px}

nav {font-size:1.333em; line-height:1.2em; text-transform:uppercase; padding-left:45px; letter-spacing:1px}
	nav a{color:#0099FF; text-decoration:none}
		
	nav li{margin-bottom:5px}
	nav > ul > li{position:relative; width:169px}
	nav .submenu {padding:15px 0 11px; display:none}
	nav .submenu li{padding-left:21px; margin-bottom:1px;}
	
	nav .submenu .active{background:url(../images/menu_arrow.gif) 10px center no-repeat}
	nav .active a, nav .submenu .active a {color:#fb6d20}
	
	nav .submenu a{color:#66CCFF}
	
	nav a:hover{text-decoration:none; color:#fb6d20}
/* =============================== header END ==================================== */





/* ============================= content START =================================== */

#content{float:right}
#content_wrap{background-position:18px top; background-repeat:no-repeat}
.bg1{background-image:url(../images/content_bg1.jpg)}
.bg2{background-image:url(../images/content_bg2.jpg)}
.bg3{background-image:url(../images/content_bg3.jpg)}
.bg4{background-image:url(../images/content_bg4.jpg)}
.bg5{background-image:url(../images/content_bg5.jpg)}
.bg6{background-image:url(../images/content_bg6.jpg)}

#gallery{width:666px; height:703px; position:relative; overflow:hidden; padding-left:17px}
	#gallery .viewport{overflow:hidden; position:relative; width:115px; height:586px; top:54px; left:12px}
	#gallery .thumbs{list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
		#gallery .thumbs li{margin: 0 0 10px 0; height: 109px; width: 114px; overflow:hidden}
		#gallery .thumbs li a{display:block; height:109px; width: 115px }
		#gallery .thumbs li a span{display:block; height:109px; cursor:pointer;}
	#gallery .gallery_nav{height:703px; width:134px; background:url(../images/thumbs_bg.png) left top repeat; position:absolute; top:0; right:0; right:-134px; z-index:10}
	#gallery .buttons{display:block; position:absolute; left:12px; background-image:url(../images/gallery_arrows.png); background-repeat:no-repeat; width:115px; height:25px; text-indent:-9999px}
	#gallery .next{background-position:left bottom; bottom:23px}
	#gallery .prev{background-position:left top; top:16px}
	#gallery .disable{opacity:.2; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);}
	#gallery .big_img{position:absolute; left:17px; top:0; z-index:8}

.text_block{height:461px; position:relative; top:110px}
.trans_bg{background:url(../images/content_transparent.png) left top repeat; height:461px; position:relative}


.block_inner{padding:13px 19px 0}
.block_inner1{padding:24px 19px 0}
.block_inner2{padding:13px 12px 0}

.list1{padding-top:6px}
	.list1 li{width:214px; height:313px; float:left; margin:0 16px 0 0; padding:0 0 50px 0}
	.list1 a{background:#fff; padding:6px 6px 16px; display:block; color:#060809; text-decoration:none}
	.list1 a:hover{text-decoration:none}
	.list1 a span{display:block}
	.list1 a img{margin-bottom:10px}
	.list1 a .photo_title{font-size:1.846em; line-height:1.2em; text-transform:uppercase}
	.list1 a .photo_info{line-height:18px; margin-top:-2px; display:inline-block; padding-right:7px; background:url(../images/link_arrow.gif) right 7px no-repeat}
	.list1 a:hover{background:#fb6d20}
	.list1 a:hover .photo_info{background-position:right -188px; color:#fff}
	
.scroll-pane{width:502px; height:388px; overflow:auto}

.list2{padding-top:6px}
	.list2 li{overflow:hidden; margin-bottom:17px}
	.list2 h6{padding-top:9px}
	.list2 h6 time{}
		.list2 h6 a{text-decoration:none; color:#fff}
		.list2 h6 a:hover{text-decoration:underline; color:#fb6d20}
		.list2 h6 img{border-width:5px; margin:-9px 17px 0 0}
	.list2 p{margin-bottom:0}
.map_canvas{width:182px; height:192px; padding-top:6px; margin-bottom:19px}

#loading{background:url(../images/loading_bg.png) left top no-repeat; width:181px; height:88px; position:absolute; left:50%; top:50%; margin:-44px 0 0 0; text-align:center; display:none; z-index:999}
/* ============================== content END ==================================== */



/* =================== txt, links, lines, titles START =========================== */
a.more{text-transform:uppercase; font-size:1.385em; line-height:1.2em; color:#fb6d20; text-decoration:none; background:url(../images/more_bg.png) repeat; display:block; padding:8px 11px 7px}
a.more:hover{text-decoration:none; color:#fff}
a.small{max-width:192px}

a.more1{text-transform:uppercase; font-size:1.385em; line-height:1.2em; color:#fb6d20; text-decoration:none; background:url(../images/more_bg.png) repeat; display:block; padding:8px 11px 7px}
a.more1:hover{text-decoration:none; color:#fff}


.line_hor{height:5px; background:#fff; font-size:0; line-height:0; overflow:hidden; margin-bottom:20px}

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





/* ============================= forms START ===================================== */

#contact_form {padding-top:6px; width:256px}
	
	#contact_form input, #contact_form textarea{float:left; margin:0; border:none; background:url(../images/more_bg.png) repeat; color:#fff; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; outline:none; padding:7px 9px 9px; width:238px; -webkit-box-shadow:rgba(0,0,0, .65) 2px 3px 3px inset; -moz-box-shadow:rgba(0,0,0, .65) 2px 3px 3px inset; box-shadow:rgba(0,0,0, .65) 2px 3px 3px inset;}
	#contact_form textarea{overflow:auto; resize:none; height:173px}
	#contact_form .clearfix{margin-bottom:10px; position:relative;}
	#contact_form .buttons{padding-top:5px}
	#contact_form .buttons a{width:103px}
	#contact_form .buttons a.fright{color:#fff}
	#contact_form .buttons a.fright:hover{color:#fb6d20}
	#contact_form label{position:absolute; font-size:0.833em; left:11px; top:31px; width:256px}
	#contact_form label.error{color:red; font-weight:bold; display:none}
	#contact_form #message_error1, #contact_form #message_error2{top:188px;}
	#contact_form .download-box {margin:20px 30px 0 0; padding-top:20px}
	#back{cursor:pointer}
/* ============================== forms END ====================================== */





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

.img_border{border:6px solid #fff}
a .img_border:hover{border-color:#fb6d20}
.pic_indent {margin: 0 0 9px 0;}
.pic_indent1 {margin: 0 0 23px 7px;}
.pic_indent2 {margin: 0 0 15px 15px;}
.pic_indent3 {margin: 0 15px 15px 0;}

.title_indent{padding:0 6px}

/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */
footer{color:#3c332d}
	footer .wrapper{padding:44px 0 10px}
	footer a{color:#3c332d; text-decoration:none}
	footer a:hover{text-decoration:underline}
	.copy{float:left; padding-left:35px}
		.copy b{background:url(../images/copy_separator.gif) center center no-repeat}
	.footer_link{float:right; padding-right:35px}
		.footer_link b{background:url(../images/copy_separator.gif) center center no-repeat}
/* ============================= footer END ====================================== */