/* 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:#26282e; border:0; font:13px MyFont, Arial, Helvetica, sans-serif; color:#ccd0e1; line-height:22px; min-width:1200px; overflow:hidden;}

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

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

.for_main{ width:100%; overflow:hidden; position:relative}
.main {	margin: 0 auto;	width:1200px; background:url(../images/bg_top.gif) 0 0 no-repeat; position:relative; }
.center{ padding:20px 0}

.line{ position:absolute; bottom:0; background:url(../images/bg_top.gif) 0 0 no-repeat; width:100%; height:6px;}

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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#646773}
h1{ float:left;}
h2{ font-size:30px; color:#fff; text-transform:uppercase; line-height:1.2em; padding:40px 0 36px 0; letter-spacing:-1px;}
h3{ font-size:24px; line-height:30px; text-transform:uppercase; color:#fff; letter-spacing:-1px; padding:47px 0 35px 0; word-spacing:-3px;}
h4{ font-size:18px; color:#fff; text-transform:uppercase; line-height:1.2em; padding:10px 0 15px 0; letter-spacing:-1px;}
h4.pad_top1{ padding-top:23px;}
p{ padding-bottom:22px;}

/* ============================= header ====================== */
header{ height:159px; position:relative; z-index:2}

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

#menu { float:right;}
#menu > li { float:left; position:relative; width:138px; margin-left:1px; background:url(../images/menu_bg.jpg) repeat}
#menu > li > a{ display:block; font-size:18px; color:#fff; text-transform:uppercase; position:relative; text-align:center; line-height:45px; letter-spacing:-1px}
#menu > li > span, #menu > li > strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/bg_menu_hover.jpg) repeat;}
#menu > li > strong{ background:url(../images/menu_bg_active.jpg) repeat}
#menu > li > em{ position:absolute; top:21px; right:22px; background:url(../images/menu_marker.gif) 0 0 no-repeat; width:7px; height:4px;}
#menu > li:hover > em, #menu > li.sfHover > em{ background-image:url(../images/menu_marker_active.gif)}
#menu > li.active:hover > em, #menu > li.sfHover.active > em{ background-image:url(../images/menu_marker.gif)}

