/* 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;}
.relative{ position:relative;}

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

body{ background:#000; border:0; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#9a9a9a; line-height:19px; min-width:960px; overflow:hidden;}

.page_spinner{ position:absolute;background: url(../images/ajax-loader.gif) 50% 50% no-repeat #000; z-index:99; width:100%; height:100%; top:0; left:0}
.dark{ width:100%; height:100%; position: fixed; z-index:4; background:#000}
.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); position: relative;}

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

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}
#pagination{ position:absolute; top:14px; right:0; z-index:1;}
#pagination li{ float:left; padding-left:3px;}
#pagination a{ display:block; background:url(../images/buttons.png) right 0 no-repeat; width:23px; height:23px;}
#pagination a:hover, #pagination .active a{ background-position:left}
 

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

a{ color:#ffb829; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ position:absolute; top:-28px; left:0}
h2{ font-size:33px; line-height:1.2em; padding:0 0 37px 0; color:#fff; letter-spacing:-1px;}
h2 span{ display:block; margin-top:-10px}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
.bg1{ background:#000; border-bottom:5px solid #111111; padding:20px 0 11px 0; height:19px; position:relative; z-index:5}
.bg1 .right{ text-align:right; float:none}
.bg1  a{ font:12px Arial, Helvetica, sans-serif; color:#fff}
.bg1 a:hover{ text-decoration:underline}

.bg2{ background:url(../images/bg_footer.gif) 0 0 repeat-x #000; position: absolute; z-index:6; bottom:0; width:100%;}

.center{ position:relative; height: auto; min-height:100% !important;}
body, html{ height:100%;}
.block{ height:160px;}

.bottom{ position:absolute; bottom:157px; width:100%;}


header{ height:82px;}

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

#menu { float:right; padding:28px 0 0 0;}
#menu > li { float:left; margin-left:42px; position:relative;}
#menu > li > a{ display:block; overflow:hidden; font-size:18px; text-transform:uppercase; color:#000; letter-spacing:-1px; line-height:1.2em}
#menu > li:hover > a, #menu > .active > a { color:#fff}
#menu > .with_ul{ padding-bottom:9px; background:url(../images/menu_marker.gif) center bottom no-repeat; margin-top:-20px; padding-top:20px;}

.submenu_1{ position:absolute; bottom:45px; left:-52px; width:169px; z-index:10}
.submenu_1 > ul{ position:relative; padding:12px 22px; background:#000;border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;}
.submenu_1 li{ font:14px Arial, Helvetica, sans-serif; line-height:36px; position:relative;}
.submenu_1 a{ color:#fff; padding-left:10px; background:url(../images/submenu_marker.gif) 0 5px no-repeat}
.submenu_1 > ul > li:hover > a{ color:#edb70f;}

.submenu_2{ position:absolute; top:1px; left:149px; width:155px;}
.submenu_2 li{ line-height:35px; margin-bottom:1px; position: relative; background: url(../images/submenu_bg.gif) 0 0 repeat-x #090909;border-radius:18px; -moz-border-radius:18px; -webkit-border-radius:18px;}
.submenu_2 a{ display:block; padding-left:0; position:relative; background:none}
.submenu_2 a span{ padding:0 17px; background:url(../images/submenu_marker2.gif) 8px 17px no-repeat; display:block;}
.submenu_2 li:hover{ background:#ecb40e}

.trigger{ position:absolute; top:-56px; right:0; width:292px; height:39px; z-index:1}
#button{ float:right;  height:39px; width:50px; margin:0 1px; position:relative; z-index:2}
#button img{ position:absolute; top:0; left:0}

.trigger nav{ position:absolute; right:52px; width:240px;  overflow:hidden; height:39px; z-index:1}
.trigger nav img{ width:100%; height:100%; position: absolute; top:0; left:0;}
.trigger ul{padding:10px 0 0 34px; width:200px; position:relative;}
.trigger li{ float:left; margin-right:7px; padding-right:11px; background:url(../images/links_marker.gif) right 8px no-repeat}
.trigger .last{ background:none; padding-right:0; margin-right:0}
.trigger a{ font-size:11px; color:#fff; text-transform:uppercase;}
.trigger a:hover{ text-decoration:underline}

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

#content{ height:600px; overflow:hidden; width:100%; position:relative}
#content > ul{ position:relative; z-index:6; top:70px; height:460px;}
#content > ul > li{ width:100%}

.close{ position:absolute; top:0; right:20px; background:url(../images/close.gif) 0 0 no-repeat; width:20px; height:20px; display:block;}

.line1{ background:url(../images/line_vert1.png) 234px 0 repeat-y}
#page_Company .line1{ background:url(../images/line_vert1.png) 674px 0 repeat-y}
#page_Contacts .line1{ background:url(../images/line_vert1.png) 594px 0 repeat-y}

.list1{}
.list1 li{ font-size:14px; line-height:19px; padding-bottom:16px;}
.list1 a{ color:#cacaca; padding-left:30px; background:url(../images/marker_1.png) 0 1px no-repeat; display:inline-block}
.list1 a:hover{ color:#ffb829}

.list2{}
.list2 li{ font-size:14px; line-height:14px; padding-bottom:10px; padding-left:14px; background:url(../images/marker_2.gif) 0 4px no-repeat; overflow:hidden;}
.list2 a{ color:#cacaca;}
.list2 a:hover{color:#ffb829}

.font1{ font-size:14px; line-height:24px; margin-top:-9px; padding-bottom:29px}

figure{ float:left; background:url(../images/border_bg.png) 0 0 repeat; padding:4px;}

.marg_right1{ margin-right:14px;}
.marg_left1{ margin-left:14px;}
.pad_top1{ padding-top:27px;}
.pad_bot1{ padding-bottom:20px}
.pad_bot2{ padding-bottom:10px}
#page_Contacts  .marg_right1{ margin-right:20px;}

.color1{ color:#fff} 

.button1{ display:inline-block; position:relative; background:#252525; line-height:44px; font-weight:bold; color:#fff;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.button1 span{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:#ffb829;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.button1 strong{ display:block; position:relative; padding:0 22px}

.accordion{ margin-right:16px; margin-top:-2px;}
.accordion dt a{ background: url(../images/markers.gif) 12px 12px no-repeat; padding-left:38px; line-height:38px; display:block; color:#cacaca; font-size:20px; padding-right:15px; position:relative;}
.accordion dt{ padding-bottom:2px; position:relative;}
.accordion a span{ float:right; color:#fff; font-weight:bold; font-size:13px;}
.accordion dd{ padding:20px; padding-right:35px;}
.accordion .active a{ background-position:12px -28px}
.accordion dt strong{ background-color:#444; position:absolute; height:38px; width:100%; top:0; left:0}
.accordion dt em{ background-color:#2d2d2d; position:absolute; height:38px; width:100%; top:0; left:0}

.tabs{ margin-top:-6px;}
.nav{ width:225px; float:left; margin-right:39px;}
.nav li{ font-size:14px; line-height:18px; margin-bottom:13px; padding:2px 0; padding-left:27px; background:url(../images/marker_1.png) 0 4px no-repeat; position:relative;}
.nav span{ position:absolute; top:0px; height:100%; width:0; left:0; display:block; overflow:hidden;}
.nav span img{ width:100%; height:100%}
.nav a{ position:relative; color:#cacaca}
.nav a:hover, .nav .selected a{ color:#fff}
.tab-content{ float:left; width:405px;}

.resources > li{ background:url(../images/marker_1.png) 0 4px no-repeat; padding-left:25px; padding-bottom:30px}

.underline{ text-decoration:underline}

.address span{ float:right; margin-right:10px}

.scroll{height:380px; width:830px; overflow:hidden}
.track{ width:1px; height:390px; padding:30px 0; top: 50px !important; left:920px !important; background:#9a9a9a}
.shuttle{ width:5px; height:55px; background:#ffb829; margin-left:-2px;}
._up-butt, ._down-butt{ height:0px !important;}

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

footer { padding-top:18px; height:56px; text-align:right; font-size:12px; color:#e7e7e7; text-transform:uppercase; line-height:38px;}
footer a{ color:#e7e7e7}
footer a:hover{ text-decoration:underline}

#icons{ float:right; padding-right:5px; padding-left:11px;}
#icons li{ float:left; padding-left:5px;}
#icons a{ display:block; position:relative;}
#icons .img_act{ position:absolute; top:0; left:0}

/* Tooltips */
.aToolTip { background:#111; color:#fff;	margin:0; padding:3px 10px 4px; font-size:12px; line-height:1.2em; position: absolute;}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0;}

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

#ContactForm{ margin-top:-2px; position:relative;}
#ContactForm .wrapper{ overflow:inherit; min-height:35px;}
#ContactForm .success{display:none; bottom:5px; left:0; position:absolute; font-size:12px;}
#ContactForm label{ position:relative;min-height:28px; display: inline-block;}
#ContactForm .message{ height:263px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:7px; float:right;}
#ContactForm .input { margin:0;width:290px; height:16px; background: none; padding:6px 10px;color:#9a9a9a; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;background:#3e3e3e;}
#ContactForm textarea { overflow: auto; margin:0;width:290px; height:217px; background: none; padding:6px 10px;color:#9a9a9a; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;background:#3e3e3e;}


#ContactForm  .bg{ background:#3e3e3e; display:inline-block}