/* 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: url(../images/bg.gif) 0 0 repeat; border:0; font:10px Arial, Helvetica, sans-serif; color:#636363; line-height:17px; min-width:960px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/bg.gif) 0 0 repeat #171717; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > div{background: url(../images/ajax-loader.gif) 50% 50% no-repeat; width:100%; height:100%; position:absolute; top:0; left:0}

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

.main {	margin: 0 auto;	width: 980px; }

.bg1{ background:url(../images/bg.jpg) center center no-repeat;min-height:100%; height:auto !important; height:100%;}
body, html {height:100%;}


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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ padding:0 0 39px 345px;}
h2{ font-size:16px; color:#fff; font-weight: bold; line-height:1.2em; padding:11px 0 14px 0;}
p{ padding-bottom:17px;}

/* ============================= header ====================== */
header{ height:270px; padding-top:30px;}

#logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:265px;height:115px;}

.menu{ position:relative; z-index:2}
#menu { height:80px; padding-left:10px;}
#menu > li { float:left; margin-right:9px; width:181px; background:url(../images/menu_bg.gif) 0 0 no-repeat; position:relative;}
#menu > li > a{ display:block; font-size:21px; color:#fff; text-align:center; line-height:80px; position:relative; background:url(../images/spacer.gif) repeat}
#menu > li > a:hover, #menu > .active > a{}
#menu > li > img{ position: absolute; top:0; left:0;}

.submenu_1{ position:absolute; top:92px; left:0; width:181px;}
.submenu_1 li{ margin-bottom:2px; position:relative;}

