/* =================== 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 {
	min-width: 980px;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	color: #CCCCCC;
	background-color: #CCC;
	background-image: url(../images/body_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}

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

	a:hover {
		text-decoration: none;
	}

h2{font-size:2.667em; line-height:1.2em; color:white; letter-spacing:-1px; word-spacing:2px; margin-bottom:16px}
	h2 span{text-transform:uppercase}
	
	h2.extra{margin-bottom:13px}
	h2.extra1{margin-bottom:21px}
	
h3{
	font-size:2em;
	color:#000;
	background:url(../images/h3_marker.png) 1px center no-repeat;
	padding-left:16px;
	line-height:1.2em;
	margin-bottom:19px;
	letter-spacing:-1px;
	word-spacing:2px
}
	h3.extra{margin-bottom:18px}
	h3.extra1{margin-bottom:15px}

h6{
	color:#d3d3d3;
	font-size:small;
	line-height:18px;
	text-transform:none;
	margin-bottom:17px
}
	h6.extra{margin-bottom:18px}
	h6.extra1{margin-bottom:0}

p{line-height:18px; margin-bottom:18px}
	p.extra{
	margin-bottom:20px;
	color: #000;
}
	p.extra1{margin-bottom:0}
	p.extra2{margin-bottom:16px}
	p.extra3{margin-bottom:17px}
	p.extra4{margin-bottom:27px}
	
img.fleft{margin-right:18px}

.orange{color:#ff5300}

.div_indent{margin-bottom:17px}


/* ========================= Global properties END =============================== */






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

#main {
	width: 980px;
	margin: 0 auto;
	font-size: 0.75em;
	padding-bottom:79px;
	color: #CCCCCC;
}

header {
	position: relative;
	height:146px;
}

section#content { background:url(../images/tail_shadow.png) left top repeat-y}

footer {
	min-height:69px;
	overflow: hidden;
	background:url(../images/tail_shadow.png) left top repeat-y
}

.top_shadow{
	background:url(../images/top_shadow.png) left top no-repeat;
	height:7px;
	width:980px;
	top:87px;
	position:absolute;
	left: -1px;
}
.footer_bot_shadow{background:url(../images/bot_shadow.png) left top no-repeat; height:7px}
aside{
	width:960px;
	margin:0 auto;
	border-bottom:4px solid #3d3d3d;
	background:url(../images/aside_bot_shad.png) left bottom repeat-x;
	color:#CCCCCC
}
	.aside_inner{background:url(../images/aside_top_shad.png) left top repeat-x; padding:41px 0 38px 20px}
	#page6 .aside_inner{padding:41px 0 35px 20px}
