/* 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;}

.full_width{ width:100%;}

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

body{ background:#171c20; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a3adb6; line-height: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.php); position: relative;}

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

.body1{ background:url(../images/bg.jpg) top center repeat; position:relative; z-index:2}
.body2{ background:url(../images/bg2.jpg) top center repeat; position:relative; z-index:1}
.body3{ background:url(../images/bg3.jpg) top center repeat; position:relative; z-index:1}
.body4{ background:url(../images/bg_top.gif) top repeat-x}

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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#ed5c01}
h1{ float:left; padding:0 0 0 0}
h2{ font-size:30px; color:#fff; font-weight:600; padding:30px 0 16px 0; line-height:1.2em;}
h3{ font-size:26px; font-weight:600; color:#fff; line-height:1.2em; padding:40px 0 14px 0; letter-spacing:-1px;}
h4{ color:#fff; font-weight:bold; padding:40px 0 15px 0}
h5{ font-size:18px; color:#fff; font-weight:600; line-height:1.2em; padding:3px 0 14px 40px}
h5.color1{ background:url(../images/marker_color1.jpg) 0 0 no-repeat}
h5.color2{ background:url(../images/marker_color2.jpg) 0 0 no-repeat}
h5.color3{ background:url(../images/marker_color3.jpg) 0 0 no-repeat}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ padding-top:93px; position:relative; width:100%; height:172px; z-index:2}
#page1 header{ height:592px;}

#logo{ display:block; background:url(../images/logo.png) no-repeat; width:900px; height:75px; text-indent:-5000px;}

#top_nav{ float:right; padding:49px 0 0 0;}
#top_nav li{  float:left; padding-left:12px;}
#top_nav li a{ padding-left:18px; display:block; font:12px Verdana, Geneva, sans-serif; color:#fff;}
#top_nav li a:hover{ color:#fff; text-decoration:underline}
#top_nav .img1{ background: url(../images/top_img1.gif) 0 2px no-repeat}
#top_nav .img2{ background: url(../images/top_img2.gif) 0 2px no-repeat}
#top_nav .img3{ background: url(../images/top_img3.gif) 0 2px no-repeat}

#menu { padding-top:26px; position:relative; z-index:20}

#menu > li { float:left; padding-right:1px; background:url(../images/menu_line.gif) right top no-repeat; position:relative;}
#menu > li > a{ display:block; width:198px; background:url(../images/menu_bg.jpg) top repeat-x; font-size:14px; font-weight:400; color:#fff; text-transform:uppercase; line-height:48px; text-align:center;}
#menu > li:hover a, #menu > .active > a{ color:#fff; background:url(../images/menu_bg_active.gif) top repeat-x}
#menu > li.nav1 > a{border-radius:3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; behavior: url(js/pie.php); position: relative;}
#menu > li.nav6{ padding-right:0px; background:none;}
#menu > li.nav6 > a{ width:160px;border-radius:0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; behavior: url(js/pie.php); position: relative;}

#menu .ul_1{ position:absolute; top:49px; left:0; display:none}
#menu .ul_1 li{ width:100%; padding-bottom:1px; position:relative}
#menu .ul_1 li a{ display:block; width:198px; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:48px; text-align:left; padding-left: 15px; background:#3e464b}
#menu .ul_1 > li:hover > a{ color:#fff; background:#141514}

#menu .ul_2{ position:absolute; left:160px; top:0; display:none}
#menu .ul_2 li a{ display:block; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:48px; text-align:center; background:#3e464b}
#menu .ul_2 > li:hover > a{ color:#fff; background:#eb5601}

 



.kwicks-wrapper{width:966px;height:420px;overflow:hidden;background:url(../images/bg_slider.png) bottom left no-repeat;position:absolute;top:265px;left:0;padding-left:7px;}
.kwicks {/* recommended styles for kwicks ul container */list-style: none;position: relative;margin: 0;padding: 0; width:200%}
.kwicks li{/* these are required, but the values are up to you (must be pixel) */width:447px;height: 376px;/*do not change these */display: block;	overflow: hidden;padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */cursor:pointer; position:relative; float:left; margin-left:-274px;}

.kwicks.horizontal li {/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */ /*Set to same as spacing option. */float: left; margin-right:0;}

.kwicks li.img1{ z-index:5;}
.kwicks li.active{ margin-left:-7px}
.kwicks li.img2{ z-index:4;}
.kwicks li.img3{ z-index:3;}
.kwicks li.img4{ z-index:2;}

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

#content2{ width:100%; overflow:hidden; padding-bottom:38px; color:#8c9196}
#content{ width:100%; overflow:hidden; padding-bottom:77px;}

.pad_right1{ padding-right:26px;}
.pad_right2{ padding-right:10px;}
.pad_bot1{ padding-bottom:20px;}
.pad_bot2{ padding-bottom:39px;}
.pad_top1{ padding-top:11px;}
.pad_top2{ padding-top:16px;}
.marg_right1{ margin-right:20px;}