.submenu_1 a{ display:block; border:1px solid #000;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; position:relative;}
.submenu_1 span{  position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #545454; background: url(../images/button1_bg.gif) 0 0 repeat-x #181818;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; }
.submenu_1 strong{ text-align:center; font-size:21px; color:#fff; line-height:48px; position:relative; display:block}

.submenu_1 a:hover, .submenu_1 .sfHover > a{ border:1px solid #fff}
.submenu_1 .active{ border:1px solid #ababab; background: url(../images/submenu_bg_active.gif) 0 0 repeat-x #e7e7e7;}
.submenu_1 a:hover > strong, .submenu_1 .sfHover > a > strong{ color:#000}

.submenu_2{ position:absolute; top:0px; left:183px; width:181px;}

/* ============================= content ====================== */
p span{ color:#fff;}
.ok{ height:300px;}
.ok a{ color:#fff;}
.ok a:hover{ text-decoration:underline;}
.gri {text-align:center;}
.gr img{float:left; padding:0 17px 10px 0;}
.gr p{ color:#fff;}
.gri { height:1000px;}
.gri23 { height:1000px;}
.gri p{ color:#fff; padding:10px 20px 0 0;}
.gri1 p{ color:#fff; padding:0 20px 0 0;}
.gri img{height:73px; padding:10px 43px 43px 0; }
.gri table{ height:850px;margin:0 -41px 0 0;}
.gri1 img { float:left;padding:0 13px 2px 0;}
.gri1 table{ width:1000px; height:1400px;}
.gri1 td{ width:460px; margin:0 0 0 20px; padding:0 60px 45px 0;height:220px;}
.gri1 tr{ margin:0 0 20px 20px;}
.gri h2{ text-align:left;}
.gri1 h2:hover{ text-decoration:underline;}
.gr { min-height:300px; margin: 0 0 30px 0;}
#content{ position:relative;}
#content > ul > li{ position:relative; overflow:hidden}
#content > ul{ position:relative; z-index:1}
#content > ul > #page_more{ height:auto}

#splash{height:400px; z-index:3;}
#splash_logo{ display:block; text-indent:-9999px; background:url(../images/logo_splash.png) 0 0 no-repeat; width:465px; height:190px; margin:140px 0 0 251px}

#enter_button{ display:inline-block; border:1px solid #000;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; position:relative; margin:25px 0 0 412px}
#enter_button span{  position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #585858; background:url(../images/enter_button.gif) 0 0 repeat-x #181818;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; }
#enter_button strong{ padding:0 22px; font-size:21px; color:#fff; line-height:58px; position:relative; display:block}

#enter_button:hover{ border:1px solid #fff}
#enter_button .active{ border:1px solid #ababab; background: url(../images/submenu_bg_active.gif) 0 0 repeat-x #e7e7e7;}
#enter_button:hover strong{ color:#000}

.pad_bot1{ padding-bottom:24px}
.pad_bot2{ padding-bottom:12px; height:360px;}
.marg_right1{ margin-right:30px;}

.color1{ color:#fff;}
a.color1:hover{ color:#636363}

.button1{ display:inline-block; border:1px solid #000;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; position:relative;}
.button1 span{  position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #545454; background: url(../images/button1_bg.gif) 0 0 repeat-x #181818;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; }
.button1 strong{ padding:0 18px; font-size:18px; color:#fff; line-height:30px; position:relative; display:block}

.button1:hover{ border:1px solid #fff}
.button1 .active{ border:1px solid #ababab; background: url(../images/submenu_bg_active.gif) 0 0 repeat-x #e7e7e7;}
.button1:hover strong{ color:#000}
.grid_4 a:hover{ text-decoration:underline;}
.list1{}
.list1 li{ padding-bottom:25px;}
.list1 a{ padding-left:16px; background:url(../images/marker_1.gif) 0 3px no-repeat; color:#fff;}
#send { margin:-21px 0 0 0;}
.quot{ background:url(../images/quot.png) 0 0 no-repeat; padding-bottom:30px;}
.quot > span{ padding-left:26px;}
fieldset {margin:0 0 50px 0;}
figure a{ display:block; position:relative;}
figure span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/border.png) 0 0 no-repeat}
.footer { margin:45px 0 40px 0;font-size: 15px;}
.cols{ width:86px; float:left;color:#636363; text-align:left;}
.cols2{ width:173px; float:left;color:#636363;}
.cols3{ width:151px; float:left;color:#fff;}
.adr{ width:248px; float:left;color:#fff;}
.tel{ width:96px; float:left; text-align:left;color:#fff;}
.block{ width:233px; height:40px; float:left; text-align:left;margin:0 0 0 124px;}
.block22{ width:176px; height:40px; float:left; text-align:right;margin:0 99px 0 20px;}
.block33{ width:255px; height:40px; float:left; text-align:right;}
.rblock{ width:170px; height:40px; float:left; text-align:right;}
.rb2lock{ width:170px; height:40px; float:left; text-align:right;margin:17px 0 0 0;}
.rblock span{ color:#fff;}
#map{ margin-bottom:28px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow:hidden; display:inline-block}
 
/* ============================= footer ====================== */

footer {text-align:center; padding-bottom:20px;}
footer a{}
footer a:hover{}

#icons{ padding:26px 0 30px 380px; overflow:hidden}
#icons li{ float:left; padding-right:10px;}
#icons a{ display:block; position:relative;}
#icons .img_act{ position:absolute; top:0; left:0}

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

#ContactForm{ position:relative;}
#ContactForm .wrapper{ overflow:inherit; min-height:49px;}
#ContactForm .success{ display:none; position:absolute; bottom:0; left:0;}
#ContactForm .success strong{ color:#fff;}
.grid_9 label{ position:relative;min-height:39px; display: inline-block;margin:4px 0 0 0;}
.grid_9 .message{ height:207px;}
.grid_9  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%; text-transform: none}
.grid_9 a{ margin-left:20px; float:right;}
.grid_9 .input { margin:5px 0 5px 0;width:490px; height:13px; background: url(../images/spacer.gif) repeat; padding:12px 14px;color:#fff; font:14px Arial, Helvetica, sans-serif;}
.grid_9 textarea { overflow: auto; margin:0;width:490px; height:152px; background: url(../images/spacer.gif) repeat; padding:12px 14px;color:#fff; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase}


.grid_9 .bg{  border:1px solid #545454;  position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display:inline-block;}