/* 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;}

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

body{ background:#000; border:0; font:14px Tahoma, Geneva, sans-serif; color:#777777; line-height:19px; min-width:960px;}

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

.body1{ background: url(../images/bg_top.png) top repeat-x; height:67px; position:relative; z-index:3} 

.bg_spinner{ width:100%; height:100%; position:fixed; z-index:0; background:url(../images/ajax-loader.gif) 50% 88% no-repeat}
#bgSlider{ position:fixed; z-index:-1}
#bgSlider img{ left:50%!important}

.pager{ position:absolute; right:9px; top:29px}
.pager li{ float:left; padding-left:7px;}
.pager a{ display:block; background:url(../images/buttons.gif) right 0 no-repeat; width:14px; height:14px;}
.pager a:hover, .pager .current a{ background-position:left}


.block {height:72px;}
.extra {min-height:100%; height: auto; margin: 0 auto -72px; position:relative}
body, html {height:100%;}
.min_height{ position:relative; min-height:400px;}


.body2{ background:url(../images/bg_bot.png) bottom repeat-x; height:72px;}

.splash{ width:440px; height:277px; position: absolute; z-index:1; top:50%; margin-top:-139px; left:50%; margin-left:-220px; text-align:center}

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

a{ color:#000000; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{}
h2{ font-size:40px; color:#000000; line-height:1.2em; padding:0 0 17px 0; letter-spacing:-1px;}
p{ padding-bottom:19px;}

/* ============================= header ====================== */
header{ display:none;}