.button{ display:inline-block; font-size:16px; text-transform:uppercase; color:#fff; background:url(../images/button1_bg.gif) top repeat-x #ed5c01; padding:0 18px; height:33px; line-height:31px; font-weight:400;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/pie.php); position: relative;}
.button:hover{ background:#fff; color:#252a2e}

.link1{ display:inline-block; font-size:16px; line-height:20px; padding-right:10px; background:url(../images/marker_2.gif) right 7px no-repeat; text-transform:uppercase; margin-top:-5px;}

.list1{}
.list1 li{ line-height:30px; font-size:14px;}
.list1 li a{ padding-left:29px; font-style:italic; background:url(../images/marker_1.png) 0 6px no-repeat; display:inline-block}
.list1 li a:hover{ color:#fff; text-decoration:underline}

.list2{ padding-right:24px; margin-left:-5px}
.list2 li{ line-height:23px; padding-bottom:5px;}
.list2 li a{ color:#c2c2c1; text-decoration:none; padding-left:18px; background:url(../images/marker_3.gif) 6px 8px no-repeat; display:block}
.list2 li a:hover{ background: url(../images/marker_3_active.gif) 6px 8px no-repeat #ed5c01; color:#fff;}

.list3.pad_bot1{ padding-bottom:32px;}
.list3 li{ padding-top:6px; padding-bottom:5px; border-bottom:1px solid #495153}
.list3 li .right{ width:350px;}
.list3 .bg_none{ border:0}

.color1{ color:#fff;}

.date{ float:left; background:url(../images/date.jpg) no-repeat; width:43px; height:48px; margin-right:15px; font-size:15px; text-transform:uppercase; color:#fff; text-align:center; line-height:1.2em; margin-bottom:10px; margin-top:1px;}
.date span{ font-size:26px; line-height:1.2em; display:block; margin-top:-2px}

.under{ border-bottom:1px solid #767c7f; margin-bottom:20px; margin-top:-1px;}

.text1{ background:url(../images/text.jpg) 0 3px no-repeat; padding-left:93px; padding-top:11px; padding-bottom:20px; display:inline-block}

.box{ background:url(../images/bg_box.jpg) repeat; border:1px solid #4c5359; padding:20px 27px 30px 23px;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/pie.php); position: relative;}

#page3 #content{ padding-bottom:65px;}
#page4 #content{ padding-bottom:68px;}
#page5 .body2 img{ margin-top:-4px; padding-bottom:2px;}
#page5 #content{ padding-top:41px; padding-bottom:62px}
#page5 .pad_bot2{ padding-bottom:32px;}
#page6 figure{ border:2px solid #4c5359;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/pie.php); position: relative; display:inline-block}
#page6 #content{ padding-bottom:81px;}
#page7 #content{ padding-bottom:80px;}

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

footer { width:100%; overflow:hidden; padding-bottom:40px; color:#bebebe}
footer a{ color:#9fa1a2; text-decoration:underline}
footer a:hover{ text-decoration:none;}
footer strong{ color:#eeeeee; font-weight:normal;}

footer .grid_8{ padding-right:10px;}

.call{ float:right; padding-left:50px; background:url(../images/call.gif) 0 4px no-repeat; font-size:24px; color:#fff; font-weight:bold; line-height:1.2em; margin-top:34px; padding-bottom:21px;}
.call span{ font-size:21px; color:#b0b0af; line-height:1.2em; font-weight:400; display:block; margin-bottom:-7px;}

#icons{ float:right; padding-top:20px;}
#icons li{ float:left; padding-left:9px;}


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

#ContactForm {}
#ContactForm .wrapper{ min-height:41px;}
#ContactForm .textarea_box{ min-height:206px; width:100%; overflow:hidden;}
#ContactForm .bg{ background:url(../images/bg_form.jpg) repeat; border:1px solid #4c5359;border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(js/pie.php); position: relative; float:left;}
#ContactForm a{ margin-right:20px; float:right}
#ContactForm .input {width:312px; height:15px; background: none; padding:7px 8px;color:#a3adb6; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm textarea { overflow: auto;width:472px; height:169px; background: none; padding:7px 8px;color:#a3adb6; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0}

#form_1{ line-height:24px;}
#form_1 .col_1{ width:66px; float:left;}
#form_1 .wrapper{ min-height:37px; padding-top:11px;}
#form_1 .bg{ background:url(../images/input_1.jpg) no-repeat; float:right}
#form_1 .input{ float:right; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a3adb6; width:212px; padding:6px 10px; height:16px; background:none}
#form_1 .text1{ background:url(../images/form_img.jpg) 2px 9px no-repeat; padding-left:70px; display:inline-block; line-height:20px; margin-top:0; padding-top:2px; padding-bottom:45px;}
#form_1 .bg2{ background:url(../images/textarea_1.jpg) no-repeat; float:right}
#form_1 textarea{ background:none; float:right; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#a3adb6; width:212px; padding:6px 10px; height:136px; overflow:auto}
#form_1 .textarea_box{ min-height:161px; padding-top:11px; width:100%; overflow:hidden}