/* =================== 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) left top repeat #0b2d40;
	min-width: 980px;
	min-height: 100%;
	font-family:"Trebuchet MS", Raleway, Helvetica, sans-serif;
	line-height: 1em;
	color: #858585;
	position:relative;
}

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: #eb5e17;
}

	a:hover {
		text-decoration: none;
	}

h2{font-size:2em; line-height:1.2em; color:#242424; margin-bottom:22px; letter-spacing:-1px; word-spacing:4px}
	h2.extra{margin-bottom:16px}
	h2.extra1{margin-bottom:9px}
	h2.extra2{margin-bottom:12px}
	h2.extra3{margin-bottom:10px}
	h2.extra4{margin-bottom:13px}

h6{font-size:1.083em; line-height:18px; color:#5a5959}
	h6 a{color:#858585}
	h6 a:hover{color:#5a5959; text-decoration:underline}

p{line-height:18px; margin-bottom:18px; font-size:1.083em}
	p.extra{margin-bottom:14px}
	p.extra0{margin-bottom:0}
	p.extra1{margin-bottom:30px}
	p.extra2{margin-bottom:7px}
	p.extra3{margin-bottom:8px}
	p.extra4{margin-bottom:11px}
	p.extra5{margin-bottom:12px}
	p.extra6{margin-bottom:15px}
	p.extra7{margin-bottom:6px}

	p.mail{padding:3px 0 4px; margin:0}

img.fleft{margin-right:19px}

ul.extra{margin-bottom:11px}
ul.extra1{margin-bottom:19px}
ul.extra2{margin-bottom:9px}

div.extra{margin-bottom:19px}
div.extra1{margin-bottom:18px}
div.extra2{margin-bottom:16px}

strong{color:#5a5959}


/* ========================= Global properties END =============================== */






/* ========================= Global Structure START ============================== */

#main {
	width: 1014px;
	margin: 0 auto;
	font-size: 0.75em;
	position:relative;
	z-index:5;
}

header {
	position: relative;
	height:114px;
}

section#content {background:white; -webkit-box-shadow: #666 0px 0px 2px; -moz-box-shadow: #666 0px 0px 2px; box-shadow: #666 0px 0px 2px; }
section#content, #submit_form{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url("js/PIE.htc");}

footer {
	min-height:216px;
	overflow: hidden;
}
.top_right{background:url(../images/top_right_bg.jpg) 600px top no-repeat; position:absolute; width:50%; right:0; top:0; z-index:1; height:100%}
.top_glow{background:url(../images/top_bg.jpg) center top no-repeat; position:absolute; top:0; left:0; height:100%; width:100%; min-width:1014px; z-index:2}
.bot_shadow{background:url(../images/bot_shadow.png) left bottom repeat-x; position:absolute; bottom:0; left:0; width:100%; min-width:1014px; height:100%; z-index:3}
/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */

.fleft {
	float: right;
}

.fright {
	float: right;
}

.col-1, .col-2, .col-3, .col-4 {
	float: left;
	overflow: hidden;
}

.block-1, .block-2, .block-3, .block-4 {
	float: right;
	overflow: hidden;
}

