
/* Left & Right alignment */

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

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

body{ background: url(../images/bg.jpg) 0 0 repeat #e7e7e7; border:0; font:12px Arial, Helvetica, sans-serif; color:#797979; line-height:20px; min-width:970px;}

.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;}

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


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

.main {	margin: 0 auto;	width: 870px; padding:0 50px; position:relative;}

.center{ margin-top:32px; position:relative; width:100%; overflow:hidden}

.top_line{ position:absolute; top:12px; left:0; width:50px; height:34px; background:url(../images/top_line.jpg) 0 0 repeat-x}

.bg{position:absolute; top:0; left:0; width:100%; height:100%}
.bg > div { position:fixed; z-index:-1; width:100%; height:100%}
#img1{ background:url(../images/bg1.jpg) center 0 no-repeat}
#img2{ background:url(../images/bg2.jpg) center 0 no-repeat}
#img3{ background:url(../images/bg3.jpg) center 0 no-repeat}
#img4{ background:url(../images/bg4.jpg) center 0 no-repeat}


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

a{ color:#797979; text-decoration:none; outline:none}
a:hover{}
h1{ padding:0 0 0 10px;}
h2{ font-size:120px; line-height:1.2em; padding:111px 0 0 0; font-weight:bold; color:#252525; text-transform:uppercase; letter-spacing:-10px; position:relative;}
h2.pad_top1{ padding-top:206px;}
h3{ font:35px 'Days One', sans-serif; color:#2d2d2d; line-height:1.2em; padding:9px 0 21px 0; font-weight:normal} 
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ }

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

.menu{ top:160px; position:absolute; left:50px;}
#menu {}
#menu > li { margin-top:-49px; position:relative; float:left; clear:both}
#menu > li > span{ position:relative; display:block}
#menu > li > span a{ font-size:120px; line-height:1.2em; font-weight:bold; color:#252525; text-transform:uppercase; letter-spacing:-10px;}

.submenu_1{ position:absolute; top:30px; width:163px; padding:23px 0; background:#222222; right:-173px;}
.submenu_1 li{ position:relative; font:20px 'Days One', sans-serif; line-height:30px; background:#131313}
.submenu_1 a{ display:block; color:#fff; position:relative; padding:0 23px;}
.submenu_1 span{ position: absolute; top:0; left:0; width:100%; height:100%; background:#5f5f5f}

.submenu_2{ position:absolute; top:-23px; width:163px; padding:23px 0; background:#222222; left:164px;}
.submenu_2 li{ font-size:14px;}


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

#content{ position:relative; height:766px;}
#content > ul{ position:absolute; width:100%}
#content > ul > li{ position:relative; width:100%;}

.link1, .link2{ position: relative; display:inline-block}
.link1 span, .link2 span{ position:absolute; bottom:2px; width:0; height:1px;}
.link2 span{ width:100%;}


.box{ display:block; padding:44px 30px 0 40px; height:452px; background:#fff; width:800px; position: relative; top:-22px;}

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

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

.list1{}
.list1 li{ padding-bottom:10px; font-size:14px;}
.list1 a{ padding-left:23px; background:url(../images/marker_1.gif) 0 5px no-repeat;}

.gallery{ background:#0b0b0b; width:100%; position:relative; overflow:hidden; top:-22px; height:290px;}
.gallery ul{ position: absolute; left:10px; top:10px;}
.gallery li{ float:left; margin-right:10px;}
.gallery a{ display:block; position:relative;}
.gallery span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/gallery_border.gif) 0 0 no-repeat}

.back{ font-size:13px; color:#2d2d2d; text-transform:uppercase; font-weight:bold; padding-left:26px; background:url(../images/back.gif) 0 0 no-repeat; position:relative; display:inline-block; margin-top:-2px;}
.back span{ position:absolute; top:0; left:0; width:19px; height:19px; background:url(../images/back_active.gif) 0 0 no-repeat}

.google_map{ float:left; margin-right:31px; width:510px; height:410px; background:#fff;}

.col1{ float:left; width:109px;}
#page_privacy .col1{ width:670px;}

.scroll{height:410px; width:700px; overflow:hidden;}
.track{ width:1px; height:430px; padding:30px 0; top:44px !important; left:735px !important; background:#ccc}
.shuttle{ width:5px; height:60px; background:#2d2d2d; margin-left:-2px;}
._up-butt, ._down-butt{ height:0px !important;}


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

footer { font-size:11px; text-transform:uppercase; color:#202020; height:100px;}
footer a{ color:#202020}
footer a:hover{}

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

