/* 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: url(../images/bg.jpg) center center no-repeat #131313; border:0; font:13px Arial, Helvetica, sans-serif; color:#424242; line-height:18px; min-width:980px; overflow:hidden;}
body, html{ width:100%; height:100%}

.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 ============================================================= */

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

.spinner{ position:absolute; z-index:99; background: url(../images/loader.gif) 50% 50% no-repeat #131313; width:100%; height:100%; top:0; left:0}

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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#424242;}
h1{ padding:32px 0 0 0; float:left;}
h2{ font-size:20px; color:#fff; line-height:1.2em; padding-bottom:23px; text-transform:uppercase; margin-top:-3px; letter-spacing:-1px; word-spacing:3px;}
h3{ font-size:14px; color:#848484; text-transform:uppercase; padding:4px 0 9px 0; line-height:1.2em; word-spacing:2px;}
p{
	padding-bottom:15px;
}

/* ============================= header ====================== */
header{ height:161px;}

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

#back{ float:right; background:url(../images/back.png) 0 0 no-repeat; padding-left:40px; font-size:17px; line-height:1.2em; margin-top:75px; text-transform:uppercase; word-spacing:1px; padding-top:1px;}
#back span{ display:block; margin-top:-2px;}

.menu{ position:relative; height:285px;}
#menu { background:url(../images/splash_menu_bg.jpg) 0 0 no-repeat; height:81px;}
#menu > li { float:left; position:relative; width:196px;}
#menu > li > a{ display:block; width:196px; font-size:20px; color:#1d1d1d; text-transform:uppercase; text-align:center; line-height:84px; height:81px; letter-spacing:-1px;}  
#menu > li > a span{ position:relative; display:block;}
#menu > li > a strong{ color:#fff; background:#202020; position:absolute; display:block; top:0; left:0; width:100%; height:81px}
#menu > li > a:hover, #menu > .active > a{ }

.submenu_1{ position:absolute; top:82px; left:0; width:196px; background:#202020; padding:27px 0 32px 0; z-index:98}
.submenu_1 li{ line-height:25px; position:relative;}
.submenu_1 a{ display:block; text-align:center; font-size:20px;}
.submenu_1 li:hover > a{ color:#444444;}

.submenu_2{ position:absolute; top:-26px; left:197px; width:196px; background:#202020; padding:26px 0 26px 0;}

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

#content{ height:514px; width:100%; position:relative}
#content > ul{ position:absolute;height:433px; width:100%; bottom:0; background:#1b1b1b;}
#content > ul > li{ position:relative;height:433px; width:100%; bottom:0;}

#splash{ background:url(../images/splash_menu_bg.jpg) 0 0 no-repeat; position: absolute; bottom:0; width:100%; height:514px;}

.splash_menu{ height:514px; overflow:hidden}
.splash_menu li{ float:left; width:196px;}
.splash_menu a{ position:relative; display:block; padding-top:247px; font-size:30px; color:#1d1d1d; text-transform:uppercase; line-height:1.2em; text-align:center; letter-spacing:-1px; height:267px}
.splash_menu img{ position:absolute; top:0; left:0; z-index:2}
.splash_menu span{ position:relative; z-index:1}

.box{ background:#1b1b1b; padding:39px 20px 41px 20px;}

.line1{ background:url(../images/line_vert1.gif) 306px 0 repeat-y}
.line2{ background:url(../images/line_vert1.gif) 632px 0 repeat-y}

.height{ height:353px;}

.pad_left1{ padding-left:41px;}
.pad_bot1{ padding-bottom:36px;}
.pad_bot2{ padding-bottom:26px;}
.marg_right1{ margin-right:20px;}

.link1{ font-size:10px; text-transform:uppercase;}

.list1{ margin-top:-4px;}
.list1 li{ line-height:26px;}
.list1 a{ color:#424242; padding-left:15px; background:url(../images/marker_1.gif) 0 5px no-repeat;}
.list1 a:hover{ color:#fff}

.font1{ color:#848484; text-transform:uppercase}
.font1 span{ color:#fff;}

.scroll{height:110px; width:100%; overflow:hidden}
.track{ width:58px; height:29px; background: none; padding:0 0; top: 164px !important; left:0 !important; bottom:0 !important}
.shuttle{ width:0; height:0; background: none}
._up-butt, ._down-butt{ width:29px !important; height:29px !important; display:block; background:url(../images/markers.png) 0 0 no-repeat;}
._up-butt{ background-position:right 0; left:29px !important;}
._down-butt:hover{ background-position:0 bottom}
._up-butt:hover{ background-position: right bottom}

#page_about .scroll{ height:306px;}
#page_about .track{ width:58px; height:29px; background: none; padding:0 0; top:-21px !important; left:556px !important}

.quot{ background:url(../images/quot.gif) 0 5px no-repeat; padding-left:30px;}

.color1{ color:#fff}

#gallery .col1{ width:461px;}
.gallery1_big_img{ position:relative; width:458px; height:332px; float:left; margin-right:20px}
.gallery1_big_img img{ position:absolute; top:0; left:0}

.caption{ position:relative; height:212px; width:100%;}
.caption > div{ position:absolute;}

#gallery1{}

.prev{ float:left; margin-right:3px;}
#gallery1{ float:left; width:428px !important; margin-right:4px;}
#gallery1 li{ float:left; margin-right:4px;}
.next{ float:left;}

.address{
	float: left;
	width:250px;
	position: relative;
	margin-right: 40px;
	margin-top: 20px;
}

#map{ float:left; margin-right:20px; margin-top:4px;}

#page_privacy .col1{ width:675px;}

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

footer { height:35px; padding-top:60px; font-size:10px; color:#fff; text-transform:uppercase; line-height:24px}
footer a{ padding-left:6px; margin-left:1px; background:url(../images/bull.png) 0 5px no-repeat}
footer a:hover{}
footer img{ display:inline-block; padding-top:9px}

#social{ float:right}
#social li{ float:left;}
#social .first a{ background:none}

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

#ContactForm{ position:relative}
#ContactForm .wrapper{ overflow:inherit; min-height:40px;}
#ContactForm .success{ padding:15px 30px; display:none; position:absolute; top:100px; background:#fff; left:0; right:0; z-index:2; color:#000; border:1px solid #b3b3b3}
#ContactForm label{ position:relative;min-height:32px; display: inline-block; z-index:1;}
#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:24px; float:right; text-decoration:underline; color:#5f5f5f}
#ContactForm a:hover{ color:#fff;}
#ContactForm .input { margin:0;width:186px; height:16px; background: none; padding:8px 10px;color:#b3b3b3; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0; width:266px; height:182px; background: none; padding:8px 10px;color:#b3b3b3; font:13px Arial, Helvetica, sans-serif;}


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

.regcolor{
	color:#666!important;
}
.address p{
	font-size:12px;
	color:#DDD;
}