/* =================== 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 #011A14;
	min-width: 980px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #808080;
}

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: #f0790a;
}

	a:hover {
		text-decoration: none;
	}

a.clear_underline{text-decoration:none}
	a.clear_underline:hover{text-decoration:underline}

p{line-height:18px}
	p.extra{margin-bottom:6px}
	p.extra1{margin-bottom:7px}
	p.extra2{margin-bottom:18px}
	p.extra3{margin-bottom:27px}

h2{font-size:1.667em; line-height:1.2em; text-transform:uppercase; color:#101010; margin-bottom:11px}
	aside h2{color:#fff; padding-left:25px; margin-bottom:8px}
	h2.extra{margin-bottom:8px !important}

h5{font-size:1.167em; margin-bottom:8px; color:#f0790a}
h5 a{text-decoration:none}
	h5 a:hover{text-decoration:underline}

h6{line-height:18px}
	h6.extra{margin-bottom:8px}

.green{color:#2e7066}
a.grey{text-decoration:none; color:#808080}
	a.grey:hover{text-decoration:underline}

.line_hor{ font-size:0; line-height:0; background:url(../images/line_hor.gif) left top repeat-x; height:1px; margin:0 0 0 -4px; overflow:hidden}
	.line_hor.extra{margin-bottom:16px}
/* ========================= Global properties END =============================== */






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

#main {
	margin: 0 auto;
	font-size: 0.75em;
}

section#content {
	
}

footer {
	height:75px;
	overflow: hidden;
	line-height:18px;
	color:#2e7066;
}

/* ========================= 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;
}
.wrapper1 {
	overflow: hidden;
}

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

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





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

#flash_header{margin-bottom:10px}

.box, #content, #subscribe_form, .lister_buttons a, a.more1{-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.box, #content, #subscribe_form, .lister_buttons a, a.more1{behavior: url(js/PIE.php);}
aside .box{border-right:1px solid #102922; border-bottom:1px solid #102922; background:url(../images/left_box_bg.png) left top repeat; margin-right:-1px}


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





/* ============================= content START =================================== */
	
aside{margin-top:-390px}
.dop_menu{width:100%; overflow:hidden; font-size:1.167em; line-height:26px; margin-bottom:28px}
	.dop_menu li{width:100%; overflow:hidden}
	.dop_menu a{display:block; text-decoration:none; background:url(../images/marker1.gif) 26px 50% no-repeat; padding:0 5px 0 37px}
	.dop_menu a:hover{text-decoration:none}
	.dop_menu .active, .dop_menu li:hover{background:url(../images/active1.png) left center no-repeat; position:relative}
	.dop_menu .active a{text-decoration:none}
	.dop_menu a.green{background-image:url(../images/marker2.gif)}
.dop_menu.extra{margin-bottom:31px}
.dop_menu.extra .active, .dop_menu.extra li:hover{background:url(../images/active2.png) center center no-repeat}



#content{background:#fff}
#content #indent {
	padding: 0 0 0 0;
}

.article_indent{padding:24px 5px 10px 30px}
.article_indent1{padding:24px 35px 10px 30px}
.article_indent2{padding:24px 5px 5px 5px}

.item{margin-bottom:21px}
	.item.last{margin-bottom:15px}

span.normal{font-weight:normal}

.links{font-size:0.917em; text-transform:uppercase; padding-left:4px; padding-top:10px; margin-bottom:16px; position:relative}
	.links a{margin-right:20px}

#content section{float:right}
#content .box{background:#e6e6e6; margin-bottom:4px}

#content section .box h2{padding-left:7px; margin-bottom:6px}

.indent{padding:4px 5px 4px 0; overflow:hidden}

