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

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: #d31639;
	text-decoration:none;
}

	a:hover {
		text-decoration:underline;
	}

h2{font-style:italic; line-height:1.2em; color:#4a525d; font-size:2em; margin-bottom:20px}
	h2.extra{margin-bottom:19px}
	h2.extra1{margin-bottom:25px}
	h2.extra2{margin-bottom:21px}
	h2.extra3{margin-bottom:24px}
h3{
	font-style: italic;
	line-height: 1.2em;
	color: #FFFFFF;
	font-size: 1.5em;
	margin-bottom: 20px
}
	h2.extra{margin-bottom:19px}
	h2.extra1{margin-bottom:25px}
	h2.extra2{margin-bottom:21px}
	h2.extra3{margin-bottom:24px}

h6{line-height:18px; color:#d31639}
	h6.extra{margin-bottom:18px}
	

p{line-height:18px; margin-bottom:18px}
	p.extra0{margin-bottom:0 !important}
	p.extra{margin-bottom:15px}
	p.extra1{margin-bottom:21px}
	p.extra2{margin-bottom:23px}
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
#customers1
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}
#customers1 td, #customers1 th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
}
#customers1 th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers1 tr td 
{
color:#000000;
background-color:#EAF2D3;
}

	
div.extra{margin-bottom:26px}
div.extra1{margin-bottom:19px}
div.extra2{margin-bottom:14px}
div.extra3{margin-bottom:31px}
div.extra4{margin-bottom:23px}
div.extra5{margin-bottom:35px}
div.extra6{margin-bottom:24px}

ul.extra0{margin-bottom:0}
ul.extra1{margin-bottom:11px}
ul.extra2{margin-bottom:20px}
ul.extra3{margin-bottom:18px}
/* ========================= Global properties END =============================== */






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

#main {
	width: 980px;
	margin: 0 auto;
	font-size: 0.75em;
	padding:0 0 21px;
}

header {
	position: relative;
}

section#content { margin-bottom:21px}

footer {
	min-height:50px;
	overflow: hidden;
}

/* ========================= 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 {position:absolute; top: 19px; left: 20px; line-height:1.2em; font-size:0.917em; color:white; width:320px; height:42px}
	#logo a{display:block; height:100%; background:url(../images/logo.png) left top no-repeat; padding-right:78px; text-decoration:none; color:white}
	#logo a span{display:none}
	#logo .logo_slogan{letter-spacing:3px; text-transform:uppercase; word-spacing:3px; display:block}
	*+html #logo .logo_slogan{margin-top:-3px}

.head_icons{position:absolute; right:20px; top:50px}
.head_icons li{float:left; margin-left:10px}

nav{background:#f8f9fc; padding:10px 0; position:relative; top:90px; text-transform:uppercase; overflow:hidden}
	nav ul{border-left:1px solid #c2c2c5; float:left; font-size:1.25em}
	nav li{float:left; border-right:1px solid #c2c2c5}
	nav ul a{text-decoration:none; color:#5d5859; line-height:38px; padding:0 21px 2px; display:block}
	*+html nav a{line-height:39px; padding-bottom:1px}
	nav a:hover{color:#cc1019; text-decoration:none}


.banner{background:url(../images/banner_img1.jpg) left top no-repeat; width:980px; height:400px; position:relative; margin-bottom:20px}
	
.slider{background:url(../images/slider_bg.jpg) left top no-repeat; height:150px; position:relative; margin-bottom:20px}
	.slider_indent{padding:11px 61px}
	.slider h2{font-size:1.75em; color:white; margin-left:-32px; margin-bottom:14px}
	.list_wrapper{overflow:hidden; position:relative; width:100%; height:80px}
	.left_arrow{background:url(../images/slide_left.png) left top no-repeat; height:37px; width:36px; position:absolute; top:73px; left:9px}
	.right_arrow{background:url(../images/slide_right.png) left top no-repeat; height:37px; width:36px; position:absolute; top:73px; right:9px}
	.slider ul{position:absolute; width:1000px}
	.slider ul li{float:left; border-right:1px solid #797d85; padding:4px 21px 0 0; width:258px; margin-right:20px}
	.slider ul img.fleft{margin:-4px 20px 0 0}
	.slider ul div{color:white; border-bottom:1px dashed #757981; overflow:hidden; line-height:21px; font-size:0.917em; margin-bottom:-1px}
	.slider ul div.last{border:none}
	.slider ul div strong{font-size:1.091em}
	.slider ul div span{float:right; color:#b1cbe0; width:69px}

#flash_slider{margin-bottom:20px}
	
.list{overflow:hidden; line-height:18px; margin-bottom:15px}
	.list li{padding-left:20px; background:url(../images/list_marker.gif) left 7px no-repeat; margin-bottom:18px; overflow:hidden}
	.list .last{margin-bottom:0}
	.list a{color:#667080}
	.list time a{color:#e61f3b; font-size:0.917em; text-decoration:none; font-weight:bold}
	.list time a:hover{text-decoration:underline}

.article_indent{
	padding:0 0 12px;
	font-weight: bold;
}
.article_indent1{padding:23px 0 12px}
.article_indent2{padding:0 31px 12px 0}
.article_indent3{padding:37px 0 12px}
.article_indent4{padding:11px 0 0}
.article_indent5{padding:6px 0 0}

.list1{width:100%; overflow:hidden; margin-bottom:17px}
	.list1 li{width:100%; overflow:hidden; margin-bottom:19px}
	.list1 .last{margin-bottom:0}
	.list1 p{font-size:0.917em; line-height:14px; padding-top:3px; margin-bottom:0}
	.list1 a{font-size:1.167em; text-decoration:none; color:#d31639; line-height:18px; margin-bottom:3px}
	.list1 a:hover{text-decoration:underline}
	.list1 .number{float:left; margin-right:14px; background:url(../images/circle.jpg) left top no-repeat #ebebeb; display:block; height:33px; width:33px; color:#4a525d; font-size:1.5em; font-style:italic; text-align:center; line-height:33px}
	
.table{color:#828a97}
	.table_row{width:100%; overflow:hidden; padding:2px 0}
	.table_row div{float:left; display:inline-block; line-height:1.3em; padding:7px 0 9px}
	.hor_th div{padding:0}
	.dark{background:#e1e9f4}
	.table_row .ver_th{color:#4d5665; font-weight:bold; width:121px; border-right:1px solid #c6cdd7; padding-left:12px}
	.table_row .table_col2{width:52px; border-right:1px solid #c6cdd7; text-align:center}
	.table_row .table_col3{width:79px; padding-left:20px}
	.hor_th .table_col2, .hor_th .ver_th{border-color:#f8f9fc}
	.hor_th{margin-bottom:9px}
	.total{font-weight:bold}
	
.line_ver{background-image:url(../images/line_ver.gif); background-repeat:repeat-y; width:100%}

.lists{width:100%; overflow:hidden; margin-bottom:18px}
	.lists ul{float:left; width:286px; margin:0 61px 0 0}
	.lists ul.last{margin-right:0}
	
.contacts{ margin-bottom:0}
	.contacts a{font-weight:bold}
	.contacts span{float:right; padding-right:56px}
	
.contacts1{}
	.contacts1 a{font-weight:bold}
	.contacts1 span{float:right}

.mail{margin-bottom:9px}
	.mail a{font-weight:bold}
/* =============================== header END ==================================== */





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

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

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



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

