/* Left & Right alignment */

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

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

body{ background: url(../images/bg.gif) center center repeat; border:0; font:12px Arial, Helvetica, sans-serif; color:#4a4a4a; line-height:18px; min-width:940px; overflow:hidden}

.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.gif) center center repeat #0d0d0d; 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}

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

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

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


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

a{ color:#fff; text-decoration: none; outline:none}
a:hover{}
h1{ padding:30px 0 0 356px;}
h2{ font:30px 'Bangers', cursive; line-height:1.2em; color:#fff; text-transform:uppercase; margin-top:-3px; padding-bottom:27px}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ position:relative; z-index:10}

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

#menu { padding-top:12px; height:68px}
#menu > li { float:left; width:179px; margin-right:11px; position: relative; background:url(../images/bg_menu.png) 0 0 no-repeat}
#menu .last{ margin-right:0;}
#menu > li > span{ position:absolute; top:0; left:0; background:url(../images/bg_menu_active.png) 0 0 no-repeat; width:100%; height:68px;}
#menu > li > a{ display:block; position:relative; font:20px 'Bangers', cursive; line-height:68px; text-align:center; color:#4c4c4c;}
#menu > li > a:hover, #menu > .active > a{ }

.submenu{ position:absolute; width:179px; top:70px; left:0}
.submenu li{ margin-bottom:2px; position:relative; background:url(../images/submenu_bg.png) 0 0 no-repeat}
.submenu a{ display:block; font:20px 'Bangers', cursive; line-height:48px; text-align:center; color:#4c4c4c; position: relative}
.submenu span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/submenu_bg_active.png) 0 0 no-repeat}

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

#content{ padding-top:53px; padding-bottom:56px;}
#content > ul > li{
	position:relative;
	height:419px;
	z-index:1;
	overflow: visible;
}

.bg_cont{ position:absolute; top:210px; left:470px; height:0; width:0}

#gallery1 { top:-12px; position:relative}
#gallery1 li{ position:absolute; width:278px; height:373px; left:329px; top:0px;}
#gallery1 a{
	position:relative;
	display: inline-block;
	overflow: visible;
}
#gallery1 > ul span{ position:relative; display:block; background: url(../images/img_hover.png) 0 0 no-repeat}
#gallery1 img{}

.scroll_gallery{ background: url(../images/scroll_track.png) 0 0 no-repeat; width:470px; height:35px; position:absolute; top:419px; left:195px; padding:0 40px; padding-top:14px;}
.scroll_drag{ position: relative; background: url(../images/scroll_drag.png) 0 0 no-repeat; width:29px; height:29px; top:0px; left:0; cursor:pointer; display:block;}

.pad{ padding:56px 30px 32px; position:relative}
.pad_left1{ padding-left:60px;}
.pad_bot1{ padding-bottom:22px;}
.marg_right1{ margin-right:20px;}
#page_models .pad_left1{ padding-left:95px;}

.min_height{ min-height:331px;}

.line1{ background:url(../images/line_vert1.png) 440px 0 repeat-y;}

.link1{ font-size:10px; text-transform:uppercase; position:relative;}
.link1 span{ position:absolute; background:#707070; height:1px; width:100%; left:0; bottom:0px;}

.scroll{height:250px; width:335px; overflow:hidden; margin-bottom:12px}
.track{ width:31px; height:272px; padding:16px 0; top:14px !important; left:370px !important; background: url(../images/scroll2_track.png) 0 0 no-repeat}
.shuttle{ width:29px; height:29px; background: url(../images/scroll2_drag.png) 0 0 no-repeat; margin-left:2px;}
._up-butt, ._down-butt{ height:0px !important;}

#page_models .scroll{width:810px;}
#page_models .track{left:840px !important;}

.date{ width:50px; float:left; margin-right:10px; text-align:center; font:50px 'Bangers', cursive; color:#3a3a3a; line-height:1.2em; margin-top:-10px;}
.date span{ display:block; font-size:20px; line-height:1.2em; margin-top:-9px}

.news li{ padding-bottom:30px;}
.news a{ overflow:hidden; display:block}
.news strong{ font-weight:normal; font-size:15px; display:block; padding-bottom:5px; color:#fff;}
.news .text{  color:#4a4a4a;}

.news a:hover .text{ text-decoration:underline}

#page_privacy .font1{ font-size:10px; text-transform:uppercase}

.color1{ color:#fff;}

.models{ color:#747474; line-height:30px;}
.models span{color:#fff; float:right}
.models .font1{font-size:14px; color:#fff; padding-bottom:10px;}

.list1{}
.list1 li{ padding-bottom:24px;}
.list1 a{ background:url(../images/marker_1.png) 0 1px no-repeat; padding-left:21px;}

#map{border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; margin-bottom:26px; display:inline-block}

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

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

footer { font-size:11px; line-height:20px; text-transform:uppercase; text-align:center; color:#636363; padding-bottom:30px;}
footer a{ color:#636363;}
footer a:hover{ }

#icons{ padding:0 0 0 370px; height:54px;}
#icons li{ float:left; padding-right:10px;}
#icons a{ position:relative; display:block;}
#icons .img_act{ position:absolute; top:0; left:0;}

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

#ContactForm{ width:400px; position:relative; padding-bottom:16px;}
#ContactForm .wrapper{ overflow:inherit; min-height:43px;}
#ContactForm .success{ display:none; position:absolute; left:0; bottom:0}
#ContactForm label{ position:relative;min-height:36px; display: inline-block;}
#ContactForm .message{ height:108px;}
#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 a span{ bottom:2px;}
#ContactForm .input { margin:0;width:276px; height:14px; background:#2b2a2a; border:1px solid #6a6868; padding:10px 16px;color:#fff; font:12px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:366px; height:76px; background:#2b2a2a; border:1px solid #6a6868; padding:10px 16px;color:#fff; font:12px Arial, Helvetica, sans-serif; resize:none}


#ContactForm  .bg{ display:inline-block}