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

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}
.orng{color:#f15822}
.top_tail{min-width:980px; background:url(../images/top_tail1.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:none; min-width:980px}

h2{font-size:1.9em; color:#2f2c2c; line-height:1.2em; margin-bottom:14px; }
	h2.extra{padding-top:24px; margin-bottom:16px}
	h2.extra2{ margin: 30px 0px 16px 120px; padding:10px 0px 10px 0px;  background-color:#FF6600; width:700px; color:#fff; text-align:center; font-family:'myriad pro';}
	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:24px; margin-bottom:18px; text-align:left; font-size:14px;}
p span {color:#f15822; font-weight:bold;}
	p.extra{margin-bottom:23px; padding:0 5px 0 0px; font-size:14px; line-height:24px;}
	p.extra1{margin-bottom:9px; line-height:24px;}
	p.extra2{margin-bottom:13px}
	p.extra6{margin-left:155px; padding:0 5px 0 25px; font-size:16px; font-weight:bold; line-height:18px; background:none; color: #FF6600; text-decoration:none;}
	p.extra6 a, hover{color: #FF6600; text-decoration:none;}
	p.extra6 a:hover{color: #333333; text-decoration:none;}
	p.extra3{margin-left:195px; padding:0 5px 0 25px; font-size:14px; font-weight:normal; line-height:18px; background:url(../images/Circle-Bullet.png) left center no-repeat; color:#333333; text-decoration:none;}
	p.extra3 a, hover{color: #333333; text-decoration:none;}
	p.extra3 a:hover{color: #FF6600; text-decoration:none;}
	p.extra4{margin-left:55px; padding:0 5px 0px 25px; font-size:12px; line-height:18px; background:url(../images/bullet_2.png) left center no-repeat; color:#333333; text-decoration:none;}
	p.extra5{margin-bottom:23px; padding:0 5px 0 0px; font-size:14px; line-height:24px;}
.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}
.tab_1{background-color:#FF6600; color:#fff; font-weight:bold; font-size:14px; text-align:center; line-height:18px; border:#000000 1px solid;}
.tab_2{background-color:none; color:#000000; font-weight:bold; font-size:12px; text-align:center; border:#000000 1px solid; line-height:18px;}
.tab_3{background-color:#FF6600; color:#fff; font-weight:bold; font-size:12px; text-align:center; line-height:18px; border:#000000 1px solid;}
.tab_4{background-color:none; color:#000000; font-weight:bold; font-size:12px; border:#000000 1px solid; line-height:18px;text-align:center;}
/* ========================= Global properties END =============================== */






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

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

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

section#content {
	position:relative;
	z-index:5;
	background:#fff;
	font-size:1.083em;
	-webkit-box-shadow: #a9a9a9 0px 0px 5px;
	-moz-box-shadow: #a9a9a9 0px 0px 5px;
	box-shadow: #a9a9a9 0px 0px 5px;
}
section#content-cont{
	padding:30px 0 0px 0;
	margin-bottom:30px;
	}
	
.suffix {
	padding-left:30px;
}

section#content1 {
	position:relative;
	z-index:5;
	background:url(../images/quality.png) right top no-repeat #fff;
	font-size:1.083em;
	-webkit-box-shadow: #000000 0px 0px 15px;
	-moz-box-shadow: #000000 0px 0px 15px;
	box-shadow: #a9a9a9 0px 0px 15px;
}

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

/* ========================= Global Structure END ================================ */






/* ====================== Left & Right alignment START =========================== */
.left { float:left;}
.right { float:right;}
.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: 12px; left: 23px;}
	#logo a{display:block; color:#1f343a; text-decoration:none; font-size:4em; line-height:1.2em}

.header_icons{position:absolute; right:17px; top:32px}
	.header_icons li{float:left; margin-left:7px}
	
nav {font-size:1.3em; position:absolute; left:550px; top:112px; z-index:99}
	#menu > li{float:left; position:relative}
	#menu >li > a{text-decoration:none; color:#000; display:inline-block; line-height:34px; padding:0 15px 0 14px; margin:0 2px; font-weight:bold;}
	#menu > li:hover > a{color:#797979; font-weight:bold;}
	#menu > .active > a{border:3px solid #fff; line-height:34px; color:#fff; margin:0; background:#000;	-webkit-box-shadow: #7f7f7f 0px 3px 5px 1px;-moz-box-shadow: #7f7f7f 0px 3px 4px 1px;	box-shadow: #7f7f7f 0px 3px 5px 0px;}


.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:370px; background:none; position:relative; z-index:1; top:60px; left:25px;}
---------------------------------------------
05. banner with slideshow
---------------------------------------------
*/

#slide { width:495px}
#slide-scroller { margin:0px 0 0 0px;}

#slide-scroll.scrollable { width:495px; height:340px; position:relative; overflow:hidden;}

#slide-scroll.scrollable .items { width:20000em; height:340px; position:absolute; clear:both}
			
#slide-scroll.scrollable .item {	width:495px; float:left}
#slide-scroll.scrollable .item img { width:495px; height:308px}



#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 20px 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 12px 13px}
/* ============================== 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:#f15822}
.box2 a.more{background:#f15822}
	.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:46px}
	#submit_form textarea{height:114px; padding-top:5px; overflow:auto}
	#submit_form .buttons{margin:0; text-align:left; width:100px;}
	
#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:372px}
.button{ display:inline-block; font-size:13x;  line-height:33px; padding:0 18px; text-transform:uppercase; color:#fff; background:#1c1c1c; position: relative; font-weight:bold; text-decoration:none; left:266px;}
.button:hover{ background:#f15922; color:#fff; text-decoration:none}
#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}
#contact_form1 input, #contact_form1 textarea{border:1px solid #dfdede; color:#818181; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:7px 10px 9px; float:left; margin:0; width:122px; background:#1c1c1c;}
/* ============================== 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:19px 0 10px; line-height:1.3em}
	.copy{float:left}
		.copy b{margin:0 4px}
	.footer_link{float:right}
/* ============================= footer END ====================================== */