/* 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:11px 'Droid Sans', sans-serif; color:#777777; line-height:18px; min-width:960px; 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: #000; 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: 1200px; padding:0 5px; }

.bg1{ background:url(../images/bg_footer.png) repeat; margin-bottom:37px}
.bg2{ background:url(../images/bg_content.png) repeat; margin-bottom:158px; height:0}

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

a{ color:#777777; text-decoration: none; outline:none}
a:hover{
	text-decoration: none;
}
h1{ padding:82px 0 91px 0; margin-left:-4px; width:834px;}
h2{ font:31px 'Vidaloka', serif; color:#fff; font-weight:normal; line-height:1.2em; padding:11px 0 18px 0; text-transform:uppercase}
p{
	padding-bottom:18px;
}

/* ============================= header ====================== */
header{padding-top:30px;}

#logo{ display:block; text-indent:-9999px; position:relative; height:291px; }
#logo span{ display:block; background:url(../images/logo_splash.png) 0 0 no-repeat; width:834px; height:291px;}
#logo strong{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:862px; height:99px; position:absolute; top:0; left:0}

.menu{}
#menu { height:78px;}
#menu > li { float:left; margin-right:10px; width:230px; position:relative; background:#000}
#menu > li > a{ display:block;font-family: 'Vidaloka', serif; font-size:34px; color:#fff; line-height:78px; text-transform:uppercase; text-align:center; position:relative;}
#menu > li > span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff}
#menu > li > a:hover, #menu > .active > a{ }

.submenu_1{ position:absolute; top:79px; left:0; width:100%; }
.submenu_1 li { position:relative; width:100%; position:relative; margin-bottom:1px; background:#000;}
.submenu_1 li  a{ display:block;font-family: 'Vidaloka', serif; font-size:18px; color:#fff; line-height:38px; text-transform:uppercase; text-align:center; position:relative;}
.submenu_1 li span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff}
.submenu_2{ position:absolute; top:0px; left:231px; width:100%; }


#bg_pagination{ display:none}
#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;}

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

#content{ padding:71px 0 37px 0; position:relative;}
#content > ul { position:relative;}
#content > ul > li{
	position:relative;
	background:url(../images/bg_cont2.png) repeat;
	height:238px;
	width:950px;
}

.link1{ position:relative; display:inline-block;}
.link1 span{ position:absolute; bottom:1px; left:0; height:1px; width:0;}

.link2{
	position:relative;
	display: inline-block;
	color:#000;
	background-color: #FFF;
	border-radius: 3px; 
	padding-left:5px;
	padding-right: 5px;
}
.link2 span{ position:absolute; bottom:2px; left:0; height:1px; width:100%;}

.close{ position:absolute; top:17px; right:1px; text-transform:uppercase; color:#fff; padding-right:45px; line-height:38px;} 
.close span{ position:absolute; top:0; right:0; width:38px; height:38px; background:url(../images/close.png) 0 0 no-repeat}

.close2{ position:absolute; top:17px; left:1px; text-transform:uppercase; color:#fff; padding-left:0px; line-height:38px;} 

.pad{ padding:57px 24px 0 40px}
.pad_bot1{ padding-bottom:24px;}
.pad_bot2{ padding-bottom:4px;}
.pad_left1{ padding-left:60px;}

.font1{ text-transform:uppercase}
.color1{ color:#fff}

.link3{ display:inline-block; font:21px 'Vidaloka', serif; color:#fff; line-height:1.2em; padding-right:12px; background:url(../images/marker_1.gif) right 9px no-repeat}

#gallery1{
	width:860px !important;
	margin-top:5px;
}
#gallery1 li{ width:260px; margin-right:40px; float:left;}
#gallery1 a{ display:block; padding:20px; background:#fff; padding-bottom:15px;}
#gallery1 img{ width:220px; height:164px; margin-bottom:9px;}
#gallery1 span{ display:block; text-transform:uppercase}

.prev, .next{ position:absolute; top:72px; right:83px; height:37px; width:40px; background:url(../images/markers.png) 0 bottom no-repeat}
.next{ width:39px; background-position: right bottom; right:48px}

.next span, .prev span{ width:100%; height:100%; display:block; background:url(../images/markers.png) 0 0 no-repeat}
.next span{ background-position:right 0;}

.google_ma{ float:left; margin-right:24px; padding:5px; width:310px; height:234px; background:#fff; margin-top:5px;}

.scroll{height:230px; width:780px; overflow:hidden}
.track{ width:1px; height:230px; padding:30px 0; top:60px !important; left:870px !important; background:#777;}
.shuttle{ width:5px; height:55px; margin-left:-2px; background:#fff}
._up-butt, ._down-butt{ height:0px !important;}


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

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

#prev, #next{ float:left; margin-right:1px; position:relative; width:65px; height:66px;}
#prev span, #next span{ display:block; width:100%; height:100%;}
#prev{ background:url(../images/marker_left.png) 0 0 no-repeat}
#prev span{ background:url(../images/marker_left.gif) 0 0 no-repeat}
#next{ background:url(../images/marker_right.png) 0 0 no-repeat}
#next span{ background:url(../images/marker_right.gif) 0 0 no-repeat}

#footer_menu{ float:left; background:url(../images/menu_bg.png) 0 0 repeat; padding:25px 10px 23px;}
#footer_menu li{ float:left; padding-right:10px; background:url(../images/menu_line.png) right 4px no-repeat; margin-right:3px;} 
#footer_menu a{ display:block; font-size:14px; color:#fff; position:relative;}
#footer_menu span{ position:absolute; bottom:1px; left:0; height:1px; width:0; background:#fff}
#footer_menu .last{ background:none; padding-right:0}

footer .left{ padding-left:13px; padding-top:26px; text-transform:uppercase; color:#fff}
footer .left a{ color:#fff}

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

#ContactForm{ position:relative; padding-bottom:10px}
#ContactForm .wrapper{ overflow:inherit; min-height:30px;}
#ContactForm .success{display:none; position:absolute; bottom:0; left:68px;}
#ContactForm label{ position:relative;min-height:23px; display: inline-block; width:244px; margin-top:4px;}
#ContactForm .message{ height:158px;}
#ContactForm  span{ display:block;}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{
	margin-left:20px;
	float:right;
}
#ContactForm .input { margin:0;width:224px; height:15px; background:#fff; padding:4px 10px;color:#777; font:11px 'Droid Sans', sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;resize:none;width:224px; height:130px; background:#fff; padding:4px 10px;color:#777; font:11px 'Droid Sans', sans-serif;}
#ContactForm .col1{ width:68px;}


#ContactForm  .bg{display:inline-block;}
.bg2 .main #content .close2 a {
	color: #FFF;
}