.submenu_1{ position:absolute;top:45px; left:0; width:100%}
.submenu_1 li{ padding-bottom:1px; position:relative}
.submenu_1 a{ display:block; font-size:16px; color:#282828; line-height:76px; text-transform:uppercase; letter-spacing:-1px; text-align:center; background:#f0f2f4}
.submenu_1 li:hover > a, .submenu_1 li.sfHover > a{ background:#22262f; color:#fff;}

.submenu_2{ position:absolute;top:0px; left:139px; width:400px}
.submenu_2 li{ padding-right:1px; position:relative; float:left; width:138px;}
.submenu_2 li:hover > a{ background:#f0f2f4; color:#8e98a6;}

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

#content{ height:512px; position:relative; z-index:1}
#content > ul{ width:100%}
#content > ul > li{ width:100%}

.box{ background:url(../images/bg_content.png) repeat; height:512px;}

#splash{}
#caption{ padding-top:207px; position:relative; height:196px; width:500px; overflow:hidden}
#caption li{ font-size:53px; line-height:1.2em; color:#fff; text-transform:uppercase; letter-spacing:-3px; position:absolute; left:-1500px;}
#caption li span{ display:block; margin-top:-11px;}

figure{ float:left; background:#8e96a5; padding:4px;}

.pad_bot1{ padding-bottom:23px}
.marg_right1{ margin-right:19px;}

.button1{ display:inline-block; position:relative; font-size:18px; color:#fff; text-transform:uppercase; line-height:34px;}
.button1 span{ position:relative; padding:0 18px;}
.button1 strong, .button1 em{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/button_bg.jpg) repeat;}
.button1 em{ background:url(../images/button_bg_active.png) repeat;}
.button1:hover{ color:#fff}

.link1{ display:inline-block; font-size:18px; color:#fff; text-transform:uppercase; padding-left:28px; background:url(../images/marker_1.gif) 0 3px no-repeat; margin-top:10px; line-height:1.2em; margin-bottom:15px;}
.link1:hover{ color:#8d98a5;}

#gallery1{ width:950px !important;}
#gallery1 li{ float:left; width:310px; margin-right:10px;}
.box2{ background:url(../images/bg_box2.png) repeat;}
.box2 .pad{ padding:17px 22px 0;}
.box2 p{ padding-bottom:14px}
.box2 .button1{ float:right;}
.box2 .bord{ float:left; padding:4px; background:#8e96a5;}

.prev, .next{ position:absolute; top:41px; right:38px; background:url(../images/markers.png) 0 bottom no-repeat; display:block; width:34px; height:34px;}
.next{ right:0; background-position: right 0;}
.prev:hover{ background-position:0 0}
.next:hover{ background-position: right bottom}

.col1{ width:200px; float:left;}
.col2{ width:30px; float:left;}
#page_Contacts .col1{ width:75px;}

.tabs img{ padding-top:4px;}
.tabs p{ padding-bottom:36px;}
.tab-content{ min-height:342px;}

.nav{ margin-top:-16px;}
.nav li{ float:left; padding-right:4px;}
.nav a{ display:block; width:36px; font-size:18px; line-height:34px; color:#fff; text-align:center; background:url(../images/button_bg_active.png) repeat}
.nav a:hover, .nav .selected a{ background:url(../images/button_bg.jpg) repeat; color:#fff}

.scroll{height:335px; width:860px; overflow:hidden}
.track{ width:1px; height:355px; padding:30px 0; top: 50px !important; left:900px !important; background:#646773}
.shuttle{ width:5px; height:55px; background:#b4bac6; margin-left:-2px;}
._up-butt, ._down-butt{ height:0px !important;}


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

footer { height:127px;}
footer a{}
footer a:hover{}

#pagination{ float:right; padding:22px 0 16px}
#pagination li{ float:left;}
#pagination a{ display:block; width:11px; height:11px; background:url(../images/buttons.png) right 0 no-repeat}
#pagination a:hover, #pagination .active a{ background-position:left}

.box1{ background:url(../images/footer_bg.png) repeat; height:60px; padding:0 42px 0 32px; color:#e7e7e7; text-transform:uppercase; line-height:58px;}
.box1 a{ color:#e7e7e7}
.box1 a:hover{ text-decoration:underline;}

#icons{ float:right; padding-top:13px}
#icons li{ float:left; padding-left:3px;}
#icons a{ position:relative; display:block; width:34px; height:34px;}
#icons img{ position:absolute; top:0; left:0;}

/* Tooltips */
.aToolTip { background: url(../images/footer_bg.png) repeat; color:#fff;	margin:0; padding:2px 10px 3px; font-size:12px; line-height:1.2em; position: absolute;}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0;}

.links{ float:right; padding:0 323px 0 0;}
.links li{ float:left; padding-right:11px; margin-right:7px; background:url(../images/footer_marker.gif) right 28px no-repeat; line-height:60px;}
.links a{ font-size:11px; color:#b3c8db;}
.links .last{ padding-right:0; margin-right:0; background:none}

#home{ float:right; position:relative; margin-top:18px; background:url(../images/home.png) 0 0 no-repeat; width:42px; height:42px;}
#home img{ position:absolute; top:12px; left:9px;}


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

#ContactForm{ position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{display:none; bottom:0; left:0; position:absolute;}
#ContactForm label{ position:relative;min-height:28px; display: inline-block;}
#ContactForm .message{ height:206px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:12px; float:right;}
#ContactForm .input { margin:0;width:211px; height:16px; background: none; padding:5px 8px;color:#646773; font:13px MyFont, Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:371px; height:162px; background: none; padding:5px 8px;color:#646773; font:13px MyFont, Arial, Helvetica, sans-serif;}


#ContactForm  .bg{ background: url(../images/bg_form.png) repeat;  position:relative; display:inline-block; border:1px solid #383e49;box-shadow: 2px 2px 3px rgba(0, 0, 0, .12); -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, .12); -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, .12); }