/* 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:#000; border:0; font:13px Arial, Helvetica, sans-serif; color:#666666; line-height:20px; min-width:960px; overflow:hidden}

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

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

.bg1{ background:url(../images/bg_top.png) top repeat-x;}
.bg2{ background:url(../images/bg_footer.png) top repeat-x;}

.buttons{ position: absolute; top:130px; z-index:10; right:0px;}
.prev, .next{ position: relative; float:right; margin-left:5px; width:53px; height:53px;}
.prev span, .next span, .prev strong, .next strong{ position: absolute; width:100%; height:100%; top:0; left:0; background:url(../images/markers.png) no-repeat;}
.prev span{ background-position: 0 bottom}
.next span{ background-position:right 0}
.prev strong{ background-position:0 0;}
.next strong{ background-position:right bottom}

.bg_spinner{ position: absolute; width:100px; height:15px; top:150px; z-index:11; right:150px; background:url(../images/loader.gif) 50% 5px no-repeat}

.block {height:88px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -88px;}
body, html {height:100%;}

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

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{padding:20px 0 20px 0px;}
h2{ font-size:30px; color:#666666; line-height:1.2em; padding:4px 0 6px 0; margin-bottom:36px; background:url(../images/line_hor1.png) 0 bottom repeat-x; text-transform:uppercase}
.e{	background-image: url(../images/e.png);	background-repeat: no-repeat; background-position: 64px 5px;}
p{ padding-bottom:20px;}

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

#logo{display:block;text-indent:-9999px;background:url(../images/logo_little_up.png) 0 0 no-repeat;width:285px;height:165px;position: absolute;	z-index: 20;left: 0px;top: 10px;bottom: 20px;}

.menu{padding-left:400px;position:absolute;z-index: 5;top:64px;}
#menu > li { float:left; position:relative}
#menu > li > span{ position:absolute; width:100%; height:100%; top:0; left:0; background:#E2001A}
#menu > li > a{
	position:relative;
	display:block;
	padding:0 20px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight: bolder;
	font-size:15px;
	line-height:58px;
	overflow:hidden;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #000;
}
#menu > li > a:hover, #menu > .active > a{}

.submenu_1{	position:absolute; top:58px; left:-15px; width:137px;}

.submenu_1 li{padding-bottom:1px;font-size:22px;line-height:41px;position:relative;}
.submenu_1 a{ display:block; position:relative; background:url(../images/submenu_bg.png) 0 0 repeat-x ; text-align:center; color:#fff;text-decoration:none;}
.submenu_1 li:hover > a{ background:url(../images/submenu_bg_active.png) 0 0 repeat-x; color:#101010;}

.submenu ul{ display:none}

.submenu_2{ position:absolute; top:58px; left:-15px; width:137px;}
.submenu_2 li{padding-bottom:1px;font-size:13px;line-height:41px;position:relative;}
.submenu_2 a{ display:block; position:relative; background:url(../images/submenu_bg.png) 0 0 repeat-x ; text-align:center; color:#fff;text-decoration:none;}
.submenu_2 li:hover > a{ background:url(../images/submenu_bg_active.png) 0 0 repeat-x; color:#101010;}


.search{ height:44px;}
#search{ float:right; background:url(../images/psw.png) 0 0 no-repeat; width:400px; height:34px; margin:5px 9px 0 0px;}

.search a{ color:#7f7f7f; text-decoration:none;}
.search a:hover{ color:#fff;}

.login{ float:right; padding-top:13px;}
.login li{ float:left; padding-right:16px; margin-right:10px; background:url(../images/top_line.gif) right 4px no-repeat}
.login .last{ background:none; padding-right:0; margin-right:0}

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

#content{ height:0px; padding:0 0px;}

#content > ul > li{ width:960px; position:relative}

.close{ position:absolute; top:10px; right:10px; width:18px; height:20px; background:url(../images/close.gif) 0 bottom no-repeat; display:block}
.close:hover{ background-position:top}

.psw{position:absolute;left: 400px;	top:8px;width:520px;height:44px;background:url(../images/psw.png) 0 bottom no-repeat;display:block;}
.psw:hover{ background-position:top}

.shop{ position:absolute; top:80px; right:20px; width:53px; height:53px; background:url(../images/shop.png) 0 bottom no-repeat; display:block}
.shop:hover{ background-position:top}

.box{ background:url(../images/bg_content.png) 0 0 no-repeat; padding:0px 0px 0px 0px; width:960px; height:530px;}

.pad_top1{ padding-top:4px;}
.pad_bot1{ padding-bottom:34px;}
.pad_bot2{ padding-bottom:24px;}
.pad_left1{ padding-left:20px;}
.marg_right1{ margin-right:22px;}


.nav{ overflow:hidden; background:url(../images/line_hor1.png) 0 bottom repeat-x; margin-bottom:36px;}
.nav li{ float:left; padding-right:19px; margin-right:20px; background:url(../images/line_vert1.png) right bottom no-repeat; margin-bottom:1px;}
.nav a{ display:block; overflow:hidden; font-size:30px; color:#fff; text-transform:uppercase; line-height:1.2em; text-decoration:none; padding:4px 0 5px 0}
.nav a:hover, .nav .selected a{ color:#f610bd}
.nav .last{ background:none}

.underline{ background:url(../images/line_hor2.png) 0 bottom repeat-x; padding-bottom:7px; margin-bottom:20px;}

.scroll{height:395px; width:100%; overflow:hidden}
.track{ background: url(../images/scroll_track.png) 0 0 no-repeat; left:640px; top:-1px; width:31px; position:absolute; height:537px; padding:60px 0;}
.shuttle{ width:21px; height:107px; background: url(../images/scroll_drag.png) 0 0 no-repeat; margin-left:5px;}
._up-butt, ._down-butt{ height:0 !important}

#page_home .scroll{height:295px;}


.button1{ display:inline-block; font-size:24px; color:#ebdbb7; text-transform:uppercase; text-decoration:none; padding:2px 11px 0 12px; background:url(../images/button1_bg.gif) top repeat-x #4f176d; line-height:33px;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative;}
.button1 span{ padding-right:15px; background:url(../images/marker_1.gif) right 9px no-repeat; display:block;}
.button1:hover{ background:url(../images/submenu_bg.gif) 0 0 repeat-x #333333; color:#fff;}
.button1:hover span{ background-position: right -21px;}

.color1{ color:#fff;}
.color2{ color:#f610bd}
.color2 a{ color:#f610bd; text-decoration:none}
.color2 a:hover{ text-decoration:underline;}

.link1{ color:#fff; text-decoration:none;}
.link1:hover{ color:#f610bd;}

.quot{background:url(../images/quot.png) 0 5px no-repeat; color:#fff; font-style:italic; padding:2px 20px 0 25px;}

.font1{ font-size:36px; text-align:right; color:#fff; padding:8px 48px 20px 0; line-height:1.2em; letter-spacing:3px; word-spacing:-4px; overflow:hidden}

#gallery1{}
#gallery1 li{float:left;padding-right:20px;padding-bottom:40px;padding-left: 20px;}
#gallery1 a{ display:block; position:relative}
#gallery1 .bord{ position:absolute; top:0; left:0;}
#gallery1 .last{ padding-right:0;}
#gallery1 .end{ padding-bottom:0}

.address { padding-bottom:8px;}
.address .left{ width:73px;}

iframe{ overflow:hidden;border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; position:relative;}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;	display:block; z-index:1;}
.lightbox-image img {position:relative;z-index:2;}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:3; background:url(../images/border.png) 0 0 no-repeat}
.pp_details{ height:0; padding:0; margin:0; font-size:0; line-height:0; visibility:visible !important;}
.pp_description{ display:none; height:0; padding:0; margin:0; font-size:0; line-height:0}
.pp_nav{ display:none !important}

div.light_square .pp_close{ position:absolute; z-index:99; top:-40px; right:-20px; width:18px; height:19px; background:url(../images/close.gif) 0 0 no-repeat}
div.light_square .pp_close:hover{ background-position:0 bottom}

div.light_square .pp_next{ position:absolute; visibility: inherit !important}
div.light_square .pp_previous{ position:absolute;visibility:inherit !important}


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

footer { height:56px; font-size:11px; color:#ededed; text-transform:uppercase; padding:0 10px; letter-spacing:1px; padding-top:32px;}
footer a{ color:#ededed; padding-left:14px; margin-left:12px; background:url(../images/footer_line.png) 0 2px no-repeat; text-decoration:none}
footer a:hover{ text-decoration:underline;}

#other{ float:right; padding-right:5px;}
#other .first a{ background:none}
#other li{ float:left;}