.headline_icon{display:inline-block; margin:4px 0 0; position:relative}
.list1{width:100%;}
	.list1 li{background:url(../images/line_hor2.gif) left bottom repeat-x; overflow:hidden; padding-left:8px; padding-bottom:14px; margin-bottom:12px}
	.list1 .last{background:none; margin-bottom:11px}
	.list1 h6 a:hover{color:#808080; text-decoration:underline}

.list2{overflow:hidden; padding:4px 0 21px 8px}
	.list2 li{background:url(../images/line_hor2.gif) left bottom repeat-x; overflow:hidden; line-height:18px; padding-bottom:3px; margin-bottom:1px}
	.list2 a{display:inline-block; background:url(../images/more_arrow2.gif) 0px 7px no-repeat; font-weight:bold; padding-left:10px; text-decoration:none}
	.list2 a:hover{text-decoration:none; color:#808080; background-position:0 -48px}
	.list2 .last{background:none}

.lister_buttons{}
	.lister_buttons a{color:#fff; text-decoration:none; display:inline-block; background:url(../images/but_tail.gif) left top repeat-x #cf3202; font-size:1.167em; text-transform:uppercase; line-height:28px; position:relative; margin:0 4px 0 0; padding:0 13px}
	.lister_buttons .prev{padding:0 8px 0 19px; margin-left:0}
	.lister_buttons a:hover{ background:url(../images/but_tail2.gif) left top repeat-x #0a362f}
	.lister_buttons .arrow{
	position: absolute;
	display: inline-block;
	width: 6px;
	height: 10px;
	top: 5px;
	margin-top: -5px;
	background-image: url(../images/lister_arrow.png);
	background-repeat: no-repeat
}
	.lister_buttons .next .arrow{
	background-position: right top;
	right: -28px
}
	.lister_buttons .prev .arrow{
	background-position: left top;
	left: -11px
}
	.lister_buttons .prev2{padding:0 12px 0 21px}
	.lister_buttons .prev2 .arrow{left:12px}
	.lister_buttons .next2{padding:0 19px 0 16px}
	.lister_buttons .next2 .arrow{right:10px}
	

.video_block{padding-bottom:21px}
.video_block div.fleft{padding-top:2px}
.video_info{width:155px; float:right}
	.video_info h5{margin-bottom:6px}
.rating{margin-bottom:17px}
	.video_info .links{padding:6px 0 0 1px; margin-bottom:24px}
	
.block_indent{padding:14px 0 21px}
.block_indent1{padding:14px 0 0}

.list3{overflow:hidden; padding-top:4px; margin-left:-19px; margin-bottom:15px}
	.list3 li{float:left; margin-left:19px}
	.lister_buttons .next.more2{padding:0 13px 0 22px;}
	.lister_buttons .next.more2 .arrow{left:12px; right:auto}
	
.list4{overflow:hidden; margin-bottom:19px}
.list4.extra{margin-bottom:17px}
	.list4 li{float:left; padding-right:5px; background:url(../images/line_ver.gif) right -1px repeat-y; padding-right:6px; width:216px; margin-right:18px}
	.list4 .last{margin-right:0; background:none; padding-right:0}
/* ============================== content END ==================================== */



/* ============================= boxes START ===================================== */

.box {
	margin-bottom:9px;
	position:relative;
}
.box.last{margin-bottom:0 !important}
	.box_inner {
		padding: 24px 4px 10px 5px;
	}
	.box_inner1 {padding: 20px 15px 10px 23px;}
	.box_inner2 {padding: 20px 15px 27px 25px}
	
/* ============================== boxes END ====================================== */





/* =================== txt, links, lines, titles START =========================== */
a.more{display:inline-block; position:relative; padding-right:20px; line-height:20px; text-decoration:underline; position:relative}
	a.more span.arrow{display:block; width:20px; height:20px; position:absolute; right:0; top:50%; margin-top:-10px; background-image:url(../images/more_arrow.gif); background-repeat:no-repeat; background-position: 6px 8px}
	a.more:hover{text-decoration:underline; color:#808080}
	a.more:hover span{background-position:6px -17px}

a.more1{display:inline-block; position:relative; background:url(../images/but_tail3.gif) left top repeat-x #cf3102; color:#fff; font-size:1.667em; text-transform:uppercase; text-decoration:none; height:38px; line-height:38px; padding:0 20px}
	a.more1:hover{text-decoration:none}

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





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

#search_form{position:absolute; right:-1px; top:30px; width:209px; height:31px; background:url(../images/search_input.png) left top	no-repeat}
	#search_form input{background:none; margin:0; padding:0; border:none; float:left; outline:none}
	#search_form input[type='text']{font:11px Arial, Helvetica, sans-serif; color:#2e7066; padding:8px 15px; width:151px}

#subscribe_form{background:url(../images/subscribe_bg.jpg) left top no-repeat #e35406; color:#fff; position:relative; padding:24px 21px 26px}
	#subscribe_form h2{padding-left:9px; margin-bottom:6px}
	#subscribe_form p{padding-left:9px; margin-bottom:4px}
	#subscribe_form input{background:none; border:none; margin:0; padding:7px 10px; width:128px; font:12px Arial, Helvetica, sans-serif; color:#2e7066; float:left}
	#subscribe_form .text_input{background:url(../images/subscribe_input.png) left top no-repeat; height:28px}
	#subscribe_form .subscribe_but{background:url(../images/subscribe_but.png) left top no-repeat; display:inline-block; width:75px; height:29px; text-decoration:none; font-size:1.167em; text-transform:uppercase; text-align:center; color:#fff; position:relative; line-height:28px}
	#subscribe_form .subscribe_but:hover{background-position:left bottom}
	#subscribe_form .wrapper{margin-bottom:9px}
	
#contact_form {
	width: 100%;
	overflow: hidden;
}

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





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

.pic_indent {margin: 2px 22px 0 0}
.pic_indent1{margin:4px 22px 0 0}

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





/* ============================ footer START ===================================== */
footer a{color:#2e7066; text-decoration:none}
footer a:hover{text-decoration:underline}
footer .wrapper{padding:17px 0 10px}
	.copy{padding-left:30px; float:left}
	.footer_link{padding-right:30px; float:right}
/* ============================= footer END ====================================== */