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

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

	a:hover {
		text-decoration: none;
	}

.blue{color:#02adf9}

h2{line-height:1.3em; text-transform:uppercase; color:#2b2b2b; font-size:1.667em; word-spacing:-2px;  margin-bottom:18px}
	h2.extra{margin-bottom:25px}
	h2.extra1{margin-bottom:19px}

p{line-height:20px; margin-bottom:20px}
	p.extra{margin-bottom:16px}
	p.extra1{margin-bottom:23px}
	p.extra2{margin-bottom:11px}
	p.extra3{margin-bottom:18px}
	p.extra4{margin-bottom:5px}
	p.extra5{margin-bottom:8px}
	p.extra6{margin-bottom:25px}
	p.extra7{margin-bottom:14px}
	
div.extra{margin-bottom:21px}
div.extra1{margin-bottom:13px}
div.extra2{margin-bottom:18px}
div.extra3{margin-bottom:16px}
div.extra4{margin-bottom:3px}

h6{line-height:20px}
	h6 a{color:#565656; text-decoration:none}
	h6 a:hover{text-decoration:underline}
	
	h6.extra{margin-bottom:16px}
	h6.extra1{margin-bottom:10px}
	h6.extra2{margin-bottom:15px}
	
.extra0{margin-bottom:0 !important}
/* ========================= Global properties END =============================== */






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

#main {
	min-width: 980px;
	font-size: 0.75em;
	background:url(../images/content_bg.jpg) left top repeat;
}

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

section#content {
	background:url(../images/bot_bg.jpg) left bottom repeat-x;
}

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

.top_bg{min-width:980px; background:url(../images/top_bg.jpg) left top repeat-x;}
.container{margin:0 auto; width:854px; position:relative}
/* ========================= 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 {position:absolute; top: 26px; left: 2px; width:218px; height:57px}
	#logo a{display:block; height:100%; background:url(../images/logo.png) left top no-repeat}
		#logo a span{display:none}
	#logo .slogan{font-weight:normal; color:#5b5b5b; display:block; width:250px; margin:-30px 0 0 223px; line-height:1.4em}
	*+html #logo .slogan{margin-top:-33px}


nav{text-transform:uppercase; font-size:1.25em; position:absolute; left:0; top:112px; width:100%; overflow:hidden; height:44px}
nav ul{ overflow:hidden}
	nav li{float:left; height:44px; overflow:hidden; margin-right:20px}
	nav a{text-decoration:none; color:#444444; line-height:44px; padding:0 16px 0 15px; display:block; height:44px}
	*+html nav a{line-height:42px}
	nav a:hover, nav .active a{text-decoration:none; color:#fff; background:#0bb7ff;}

.banner{background:url(../images/banner_bg.jpg) center top no-repeat; height:434px}

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





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

.top_indent{padding-top:30px; width:100%}
.top_indent1{padding-top:35px;}


#search input, #contact_form input, #contact_form textarea{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#search input, .box, .box_inner, #contact_form input, #contact_form textarea{behavior: url(js/PIE.php)}

#page1 #content #indent{padding-top:0; padding-bottom:38px}
#content #indent {
	padding:7px 15px 35px 20px;
}

.list1{width:100%; overflow:hidden}
	.list1 li{float:left; width:236px; margin-right:54px; overflow:hidden}
	.list1 h2{padding:17px 5px 15px 45px; background-position:left 10px; background-repeat:no-repeat; margin-bottom:0}
	.title1{background-image:url(../images/title_icon1.png)}
	.title2{background-image:url(../images/title_icon2.png)}
	.title3{background-image:url(../images/title_icon3.png)}
	.list1 p{border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:15px}
	.list1 .last{margin-right:0}

.list2{overflow:hidden; padding:10px 0}
	.list2 li{float:left; background:url(../images/separator1.gif) right 3px no-repeat; padding-right:23px; margin-right:19px; padding-bottom:19px}
	.list2 li.last{margin-right:0; background:none; padding-right:0}

.list3{width:100%; overflow:hidden; margin-bottom:28px}
.list3.second li{margin-bottom:30px}
	.list3 li{width:100%; overflow:hidden; margin-bottom:27px}
	.list3 .last, .list3.second .last{margin-bottom:0}
	.list3 h6{}
	.list3 p{margin-bottom:0}
	.list3.third li{float:left; width:395px; margin-right:29px; margin-bottom:0; padding-bottom:20px}
	.list3.third .last{margin-right:0}
	.list3.third p{margin-bottom:24px}
	.list3.third{margin-bottom:15px}
	
.list{line-height:24px; overflow:hidden; margin-bottom:24px}
	.list li{overflow:hidden; padding-left:14px; background:url(../images/list_marker.gif) 0px 50% no-repeat}
	.list a{display:inline-block}
	
.list4{width:100%; overflow:hidden}
	.list4 li{float:left; margin-right:33px; width:251px}
	.list4 .last{margin-right:0}
	
.lists{width:100%; overflow:hidden}
	.lists ul{width:242px}
	
.lists1{width:100%; overflow:hidden; margin-bottom:24px}
	.lists1 ul{width:260px; margin-bottom:0; margin-right:19px}
	.lists1 .last{margin-right:0}
	
.contacts{float:left; padding-top:4px; width:186px; margin-right:52px; margin-bottom:16px}
	.contacts span{ float:right}
	.contacts.clear_indent{margin-bottom:0}
/* ============================== content END ==================================== */



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

.box {
	padding:7px;
	background:#fff;
	margin:-2px -5px 0 -11px;
	position:relative;
}

	
	.box_inner {
		padding: 22px 28px;
		background:url(../images/box_bg.jpg) left top repeat-x #eeeeee;
		border:1px solid #e8e6e6;
		position:relative;
		
	}
.box, .box_inner{-webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px;}	
/* ============================== boxes END ====================================== */





/* =================== txt, links, lines, titles START =========================== */
a.more{line-height:1.2em; font-size:1.333em; text-decoration:none; color:#000000}
	a.more span{padding-right:20px; background:url(../images/more_arrow.gif) 100% 9px no-repeat; display:inline-block; cursor:pointer}
	a.more:hover{color:#0bb7ff}
	a.more:hover span{background-position:100% -14px}


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





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

#search{position:absolute; right:15px; top:44px}
	#search input{float:left; font:12px Arial, Helvetica, sans-serif; margin:0 0 0 5px; outline:none; position:relative}
	#search input[type='submit']{background:#818181; border:none; padding:0; height:22px; text-align:center; color:white; cursor:pointer; width:56px; line-height:22px}
	#search input[type='text']{border:1px solid #dddddd; color:#555555; padding:2px 5px 3px; width:162px; background:#fff;}

#contact_form {width: 100%;overflow: hidden; color:#565656; padding-top:2px}
	#contact_form div{width:100%; overflow:hidden; margin-bottom:16px}
	#contact_form .name{margin-bottom:0}
	#contact_form input, #contact_form textarea{float:left; margin:0; border:1px solid #dddddd; background:#fff; font:12px Arial, Helvetica, sans-serif; color:#565656; padding:5px 5px 6px; width:222px; outline:none; position:relative}
	#contact_form textarea{overflow:auto; height:348px}
	#contact_form .buttons{margin:0; padding-top:7px}
	#contact_form .buttons input{background:#818181; border:none; float:right; padding:0; height:22px; line-height:22px; text-align:center; color:#fff; width:56px; margin:0 2px 0 4px; cursor:pointer}
/* ============================== forms END ====================================== */





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

.pic_indent {margin: 0 13px 0 0;}
.pic_indent1 {margin:6px 23px 0 0;}
.pic_indent2 {margin:0 0 21px 0;}
.pic_indent3 {margin:6px 20px 0 0;}
.pic_indent4 {margin:7px 18px 0 0;}
.pic_indent5 {margin: 0 26px 0 0;}

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





/* ============================ footer START ===================================== */

footer{color:#9c9c9c}
	footer a{color:#9c9c9c}
	
footer .wrapper{width:807px; margin:0 auto; padding:28px 0 10px}
	.copy{float:left}
		.copy span{color:#4f4f4f}
		.copy b{margin:0 4px}
	.footer_link{float:right}
	.footer_icons{float:left; padding:2px 0 0 15px}
		.footer_icons li{float:left; margin-right:6px; position:relative}

/* ============================= footer END ====================================== */