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

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

	a:hover {
		text-decoration: none;
	}

.blue{color:#00bff3}

.top_tail{min-width:980px; background:url(../images/top_tail-.jpg) left top repeat-x #f0f0f0; position:relative; z-index:2}
.bot_tail{min-width:980px; background:url(../images/footer_bg.gif) left bottom repeat-x;}	
.top_bg{background:url(../images/top_bg.png) center top no-repeat; min-width:980px}

h2{font-size:3.0315em; color:#2f2c2c; line-height:1.2em; margin-bottom:14px}
	h2.extra{padding-top:24px; margin-bottom:16px}
	h2.extra1{margin-bottom:21px}
aside h2{margin-bottom:25px}

h5{font-size:1.538em; line-height:26px; margin-bottom:8px}

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

p{line-height:18px; margin-bottom:18px}
	p.extra{margin-bottom:23px}
	p.extra1{margin-bottom:9px}
	p.extra2{margin-bottom:13px}
.line_hor{background:#eaeaea; height:1px; font-size:0; line-height:0; overflow:hidden; margin-bottom:21px}
	aside .line_hor{background:#dddddd; margin-bottom:25px}
	
div.extra{margin-bottom:18px}
div.extra1{margin-bottom:12px}
div.extra2{margin-bottom:16px}
div.extra3{margin-bottom:44px}
/* ========================= Global properties END =============================== */






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

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

header {
	position: relative;
	height:129px;
	z-index:99
}

section#content {
	position:relative;
	z-index:5;
    background:#fff;
	-webkit-box-shadow: #a9a9a9 0px 0px 5px;
	-moz-box-shadow: #a9a9a9 0px 0px 5px;
	box-shadow: #a9a9a9 0px 0px 5px;
}

footer {
	overflow: hidden;
	font-size:0.75em;
	background:#232323;
	min-height:113px;
	color:#9a9a9a;
}

/* ========================= 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 ============================= */



nav a{-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; }
a.more{-webkit-border-radius:2px; -moz-border-radius:2px; border-radius: 2px;}

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

#logo {position:absolute; top: 14px; left: 23px;
    width: 0px;
}
	#logo a{display:block; color:#1f343a; text-decoration:none; font-size:5em; line-height:1.2em}

.header_icons{position:absolute; right:17px; top:32px}
	.header_icons li{float:left; margin-left:7px}
	
nav {font-size:1.833em; position:absolute; left:309px; 
top:72px; z-index:99;
    width: 631px;
}
	#menu > li{float:left; position:relative}
	#menu >li > a{text-decoration:none; color:#fff; display:inline-block; line-height:38px; padding:0 15px 0 14px; margin:0 2px}
	#menu > li:hover > a{color:#3198a6}
	#menu > .active > a{border:2px solid #fff; line-height:34px; color:#fff; margin:0}


.submenu_1{ position:absolute; top:47px; left:0px; width: 209px;}
.menu_box{ position:relative;-webkit-border-radius: 13px; -moz-border-radius: 13px; border-radius: 13px; border:2px solid #fff; background:#8dcbdc; padding:12px 0;}
.menu_box li{ margin-top:-1px; padding:0 18px; background:url(../images/menu_line.gif) 18px bottom no-repeat; position:relative; zoom:1; width:169px;}
* + html .menu_box li{ float:left;}
.menu_box .end{ background:none}
.menu_box li:hover{ background:url(../images/menu_marker.gif) right 0 no-repeat #50b6d3;}
.menu_box li a{ display:block; text-decoration:none; color:#fff; font-size:22px; line-height:37px; position:relative; zoom:1}
.submenu_2{ position:absolute; top:0px; left:209px; width: 209px;}

#menu div{ display: none;}

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





/* ============================= content START =================================== */
aside{font-size:1.083em; margin-bottom:18px}
.slider{height:413px; background:url(../images/slider_bg.png) center top no-repeat; position:relative; z-index:1}

.slider .items{ display:none}

.slider .pagination{ position:absolute; z-index:2; bottom:80px; left:27px; background:url(../images/bg_pagination.png) 0 0 no-repeat; padding:2px 0 0 14px; height:23px; width:124px;}
.slider .pagination li{ float:left; padding-left:2px;}
.slider .pagination a{ text-indent:-9999px; display:block; width:20px; height:20px; background:url(../images/buttons.png) right 0 no-repeat;}
.slider .pagination a:hover, .slider .pagination .current a{ background-position:left}

#content #indent {
	padding: 0 0 0 0;
}
.right_indent{padding-right:32px}

.list{line-height:26px}
	.list li{background:url(../images/line_hor.gif) left bottom repeat-x}
	.list a{background:url(../images/list_marker.gif) 9px center no-repeat; padding-left:20px; text-decoration:none; color:#7a7a7a}
	.list a:hover{color:#00bff3}
	.list .last{background:none}
	
.list_indent{margin-left:28px}
.list_indent1{margin-right:73px}

.article_inner{padding:21px 15px 35px 23px}
.article_inner1{padding:62px 40px 10px 0}
.article_inner2{padding:12px 23px 35px}
.article_inner3{padding:21px 25px 35px 0}

.top_indent{padding-top:40px}
.top_indent1{padding-top:27px}

.list1{}
	.list1 li{float:left; width:204px; margin-right:25px}
	.list1 p{margin-bottom:19px}
	.dark{margin-bottom:5px !important; color:#5f5f5f}
	.list1 img{margin-bottom:27px}
	.list1 .last{margin-right:0}
.list2{margin-bottom:14px}
	.list2 li{margin-bottom:21px}
	.list2 .last{margin-bottom:0}
	.quote_link{margin-top:-15px; padding-right:5px; text-align:right}
	.quote_link a{text-decoration:none}
	.quote_link a:hover{text-decoration:underline}
	
.scroll-pane
{
	width: 100%;
	height: 280px;
	overflow: auto;
	margin-bottom:13px
}
.horizontal-only
{
	height: auto;
	max-height: 280px;
}
.scroll-pane .list1{white-space:nowrap; margin-bottom:15px}
.scroll-pane .list1 li{float:none; width:206px; display:inline-block; margin-right:19px}
.scroll-pane .list1 li p, .scroll-pane .list1 li h6{white-space:normal}
.scroll-pane .list1 p .link:hover{text-decoration:none; color:#3b3b3b}
*+html .scroll-pane .list1 li{display:inline; margin-right:23px}
.jspContainer{height:260px !important}

.list3{margin-bottom:45px}
.list3 li{overflow:hidden; margin-bottom:26px}
.list3 .last{margin-bottom:0}

iframe{ margin-bottom:17px}

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



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

.box {border:1px solid #fff}
.box2{background:#f3f3f3; position:relative}
.box2 p{line-height:20px}

.staple{position:absolute; top:-19px; right:9px; background:url(../images/staple.png) left top no-repeat; width:42px; height:47px}
	.box_inner {padding:23px 19px 33px}
	.box_inner1 {padding:34px 27px 28px}
/* ============================== boxes END ====================================== */





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

a.more{display:inline-block; line-height:20px; background:#3b3b3b; text-decoration:none; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.923em; padding:0 10px; position:relative}
	a.more:hover{background:#00bff3}
.box2 a.more{background:#00bff3}
	.box2 a.more:hover{background:#3b3b3b}

.link{text-decoration:none}
	.link:hover{text-decoration:underline}

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

#submit_form {width: 100%;	 overflow: hidden; padding:7px 0 0}
	#submit_form div{width: 100%;	 overflow: hidden; margin-bottom:15px}
	#submit_form input, #submit_form textarea{border:1px solid #dfdede; color:#818181; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:2px 9px 1px; float:left; margin:0; width:226px}
	#submit_form textarea{height:114px; padding-top:5px; overflow:auto}
	#submit_form .buttons{margin:0; text-align:right}
	
#contact_form {width: 100%; overflow: hidden; padding:1px 0 0; margin-bottom:19px}
	#contact_form div{width: 100%; overflow: hidden;}
	#contact_form .rowElem{ min-height:46px;}
	#contact_form .textarea-box{ min-height:155px;}
	#contact_form input, #contact_form textarea{border:1px solid #dfdede; color:#818181; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:7px 10px 9px; float:left; margin:0; width:372px}
	#contact_form textarea{height:117px; overflow:auto; width:592px}
	#contact_form .buttons{margin:0; text-align:right; padding-top:10px}
	#contact_form .buttons a{margin:0 1px 0 16px}
#contact_form .more{ float:right; margin-left:20px; margin-right:1px;}
#contact_form .error{ color:red; font-size:11px; position:relative}
.download-box{ border:1px solid #dfdede; overflow:inherit !important; width:auto !important}
.download-box p{ padding:10px 20px; margin-bottom:0}
/* ============================== forms END ====================================== */





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

.pic_indent {margin: 4px 18px 0 0;}

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





/* ============================ footer START ===================================== */
footer a{color:#9a9a9a}

footer .wrapper{width:891px; margin:0 auto; font-size:1.083em; padding:29px 0 10px; line-height:1.3em}
	.copy{float:left}
		.copy b{margin:0 4px}
	.footer_link{float:right}
/* ============================= footer END ====================================== */