#logo1{ display:block; background:url(../images/logo1.png) no-repeat; width:440px; height:167px; text-indent:-9999px;}
.button_enter{ display:inline-block; margin-top:37px; font-weight:400; width:177px; height:73px; background:url(../images/button_enter.png) 0 0 no-repeat; text-align:center; font-size:54px; line-height:1.1em; color:#000000; position:relative; text-decoration:none}
.button_enter span{ display:block; position:absolute; top:5px; left:5px; width:167px; height:63px; background: url(../images/hover_mask.jpg) -200px -200px no-repeat #fff;border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px;}

#logo2{ float:left; background:url(../images/logo2.png) 0 0 no-repeat; width:235px; height:50px; text-indent:-9999px; margin-top:5px;}

.menu { float:left; padding-top:15px; padding-right:15px;}
.menu > li { float:left; margin-left:15px; position:relative;}
.menu > li > a{ display:block; position:relative; font-size:18px; color:#fff; line-height:30px; padding:0 15px; background:url(../images/hover_mask.jpg) -500px -500px no-repeat #000; text-decoration:none;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
.menu > li:hover > a, .menu > .active > a{ color:#000;}

.menu1{ padding-left:15px;}
.menu2{ padding-right:0}



.menu .ul_1{ position:absolute; left:0; width:100%; top:33px; z-index:99; padding-right:1px;}
.menu .ul_1  li{ position:relative; padding-bottom:1px;}
.menu .ul_1  li a{ display:block; background: url(../images/menu_left.png) 0 0 no-repeat;font-size:18px; line-height:30px; text-align:center; color:#fff; text-decoration:none;}
.menu .ul_1  li a span{ display:block; background:url(../images/menu_right.png) right 0 no-repeat;}
.menu .ul_1  li a span span{ background:url(../images/menu_bg.gif) top repeat-x; margin:0 8px;}

.menu .ul_2{ position:absolute; right:-106px; width:106px; top:0px;}

.menu .ul_1  li:hover > a{ color:#bbb}


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

.box_content{ position:relative; min-height:771px; z-index:1}

#content{ height:671px; top:50%;  margin-top:-336px; position: absolute; width:950px; left:50%; margin-left:-475px;}
#content article{height:671px; width:100%;  position: absolute}

.box{ background:#fff; position: absolute; top:336px; left:475px; width:0; height:0;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.text{ position:relative; z-index:1}

.close{ position:absolute; top:-16px; right:-13px; width:60px; height:60px; display:block; z-index:2}
.close img{ position:absolute; top:30px; left:30px; width:0; height:0; z-index:1}

.pad_top1{ padding-top:53px;}
.pad_bot1{ padding-bottom:22px;}
.pad_bot2{ padding-bottom:10px;}

.link1{ font:19px Arial, Helvetica, sans-serif; color:#0c0b0f; display:inline-block; text-decoration:none; line-height:1.2em; padding-right:25px; position:relative}
.link1 span{position:absolute; top:2px; right:0; width:19px; height:19px;}
.link1 img{ position:absolute; top:10px; left:10px; width:0; height:0; z-index:1; max-height:19px; max-width:19px}
.link1 .img{ top:0; left:0; width:100%; height:100%}
.link1:hover{ color:#b2b2b2}

.under{ padding-bottom:33px; background:url(../images/line_hor1.gif) 0 bottom repeat-x; margin-bottom:10px;}

#gallery1_box{ position:relative;width:870px;overflow:hidden; padding-top:5px;}
#gallery1{ position:relative;}
#gallery1 li{ float:left; width:390px; padding-right:48px; margin-right:42px; background: url(../images/line_ver1.gif) right 0 repeat-y;}
.prev, .next{ display:block; width:60px; height:60px; position:relative; margin-top:33px; float:right; margin-right:-6px;}
.prev img, .next img{ position:absolute; top:30px; left:30px; width:0; height:0; z-index:1}
.prev .img, .next .img{ top:0; left:0; width:100%; height:100%;}
.prev{ margin-right:-2px;}

.color1{ color:#000}

/*--- tabs begin ---*/
.tabs { width:100%; overflow:hidden;}
.tabs ul.nav { padding-top:112px;}
.tabs ul.nav li{ font:19px Arial, Helvetica, sans-serif; line-height:30px}
.tabs ul.nav li a{ color:#b2b2b2; padding-left:28px; display:inline-block; text-decoration:none; position:relative}
.tabs ul.nav li a span{ width:19px; height:19px; position:absolute; top:6px; left:0; z-index:1}
.tabs ul.nav li a span img{ position:absolute; top:10px; left:10px; width:0; height:0; z-index:1;}
.tabs ul.nav li a span .img{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2;}

.tabs ul.nav .selected a, .tabs ul.nav  a:hover{ color:#000000}
.tabs ul.nav .selected a span .img_act{top:0px !important; left:0px !important; width:100% !important; height:100% !important;}
.tabs ul.nav .selected a span .img{top:10px !important; left:10px !important; width:0 !important; height:0 !important;}
.tabs .tab-content { width:100%; overflow:hidden;}
/*--- tabs end ---*/

.gallery { width:286px; margin-right:18px; padding-top:5px; float:left; min-height:500px;}
.gallery li{ padding-right:5px; padding-bottom:5px; float:left;}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; background:#fff}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/magnify.png) no-repeat 50% 50%;z-index:1;}
.pp_nav{ padding-bottom:0; }
.pp_description{ padding-bottom:0;}
.pp_details{ margin-bottom:-15px !important;}

/* =========== gallery ========= */
#galleryfic_gallery{width:100%;overflow:hidden; z-index:1;}
	div.content {/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */	display: none;width: 475px; position:relative;z-index:1; float: right; }
		div.content a, div.navigation a {text-decoration: none;}
		div.content a:focus, div.content a:hover, div.content a:active {}
		div.slideshow-container {position: relative;		clear: both;		height:671px;width:475px; float: right; /* This should be set to be at least the height of the largest image in the slideshow */z-index:1}
	div.loader {position: absolute;	top: 0;	left: 0; width:100%; height:100%; background:url(../images/loader.gif) center center no-repeat}
	div.slideshow {height:671px;width:475px;overflow:hidden; float:left;}
	div.slideshow span.image-wrapper {display: block;position: absolute;top: 0;left: 0;height:671px;width:475px;}
	div.slideshow a.advance-link { position:relative;display: block;width: 475px;height: 671px; font-size:0; line-height:0; /* This should be set to be at least the height of the largest image in the slideshow */text-align: center;overflow:hidden; text-decoration:none}
	div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none;}
	div.slideshow img {	position: relative;left:0;top:0;	padding:0}
	div.slideshow.noborder img {padding:0;border:none;}
	
	.navigation { float: left; width:400px; padding-top:64px; position:relative; z-index:1; overflow:hidden; padding-bottom:80px;}
	
	ul.thumbs {	clear: both;	margin: 0;padding: 0;width:100%; height:470px;overflow:hidden;}
	ul.thumbs li {float: left;background:none !important;list-style: none; padding-left:0; padding-right:10px; padding-bottom:9px;}

	ul.thumbs li.last {padding-right:0;}
	a.thumb {display: block;}
	ul.thumbs li.selected a.thumb {	}
	a.thumb:focus {	outline: none;}
	ul.thumbs img {	border: none;display: block;}
	
/* Pagination */
div.pagination {width:400px;position: absolute; margin-top:33px; font:13px Arial, Helvetica, sans-serif; z-index:1}
div.navigation div.top {display:none; /* optional disabled */}

div.pagination{ line-height:19px; color:#000000; text-decoration:none; font:14px Tahoma, Geneva, sans-serif}
div.pagination a{ color:#777777; text-decoration:none; margin-right:20px; display:inline-block}
div.pagination a:hover{ color:#000000}
div.pagination span{ text-decoration: none; margin-right:20px; display:inline-block}

div.pagination a.prev_1, div.pagination a.next_1 { float: right; height:60px; width:60px; text-indent:-9999px; right:5px; top:-21px; position: absolute; margin-right:0}
a.prev_1 img, a.next_1 img{ position:absolute; top:30px; left:30px; width:0; height:0; z-index:1}
a.prev_1 .img, a.next_1 .img{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:2}
div.pagination a.prev_1 { right:68px;}
.bottom{ z-index:3; position: relative;}
.bottom a.prev_1, .bottom a.next_1{ height:60px; z-index:3; cursor:pointer;}

iframe{ margin-top:5px; margin-bottom:26px;}

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

footer { font:11px Arial, Helvetica, sans-serif; color:#fff; text-align:center;}
footer a{ color:#fff}

#footer_menu { display:inline-block; padding:18px 0 9px 0}
* +html #footer_menu{ display:inline}
#footer_menu li{ float:left; padding-left:24px; padding-right:6px;}
#footer_menu li a{ text-decoration:none;}
#footer_menu li a:hover, #footer_menu .active a{ text-decoration:underline}

#footer_logo{ font-size:24px; color:#fff; line-height:1.2em; padding-right:5px; display:inline-block; margin-top:-7px; text-decoration:none;}

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

#contact-form { width:100%; position:relative;}
#contact-form .link1{ float:right; margin-left:17px;}
#back{ float:right;}
#contact-form input {  width:368px; background:#fff; border:1px solid #b2b2b2; margin-top:5px; padding:7px 10px;  float:left; font:14px Tahoma, Geneva, sans-serif; color:#777777; height:16px;}
#contact-form textarea { overflow: auto; width:368px; background:#fff; border:1px solid #b2b2b2; margin:0; margin-top:5px; padding:7px 10px;  float:left; font:14px Tahoma, Geneva, sans-serif; color:#777777; height:225px;}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:60px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:275px; overflow:hidden; padding-bottom:10px}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;font-size:11px; left:10px;top:-1px; margin-bottom:0px}
#contact-form .error {color:#000;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{padding:16px 30px;background:#ffff; border:1px solid #b2b2b2;}
#contact-form .bg{ float:left; }