.aligncenter {
	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 =================================== */
.tel{position:absolute; color:#fff; font-size:1.75em; line-height:1.2em; top:55px; g:15px; word-spacing:-2px}
	.tel span{color:#4cabde; font-size:1.143em; display:inline-block; margin-top:-2px}
	
.header_right{position:absolute; right:18px; top:54px;}
	.header_right ul{float:right; font-size:1.083em; margin-right:23px; padding:4px 0 0 0; overflow:hidden}
	.header_right ul li{float:right; background:url(../images/separator.gif) right center no-repeat; padding-right:13px; margin:0 -12px 0 22px}
	.header_right ul a{color:#d1d1d1; text-decoration:none; line-height:1.3em}
	.header_right ul a:hover{text-decoration:underline}
/* =============================== header END ==================================== */





/* ============================= content START =================================== */
nav{padding:21px 0 6px; text-transform:capitalize; font-size:1.333em; width:100%; overflow:hidden}
	nav li{float:right; display:inline-block; text-align:center; width:140px; height:59px; overflow:hidden}
	nav a{color:#0a2737; text-decoration:none; line-height:57px; background:url(../images/menu_link_left.gif) right top no-repeat; display:block}
	*+html nav a{line-height:59px}
		nav a span{display:block; background:url(../images/menu_link_right.gif) right top no-repeat; padding:0 0 5px 2px}
	nav a:hover{color:white; background:url(../images/menu_hover_left.gif) left top no-repeat #464646; }
		nav a:hover span{background:url(../images/menu_hover_right.gif) right top no-repeat}
	nav .active a{color:white; background:url(../images/menu_act_left.gif) left top no-repeat #1d758c;}
		nav .active a span{background:url(../images/menu_act_right.gif) right top no-repeat}
	
#content #indent {
	padding: 0 18px 34px 16px;
}

.banner{width:100%; overflow:hidden; position:relative; margin-bottom:20px}
	.banner .fleft{background:url(../images/banner_left.jpg) right top no-repeat #e75213; width:272px; height:337px; position:relative}
	.banner_nav{position:absolute; right:8px; bottom:8px}
		.banner_nav li{float:left; height:26px; width:26px; margin-left:1px}
		.banner_nav a{background:url(../images/banner_slider.png) left top no-repeat; display:block; height:26px}
		.banner_nav a:hover, .banner_nav .active a{background-position:left bottom}
#logo{position:absolute; top:49px; left:0; width:100%; text-align:center}
	#logo a{background:url(../images/logo.png) center top no-repeat; display:block; padding-top:49px; text-decoration:none; color:white}
	#logo a:hover{text-decoration:none}
	#logo a .big{font-size:5em; text-transform:capitalize; line-height:1.2em; padding-right:5px}
	*+html #logo a{padding-top:52px}
	#logo a small{font-size:3.333em; text-transform:capitalize; display:block; line-height:1.2em; margin-top:-19px}
	*+html #logo a small{margin-top:-23px}
	#logo a b{display:block; margin-top:-6px}
	*+html #logo a b{margin-top:-8px}
	#logo .slogan{font-size:1.75em; line-height:1.2em; word-spacing:-2px}
	*+html #logo .slogan{margin-top:-10px}

.top_indent{padding-top:20px}
.top_indent1{padding-top:24px}
.top_indent2{padding-top:31px}
.top_indent3{padding-top:28px}

.block_inner{padding:0 14px}

.news{ width:auto; overflow:hidden}
	.news li{width:100%; overflow:hidden; margin-bottom:26px}
	.news .last{margin-bottom:13px}
	.news li h6{margin-bottom:0}
	.news span{background:url(../images/news_date_bg.jpg) center center no-repeat; float:right; width:52px; height:34px; text-align:center; color:#fff; font-size:2em; line-height:24px; margin:2px 15px 0 0; padding-top:18px; font-weight:bold; text-shadow:rgba(0,0,0, 0.25) 1px 1px; font-family:Raleway, Helvetica, sans-serif}
	*+html .news span{ height:38px; padding-top:14px}
	.news p{margin-bottom:0; overflow:hidden}

.list{font-size:1.083em; line-height:24px; width:100%; overflow:hidden}
	.list li{padding-right:22px; background:url(../images/list_marker.gif) right center no-repeat; overflow:hidden}
	.list a{color:#858585; text-decoration:none}
	.list a:hover{color:#eb5e17; text-decoration:underline}
	
.list1{width:100%; overflow:hidden; margin-bottom:16px}
	.list1 h6 a{color:#5a5959; text-decoration:none}
	.list1 h6 a:hover{text-decoration:underline}
	.list1 h6 img{margin-top:5px}
	.list1 p{margin:0; overflow:hidden}
	.list1 blockquote{overflow:hidden}
	.list1 li{margin-bottom:20px; width:100%; overflow:hidden}
	.list1 .last{margin-bottom:0}
	.list1 p.indent{margin-bottom:15px}
	
.lists{width:100%; overflow:hidden; margin-bottom:17px}
	.lists ul{float:right; width:48.5%; margin-right:22px; margin-left:1px}
	.lists ul.last{margin-right:0; width:46%}
	
.list2{width:100%; overflow:hidden; margin-bottom:14px}
	.list2 h6 a{color:#5a5959; text-decoration:none}
	.list2 h6 a:hover{text-decoration:underline}
	.list2 p{margin:0}
	.list2 li{margin-bottom:22px; width:100%; overflow:hidden}
	.list2 .last{margin-bottom:0}

.lists1{width:100%; overflow:hidden; margin-bottom:15px}
	.lists1 ul{float:right; width:49%; margin-right:24px; margin-left:1px}
	.lists1 ul.last{margin-right:0; width:47%}

.row-1, .row-2{width:100%; overflow:hidden}

.list3{line-height:24px; font-size:1.083em; margin-bottom:21px; width:100%}
	.list3 li{overflow:hidden; vertical-align:top}
	.list3 span{ display:block; overflow:hidden; background:url(../images/list_line.gif) right 16px repeat-x}
	.list3 strong{float:right; font-weight:normal}
	.list3 a{color:#858585; text-decoration:none; float:right}
	.list3 a:hover{text-decoration:underline}

.contacts{ padding-top:4px; margin:0}
	.contacts span{float:right; padding-right:111px}


/* ============================== content END ==================================== */



/* ============================= boxes START ===================================== */

.box {
	width: 100%;
	overflow: hidden;
	background:url(../images/box_tail.jpg) left top repeat-y;
	width:230px;
	float:right;
	margin-right:9px
}
.box p{margin-bottom:22px}
.box_title1{background:url(../images/title_img1.png) center top no-repeat}
.box_title2{background:url(../images/title_img2.png) center top no-repeat}
.box_title3{background:url(../images/title_img3.png) center top no-repeat}

	.box h2{text-align:center; color:#010101; padding-top:82px; letter-spacing:0; margin-bottom:9px}
	.box.last{margin-right:0}
	.box_bot{ background:url(../images/box_bot.jpg) left bottom no-repeat; height:100%; overflow:hidden}
	.box_top{background:url(../images/box_top.jpg) left top no-repeat; height:100%; overflow:hidden}
	.box .inner { padding:5px 21px 20px}
	
/* ============================== boxes END ====================================== */





/* =================== txt, links, lines, titles START =========================== */
a.more{background:url(../images/more_arrow.gif) right center no-repeat; display:inline-block; line-height:18px; color:#12657e; font-weight:bold; text-decoration:none; padding:0 11px 0 2px; font-family:Raleway, Helvetica, sans-serif}
	a.more:hover{text-decoration:underline}

a.more1{display:inline-block; background:url(../images/more1_bg_tail.png) right top repeat-x black; line-height:28px; color:#fff; text-decoration:none;}
	a.more1 span{display:block; cursor:pointer; height:100%; background:url(../images/more1_bg_left.png) right top no-repeat; margin:0 0 0 -3px}
	a.more1 span span{padding:0 8px; background:url(../images/more1_bg_right.png) right top no-repeat; margin:0 -3px 0 0}
	a.more1:hover{color:#eb5e17; text-decoration:none}
/* ==================== txt, links, lines, titles END ============================ */





/* ============================= forms START ===================================== */
.form_indent{padding:18px 13px 16px}

#search_form{width:193px; overflow:hidden; background:url(../images/input_search.png) left top no-repeat; float:right}
	#search_form input{float:left; margin:0; background:none; border:none; padding:0;}
	#search_form input[type=text]{font:13px "Trebuchet MS", Raleway, Helvetica, sans-serif; color:white; padding:5px 5px 5px 15px; width:136px; margin-right:2px}


/******** Submit Form********/
#submit_form{background:#126780; width:230px; margin-left:2px; margin-bottom:50px}
	#submit_form h2{font-size:1.833em; color:white; margin-bottom:17px}
	#submit_form .form_row{width:100%; margin-bottom:3px}
	#submit_form div{width:204px !important}
	#submit_form input{padding:7px 10px; width:182px; float:left; background:none; margin:0; font:13px Raleway, Helvetica, sans-serif; color:white; outline:none; border:none}
	#submit_form .jqTransformInputInner div input{border:none; background:none; padding:7px 11px;}
	*+html #submit_form .jqTransformInputInner div input{width:182px !important}
	#submit_form .jqTransformInputWrapper, #submit_form .jqTransformSelectWrapper{background:url(../images/submit_form_input_left.png) left top no-repeat; width:100% !important}
	#submit_form .jqTransformInputInner{width:100%; overflow:hidden; background:url(../images/submit_form_input_right.png) right top no-repeat}
	#submit_form .jqTransformHidden{display:none}
	#submit_form .jqTransformSelectOpen{display:block; position:absolute; right:0; top:0; width:204px; height:30px; background:url(../images/submit_form_select_right.png) right top no-repeat}
	#submit_form .jqTransformSelectOpen:hover{background-position:right -30px}
	#submit_form .jqTransformSelectOpen:focus, #submit_form .jqTransformSelectOpen:active{background-position:right bottom}
	#submit_form .jqTransformSelectWrapper div, #submit_form .jqTransformSelectWrapper {position:relative; height:30px}
	#submit_form .jqTransformSelectWrapper span{cursor:pointer; width:180px !important; height:30px; display:block; padding:0 12px; font:13px Raleway, Helvetica, sans-serif; line-height:30px; color:white; overflow:hidden}
	#submit_form .jqTransformSelectWrapper ul{width:194px !important; background:#0f5569; position:absolute; left:10px; z-index:10; height:auto !important; max-height:105px; overflow:auto}
	
	#submit_form .jqTransformSelectWrapper ul, #submit_form .jqTransformSelectWrapper ul a{-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
	
	#submit_form .jqTransformSelectWrapper ul .selected{background:#0d4b5d}
	#submit_form .jqTransformSelectWrapper ul li{width:100%; overflow:hidden; display:block}
	#submit_form .jqTransformSelectWrapper ul a{text-decoration:none; padding:5px 10px; color:white; display:block}
	#submit_form .jqTransformSelectWrapper ul a:hover{ background:#eb5e17}
	#submit_form .buttons{margin:0; padding-top:9px; text-align:right; overflow:hidden}
	*+html #submit_form .buttons{padding-top:4px}
	#submit_form .buttons a{text-transform:capitalize; color:white; text-decoration:none; font-size:1.083em; display:inline-block; line-height:25px; vertical-align:top; position:relative}
	#submit_form .buttons a:hover{text-decoration:underline}
	#submit_form .buttons .submit_but{background:url(../images/submit_button.gif) center center no-repeat #eb5e17; width:70px; text-align:center; margin-left:5px}
	
	#submit_form div{width:204px !important}
	
/******** Submit Form End********/
#contact_form {width: 100%; overflow: hidden;}
#contact_form div{width:100%; overflow:hidden; margin-bottom:11px; background:url(../images/contact_input.jpg) left top no-repeat #f7f7f7}
#contact_form .textarea{background:url(../images/contact_textarea.jpg) left top no-repeat #f7f7f7}
	#contact_form input, #contact_form textarea{float:left; margin:0; font:13px "Trebuchet MS", Raleway, Helvetica, sans-serif; color:#858585; border:none; padding:4px 12px 7px; width:208px; background:none; outline:none}
	#contact_form textarea{height:430px; overflow:auto;}
	#contact_form .buttons{margin:0; text-align:right; padding-top:7px; background:none}
	#contact_form a.more{margin-left:8px; background:none; padding:0}

/* ============================== forms END ====================================== */





/* ============================= other START ===================================== */

.pic-indent {
	margin-bottom:17px;
}
.pic-indent1{margin-top:4px}
.pic-indent2{margin-bottom:14px}
.pic-indent0{margin:0 !important}

/* ============================== other END ====================================== */





/* ============================ footer START ===================================== */
.footer_inner{padding:20px 16px}
.footer_link{padding-top:9px; line-height:1.4em}
.footer_icons{overflow:hidden; padding-top:9px}
.footer_icons li{float:right; margin-right:4px}
.copy{float:right; color:#a2a2a2; font-size:1.083em; padding-top:1px}
	.copy .agency{color:#1c7b96; word-spacing:-2px}
	.copy a{color:#a2a2a2; text-decoration:none}
		.copy a:hover{text-decoration:underline}
		
.footer_lists{float:right; color:white;}
.footer_lists div{float:right; width:97px; margin-left:42px}
	.footer_lists ul{overflow:hidden; font-size:1.083em}
	.footer_lists ul li{overflow:hidden; display:block; width:100%; margin-bottom:5px}
	.footer_lists a{color:#a4a4a4; display:block; line-height:23px; padding:0 5px 0 18px; background:url() 6px center no-repeat; text-decoration:none}
	.footer_lists a:hover{color:white; background-color:#12647c; background-image:url(../images/footer_list_marker_hover.gif)}
	.footer_lists h6{color:white; font-family:Raleway, Helvetica, sans-serif; margin-bottom:16px; padding-right:7px}
/* ============================= footer END ====================================== */

