/* Getting the new tags to behave */
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 }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#1d252f; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#686868; line-height:18px; min-width:960px; padding-bottom:12px;}
#page1 { padding-bottom:18px;}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); behavior: url(js/PIE.htc); position: relative;}

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

.body1{ background:url(../images/bg_top.jpg) top center repeat; position:relative; z-index:99}
.body2{ background:url(../images/bg_top2.jpg) top center repeat-x #f0f1f7; position:relative; z-index:1; padding-top:10px; padding-bottom:25px; height:451px}
.body3{ background:#f8f9fb;}
.body4{  background:url(../images/bg1.jpg) top center repeat;}

/* ============================= main layout ====================== */

a{ color:#686868; text-decoration: none; outline:none}
a:hover{ color:#e3570a}
h1{ position:absolute; top:4px; left:4px; z-index:99; padding-right:25px;}
h2{ font-size:30px; padding:8px 0 13px 0; text-transform:uppercase; color:#151515; line-height:1.2em; font-weight:bold}
h3{ font-size:28px; color:#14181b; line-height:1.2em; padding:9px 0 14px 0; font-weight:bold}
h4{ font-size:21px; color:#fff; font-weight:normal; line-height:1.2em; padding:47px 0 12px 0}
.let_sp{ letter-spacing:-1px;}

p{ padding-bottom:18px;}
strong{ color:#1e1e1e}
/* ============================= header ====================== */
header{ padding-top:119px; height:49px;}

.links{ background:url(../images/bg_top_box.jpg) bottom repeat-x #e3570a; width:100%;position:absolute; top:-36px; left:0}

#top_nav{ float:right; padding:9px 0 22px 0}
#top_nav li{ float:left; padding-left:16px;}
#top_nav li a{ font:13px Arial, Helvetica, sans-serif; color:#fff;}
#top_nav li a:hover{ color:#fff; text-decoration:underline}

#links_button{ position:absolute; background:url(../images/links_button.jpg) no-repeat; width:114px; height:60px; bottom:-47px; right:0; font-size:18px; color:#fff; text-align:center; line-height:46px; text-transform:uppercase}
#links_button:hover{ color:#e3570a}

#logo{ float:left; background:url(../images/logo.png) no-repeat; width:222px; height:190px; text-indent:-9999px}

.marker{ background:url(../images/marker_form.gif) no-repeat; display:block; width:25px; height:181px; position:absolute; right:0}

.marker_active{ background:url(../images/marker_form_active.gif) no-repeat; display:none; width:25px; height:181px;position:absolute; right:0}

.box_wrapper{ width:325px; overflow:hidden; position:absolute; z-index:99; top:4px; left:251px;}
.box_form{ background:url(../images/bg_form.png) repeat; padding:70px 40px 87px 40px; width:245px; top:0 ; left:-500px; position: relative;}
.box_form h2{ color:#fff; text-transform: none; line-height:1.2em; padding:8px 0 7px 0; font-weight:normal}

#home{ float:left; background:url(../images/home.gif) no-repeat; width:35px; height:35px; margin:0 0 0 0}

#menu { float: right; padding:0 0 0 0; margin-top:-4px;}
#menu > li { float:left; padding-left:19px; padding-right:10px; position:relative}
#menu > li > a{ display:block; font-size:36px; line-height:1.2em; font-weight:bold; color:#fff; letter-spacing:-1px; padding-bottom:5px;}
#menu > li:hover > a, #menu > #menu_active > a{  color:#7f91ac}

#menu > .with_ul:hover >a{border-bottom:5px solid #e3570a;}

#menu .no_pad{ padding-left:0}

#menu .ul_1{ position:absolute; top:54px; background:url(../images/menu_bg.png) repeat; padding:12px 0; width:202px; display:none}
#menu .ul_1 > li{ position:relative; margin-bottom:1px; width:100%;}
#menu .ul_1 > li > a{ font-size: 14px; line-height:28px; padding-left:32px; background: url(../images/menu_marker.gif) 24px 11px no-repeat; color:#fff; display:block}
#menu .ul_1 > li:hover{ background:url(../images/menu_bg_active.png) repeat}
#menu .ul_1 > .with_ul:hover > a{ background:url(../images/menu_marker_active.gif) 22px 11px no-repeat}

#menu .ul_2{ position:absolute; top:0; left:203px; width:203px; display:none}
#menu .ul_2 > li{ margin-bottom:1px; background: url(../images/menu_bg2.png) repeat}
#menu .ul_2 > li > a{ font-size: 14px; line-height:28px; padding-left:20px; background: url(../images/menu_marker.gif) 10px 11px no-repeat; color:#fff; display:block}
#menu .ul_2 > li:hover{ background:#ff5a00}

.box1{ background:#fff;box-shadow: 0 0 4px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .1); behavior: url(js/PIE.htc); position: relative; padding:4px;}

/* The Nivo Slider styles */
#slider{ height:443px; overflow:hidden; width:100% !important}
.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;	top:0px;left:0px;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;	margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block;	position:absolute;z-index:50;height:100%;}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute; bottom:0;	z-index:99;	cursor:pointer;text-indent:-5000px; width:77px; height:53px;  display:block;}
.nivo-prevNav {right:83px; background:url(../images/marker_left.png) no-repeat;}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.png) no-repeat}
.nivo-nextNav {right:0; background:url(../images/marker_right.png) no-repeat;}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.png) no-repeat}

/* Caption styles */
.nivo-caption {position:absolute; left:0; bottom:0;background: url(../images/caption_bg.png) repeat; font-size:31px; font-weight:bold;color:#ff6a00;z-index:99; padding:4px 0 9px 24px; line-height:1.3em; width:371px;}
.nivo-caption span{ font-size:36px; line-height:1.2em; color:#fff; text-transform:uppercase; display:block; margin-top:-7px;}
.nivo-caption strong{ font-size:26px; line-height:1.6em; color:#fff; text-transform:uppercase; display:block; margin-top:-7px;}
.nivo-caption b{ font-size:25px; line-height:1.6em; padding-top:2px; display:block;}
.nivo-caption i{ font-style:normal; font-size:39px; line-height:1.2em; text-transform:uppercase; display:block; padding-top:7px;}
.nivo-caption em{ font-style:normal; font-size:30px; line-height:1.2em; text-transform:uppercase; color:#fff; display:block; margin-top:-5px;}
.nivo-caption em span{ font-size:21px; line-height:1.4em; padding-top:6px;}
.nivo-html-caption { display:none;}


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

#content{ padding-top:9px; width:100%; overflow:hidden; padding-bottom:30px;}

.marg_right1{ margin-right:16px;}
.marg_right2{ margin-right:20px;}
.marg_top1{ margin-top:6px;}
.pad_bot1{ padding-bottom:30px}
.pad_bot2{ padding-bottom:22px}
.pad_bot3{ padding-bottom:26px}
.pad_left1{ padding-left:20px;}

.font1{ font-size:18px; line-height:21px; color:#292d40; padding-bottom:29px}
.font2{ font-size:12px; color:#000000}
.font3{ font-size:18px; line-height:21px; padding:0 0 0 0; color:#e3570a; margin-top:-3px;}

.color1{ color:#323232}
.color2{ color:#000}
.color2 a{ color:#000}
.color2 a:hover{ color:#e3570a}

.link1{color:#e3570a;}
.link1:hover{ color:#14181b}

.button{ display:inline-block; background:url(../images/bg_button1.gif) top repeat-x #314451; font-size:14px; color:#fff; text-transform:uppercase; line-height:43px; padding:0 8px;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  behavior: url(js/PIE.htc); position: relative;}
.button:hover{color:#fff; background:url(../images/bg_button1_active.gif) top repeat-x #e3580a}

.box2{ background:#fff; border:1px solid #edeef0; padding:0 19px 17px 19px; margin-bottom:13px;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  behavior: url(js/PIE.htc); position: relative;}
.box2 h3{ font-size:24px; text-transform:uppercase; font-weight: normal; padding:12px 0 8px 0;}

.list1 li{ line-height:30px; font-size:14px;}
.list1 li a{ display:inline-block; padding-left:25px; background:url(../images/marker_1.png) 0 6px no-repeat; color:#2061a9}
.list1 li a:hover{ color:#e3570a}

.partners li{ padding-top:2px; padding-bottom:1px}

.banner1{ background:#fff; border:1px solid #edeef0;border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;  behavior: url(js/PIE.htc); position: relative; padding:36px 20px 20px;}
.banner1 figure{ padding-bottom:22px; height:66px; width:100%; overflow:hidden}
.banner1:hover{ background:#dd601c; color:#fff;}

.ban1{ background:url(../images/banner1_img1.gif) top center no-repeat;} 
.banner1:hover .ban1{ background:url(../images/banner1_img1_active.gif) top center no-repeat}
.ban2{ background:url(../images/banner2_img1.gif) top center no-repeat;} 
.banner1:hover .ban2{ background:url(../images/banner2_img1_active.gif) top center no-repeat}
.ban3{ background:url(../images/banner3_img1.gif) top center no-repeat;} 
.banner1:hover .ban3{ background:url(../images/banner3_img1_active.gif) top center no-repeat}

.quot{ padding-left:18px; padding-top:5px;}
.quot span{ font-size:13px; float:right; color:#1e1e1e; font-weight:bold; padding-top:11px;}

.cols{ width:140px; float:left;}

#page2 .grid_13 .pad_bot2{ padding-bottom:15px}
#page2 .grid_13 p{ padding-bottom:25px;}
#page2 .grid_10 .pad_bot1{ padding-bottom:11px;}
#page2 .pad_bot2{ padding-bottom:15px;}
#page2 .pad_bot3{ padding-bottom:15px;}

#page3 .marg_top1{ margin-top:17px;}
#page3 .grid_12 .pad_bot2{ padding-bottom:18px}
#page3 .box2{ background:url(../images/bg_box.jpg) bottom left no-repeat #fff; padding-bottom:30px;}
#page3 .box2 h3{ padding:30px 0 0 25px}
#page3 .box2 .pad_left1{ padding-left:268px; padding-right:10px}
#page3 .box2 p{ padding-bottom:10px;}
#page3 #content{ padding-bottom:40px}
#page4 .marg_right1{ margin-right:23px;}
#page4 .marg_right2{ margin-right:29px;}
#page4 .grid_9 .pad_bot2{ padding-bottom:10px;}
#page4 .grid_9 .button{ margin-top:10px;}
#page5 .marg_right2{ margin-right:29px;}
#page6 .marg_right1{ margin-right:20px;}
#page6 .marg_right2{ margin-right:15px;}
#page6 figure{ margin-top:4px;}
#page7 .pad_bot1{ padding-bottom:7px;}

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

footer { width:100%; overflow:hidden;font-size:14px; padding-top:28px; color:#f4f5f9; line-height:20px; padding-bottom:20px;}
#page1 footer{ padding-top:0}
footer a{ color:#f4f5f9; text-decoration:underline}
footer a:hover{ text-decoration:none;color:#f4f5f9;}

.list{ padding-bottom:40px;}
.list li{ line-height:28px; font-size:13px;}
.list li a{ padding-left:12px; background:url(../images/marker_2.gif) 0 6px no-repeat; text-decoration:none}
.list li a:hover{ text-decoration:underline;}

#icons{ padding-top:3px;}
#icons li{ line-height:25px; padding-bottom:4px; font-size:13px;}
#icons li img{ margin-right:8px; float:left;}
#icons li a{ text-decoration:none;}
#icons li a:hover{ text-decoration: underline;}

#footer_menu{ width:100%; overflow:hidden;}
#footer_menu li{ float:left; padding-right:8px; margin-right:7px; background:url(../images/footer_line.gif) right 5px no-repeat}
#footer_menu li a{ display:block; text-decoration:none}
#footer_menu .bg_none{  background:none;}
#footer_menu li a:hover, #footer_menu li .active{ text-decoration:underline}

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

#ContactForm { padding-top:46px;}
#ContactForm .wrapper{ min-height:31px;}
#ContactForm .textarea_box{ min-height:102px;}
#ContactForm  .wrapper .bg{ background: url(../images/input.jpg) no-repeat}
#ContactForm  .textarea_box .bg{ background:url(../images/textarea.jpg) no-repeat}
#ContactForm .button_form{ float:right; font-size:13px; width:97px; text-align:center; color:#fff; text-transform:uppercase; line-height:31px; text-align:center; background:url(../images/bg_button2.gif) top repeat-x #18212e;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;behavior: url(js/PIE.htc); position: relative; text-decoration:none;}
#ContactForm .button_form:hover{ background:#1d252f}
#ContactForm .input {width:279px; height:17px; background:none; padding:6px 14px; color:#808080; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto;width:279px; height:82px; margin:0; background:none; padding:7px 14px; color:#808080; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}

#form_1{ font:12px Arial, Helvetica, sans-serif; line-height:26px; color:#fff;}
#form_1 .wrapper{ min-height:63px;}
#form_1 .check_box{ width:13px; height:13px; float:left; margin-right:7px; margin-top:7px;}
#form_1 .input{ width:223px; height:16px; padding:5px 10px; background:none; font:12px Arial, Helvetica, sans-serif; color:#000}
#form_1 .marg_top{ margin-top:3px;}
#form_1 span{ padding-left:11px; display:block;}
#form_1 .bg{ background:#fff; border:1px solid #8c8c8c;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;behavior: url(js/PIE.htc); position: relative;}
#form_1 .button_form{ float:right; background:url(../images/login_button.png) no-repeat; width:78px; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; color:#fff; text-align:center; margin-top:5px;line-height:31px;}
#form_1 .button_form:hover{ background:url(../images/login_button_active.png) no-repeat}
#form_1 .link{ color:#fff; text-decoration:underline; line-height:23px; padding-left:2px;}
#form_1 .link:hover{ text-decoration:none}