/* ========================= 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;
	background-color: #CCC;
}

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

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





/* ============================== header START =================================== */
header h1{
	height:75px;
	width:299px;
	position:absolute;
	top:6px;
	left:12px
}
	header h1 a{
	display:block;
	height:100%;
	text-decoration:none;
	background-image: url(../images/Head.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
	header h1 a span{display:none}
	header h1 a b{
	text-decoration:none;
	color:#000;
	font-size:1.167em;
	text-transform:uppercase;
	display:block;
	position:absolute;
	left:307px;
	top:3px;
	width:450px;
	line-height:19px;
	word-spacing:3px;
	letter-spacing:-1px
}

.header_icons{position:absolute; top:45px; right:38px; color:#919090}
	.header_icons ul{float:left; margin-right:2px}
		.header_icons ul li{float:left; margin-right:5px}
		
nav{
	position:absolute;
	width:980px;
	top:90px;
	background:url(../images/tail_shadow.png) left top repeat-y;
	height:53px;
	z-index:19;
	left: -15px;
}
	.nav_shadow{background:url(../images/nav_shadow.png) left bottom repeat-x; width:960px; margin:0 auto; height:53px}
	nav ul{font-size:1.5em}
	nav li{float:left; height:53px; margin-right:1px}
	nav ul a{color:#8c8c8c; text-decoration:none; line-height:43px; display:block; letter-spacing:-1px; padding:3px 20px 7px 19px; margin:0 3px}
	nav ul a:hover, nav ul .active a{color:#ff5300; text-decoration:none; border:3px solid #3d3d3d; border-bottom:none; line-height:43px; margin:0; padding-top:0; background:url(../images/menu_act.png) left top repeat}
/* =============================== header END ==================================== */





/* ============================= content START =================================== */
.slider{border:7px solid #3d3d3d; height:373px; position:relative; overflow:hidden;}
.pagination {
	position:absolute;
	z-index:20;
	top:352px;	
	left:24px;
}
	.pagination li {
		float:left;
		padding-right:3px;
		font-size:0;
		line-height:0;
	}	
		.pagination li a {
			display:block;
			width:13px;
			height:13px;
			background:url(../images/banner_slider_a.png) -16px 0px no-repeat;
			font-size:0;
			line-height:0
		}
		.pagination li.current a {
			background:url(../images/banner_slider_a.png) 0px 0px no-repeat;
		}
.banner {
	width:447px;
	height:180px;
	top:157px;
	position:absolute;
	color:#fff;
	font:20px Arial, Helvetica, sans-serif;
	background:url(../images/banner_slogan_bg.png) left top no-repeat;
}



	.banner{
	font-size:3.333em;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:-1px;
	position:absolute;
	padding:42px 0 0 22px;
	line-height:1.3em;
	word-spacing:-1px;
	left: 7px;
}
		.banner strong {font-size:0.75em; text-transform:none; color:#ffccb3; display:block; letter-spacing:0; width:90%; margin-top:-16px; word-spacing:0}
		.banner strong em{margin-top:-27px; display:block}
	
aside .block-1, aside .block-2, aside .block-3, aside .block-4{border-right:1px solid #2a2a2a}

aside div.extra{margin:0; border:none}

.block_inner{
	padding-right:15px;
	color: #000;
}

#content section{
	width:960px;
	margin:0 auto;
	border-bottom:4px solid #3d3d3d;
	background-color: #CCCCCC;
}
#indent{padding:27px 0 18px 20px}

.col-1, .col-2, .col-3, .col-4{border-right:1px solid black}

article.extra{border:none; margin:0 !important}

.article_inner{padding-right:20px}

.list{width:100%; overflow:hidden; margin-bottom:7px}
	.list li{width:100%; overflow:hidden; margin-bottom:13px}
	.list h6, .list p{margin-bottom:0}
	.list img{margin-top:5px}
	
.list1{line-height:24px; font-size:0.917em; font-weight:bold; width:100%; overflow:hidden; text-transform:uppercase; margin-bottom:19px}
	.list1 li{background:url(../images/list_marker.gif) left center no-repeat; padding-left:12px; overflow:hidden}
	.list1 a{color:white; text-decoration:none}
	.list1 a:hover{color:#ff5300; text-decoration:underline}
	
.news{width:100%; overflow:hidden}
	.news dt a{color:white; text-decoration:none; font-size:0.917em; line-height:18px; font-weight:bold; text-transform:uppercase}
	.news dt a:hover{color:#ff5300; text-decoration:underline}
	.news dd{line-height:18px; margin-bottom:25px}
	.news dd.last{margin-bottom:0}
	
.lists{width:100%; overflow:hidden}
	.lists ul{float:left; width:206px; margin-right:26px}
	.lists .last{margin-right:0}

.list2{width:100%; overflow:hidden; padding-top:4px}
	.list2 li{float:left; margin-right:10px; margin-right:32px}
	.list2 .last{margin-right:0}
	
.list3{width:100%; overflow:hidden; padding-top:3px}
	.list3 li{width:100%; overflow:hidden; margin-bottom:25px}
	.list3 h6, .list3 p{margin-bottom:0}
	.list3 .last{margin-bottom:0}
	
.lists.extra ul{margin-bottom:0}

.contacts{color:#ff5300; font-weight:bold; font-size:0.917em; text-transform:uppercase; padding-right:13px}
	.contacts span{float:right}

.contacts1{width:100%; overflow:hidden; padding-bottom:5px}
	.contacts1 li{float:left; width:200px; margin-right:41px}
	.contacts1 .last{margin:0; width:197px}
	.contacts1 p span{float:right; padding-right:31px}
	.contacts1 h6{margin-bottom:0}

.mail{font-size:0.917em; font-weight:bold; text-transform:uppercase; color:#d3d3d3; margin-bottom:15px}
	.mail a{color:#d3d3d3; text-decoration:none}
	.mail a:hover{color:#ff5300; text-decoration:underline}
/* ============================== content END ==================================== */



/* =================== txt, links, lines, titles START =========================== */
a.more{text-decoration:none; color:#ff5300; font-size:1.333em; background:url(../images/more_bg.png) right center no-repeat; display:inline-block; line-height:20px; padding:0 18px 3px 14px; letter-spacing:-1px; word-spacing:2px}
	a.more:hover{text-decoration:none; color:white}

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





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

#contact_form {width: 675px; overflow: hidden; color:#919090; margin-left:1px;}
	#contact_form input, #contact_form textarea{float:left; margin:0; border:1px solid #3d3d3d; color:white; background:url(../images/input_bg.png) left top repeat; font:12px Arial, Helvetica, sans-serif; padding:4px; width:309px; outline:none}
	#contact_form textarea{height:75px; overflow:auto}
	#contact_form div{width:100%; overflow:hidden; margin-bottom:11px}
	#contact_form .fleft, #contact_form .fright{width:319px; margin:0}
	#contact_form .name{line-height:18px; padding-left:9px; margin-bottom:6px}
	#contact_form .wrapper{margin:0}
	#contact_form .buttons{padding-top:8px; text-align:right; margin:0}
	#contact_form .buttons a.more{margin-left:22px; padding:0 21px 3px 15px}

#search_form{
	width:172px;
	height:25px;
	background:url(../images/search_form.jpg) left top no-repeat;
	position:absolute;
	top:102px;
	right:40px;
	z-index:20
}
	#search_form a{color:#fff; font-size:1.333em; text-decoration:none; text-transform:lowercase; display:inline-block; line-height:1.35em; letter-spacing:-1px}
	#search_form a:hover{color:#ff5300; text-decoration:none}
	#search_form input{float:left; color:#fff; font:12px Arial, Helvetica, sans-serif; border:none; padding:5px; outline:none; background:none; width:103px; margin-right:9px}

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





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

.pic-indent{margin-bottom:13px}
.pic-indent1{margin:4px 18px 0 0}
.pic-indent2{margin:5px 18px 0 0}

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





/* ============================ footer START ===================================== */
footer .wrapper{
	width:918px;
	margin:0 auto;
	padding:27px 21px 0;
	color: #CCC;
	background-color: #CCC;
	background-image: url(../images/footer_top_shadow.png);
	background-repeat: repeat-x;
	background-position: left top;
}
footer a{color:#ababab}
.copy{float:left}
	.copy b{margin:0 3px}
.footer_link{float:right}
/* ============================= footer END ====================================== */
div {
	color: #000;
}
#page1 #main footer .wrapper {
	color: #000;
}