.box {width: 100%; overflow: hidden; background:url(../images/box_bg.jpg) left top repeat #455264; margin-bottom:25px;}
	.box h2{
	font-size:2.5em;
	color:white;
	padding-top:12px;
	margin-bottom:22px;
	letter-spacing:-1px;
	word-spacing:2px;
	text-align: center;
}
	.box p{line-height:24px; color:#c9ced7; overflow:hidden; padding:3px 0 0 0; margin-bottom:21px}
	.box a.more1{color:white; text-transform:uppercase}
	.box img.fright{margin-left:29px}
	.box img.fleft{margin-right:29px}
	
	.box h6{color:white; padding-top:3px; line-height:24px; margin-bottom:-3px}
	
.box_top{background:url(../images/box_top.jpg) left top repeat-x}
.box_left{background:url(../images/box_left.jpg) left top repeat-y}
.box_right{background:url(../images/box_right.png) right top repeat-y;}
.box_bot{background:url(../images/box_bot.jpg) left bottom repeat-x}
	.box_inner {
		padding: 20px 19px 18px 40px; ;
		
	}
	
.box, .box_top, .box_left, .box_right, .box_bot{-webkit-border-radius: 25px;-moz-border-radius: 25px; border-radius: 25px; behavior: url(js/PIE.htc)}
	
/* ============================== boxes END ====================================== */





/* =================== txt, links, lines, titles START =========================== */
.more{font-size:1.167em; color:white; font-style:italic; background: url(../images/more_left.jpg) left top no-repeat #de1b36; line-height:22px; display:inline-block; text-decoration:none}
	.more span{display:block; background:url(../images/more_right.jpg) right top no-repeat; padding:0 8px; cursor:pointer}
	.more:hover{color:black; text-decoration:none}
.more1{ font-size:0.833em; vertical-align:bottom; margin-left:5px; text-decoration:underline}
	.more1:hover{text-decoration:none}
/* ==================== txt, links, lines, titles END ============================ */





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

#search_form{border-right:1px solid #c2c2c5; float: right}
	#search_form div{padding:7px 20px 7px 10px; overflow:hidden}
	#search_form input{background:#e7eaed; border:1px solid #bcc1c8; font:12px Arial, Helvetica, sans-serif; color:#5d5859; margin-right:4px; padding:4px 5px 5px; width:195px; vertical-align:top; float:left}
	#search_form a{font-size:13px; color:white; font-style:italic; text-decoration:none; background:url(../images/search_but.jpg) center center no-repeat #475363; line-height:26px; display:inline-block; width:57px; text-align:center; vertical-align:top}
	#search_form a:hover{color:#ff454f; text-decoration:none}
	
	
#contact_form {width:100%; overflow: hidden; padding-top:6px}
	#contact_form input, #contact_form textarea{float:left; margin:0; border:1px solid #bcc1c8; color:#667080; font:12px Arial, Helvetica, sans-serif; padding:6px 7px; width:291px; outline:none; background:#e7eaed}
	#contact_form textarea{height:168px; overflow:auto; float:right; width:288px}
	#contact_form div{width:100%; overflow:hidden; margin-bottom:22px}
	#contact_form .fleft, #contact_form .fright{width:307px; margin:0}
	#contact_form .name{line-height:18px; padding-left:9px; margin-bottom:6px}
	#contact_form .wrapper{margin:0}
	#contact_form .buttons{text-align:right; margin:-2px 0 0}
	#contact_form .buttons a.more{margin-left:18px}

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





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

.pic_indent {
	margin-bottom: 26px;
}
.pic_indent1{margin:4px 29px 0 0}
/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */
footer{background:url(../images/footer_bg.jpg) left bottom no-repeat #d7dbe0; font-size:0.917em; line-height:18px; color:#768394}
.footer_indent{padding:15px 19px}
footer a{color:#768394; text-decoration:none}
	footer a:hover{text-decoration:underline}
	.copy{float:right}
		.copy b{margin:0 6px}
	.footer_link{float:left}
/* ============================= footer END ====================================== */
