/* base
----------------------------------------------- */
html { height:100%; }
body { margin: 0; padding: 0; font-family: arial, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; color: #fff; background-color: #000; height:100%; font-size:12px; }

h1 { padding:0px; margin:0px; font-size:20px; }
h2 { padding:0px; margin:0px; font-size:18px; }
h3 { padding:0px; margin:0px; font-size:16px; }
h4 { padding:0px; margin:0px; font-size:14px; }
h5 { padding:0px; margin:0px; font-size:12px; }

a { color:#fff; font-weight:bold; text-decoration:none; }
a:link { color:#fff; font-weight:bold; text-decoration:none; }
a:visited { color:#fff; font-weight:bold; text-decoration:none; }
a:active { color:#fff; font-weight:bold; text-decoration:none; }
a:hover { color:#fff; font-weight:bold; text-decoration:underline; }

a img {
    border: none;
    vertical-align: middle;
}

p { margin:0px; margin-bottom:10px; }

#homepage_photo { text-align:center; }
img { border:0px; behavior:('/iepngfix.htc'); }
div { behavior:('/iepngfix.htc'); }
#backgroundPopup{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; z-index:1;  
}  

#wrapper { width:900px; height:596px; background:url('/images/bg.jpg') top left no-repeat;
}  

#button {
cursor:pointer;
text-align:center;
}

#home { background:url('/images/bg_home.png'); height:596px; width:900px; font-size:12px; position:relative; }

#goods { background:url('/images/bg_goods.png'); height:596px; width:900px; position:relative; }

#services { background:url('/images/bg_services.png'); height:596px; width:900px; position:relative; }

#shows { background:url('/images/bg_shows.png'); height:596px; width:900px; position:relative; }

div#preloaded-images { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px; }

#navigation_home {
float:left;
}

#content_home {
float:left;
}

#navigation_goods {
float:left;
}

#content_goods {
float:left;
}

#navigation_services {
float:left;
}

#content_services {
float:left;
}

#navigation_shows {
float:left;
}

#content_shows {
float:left;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 900px; /*Width of Carousel Viewer itself*/
height: 596px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 900px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
margin-right:10px;
}

#shows_home { padding-top:30px; }
#goods_home { padding-top:20px; }
#services_home { padding-top:40px; }

#home_shows { padding:0px; margin:0px; padding-top:110px; padding-left:150px;}
#goods_shows { padding-top:0px; }
#services_shows { padding-top:45px; }

#home_services { padding-left:150px; padding-top:170px; }
#shows_services { padding-left:100px; padding-top:0px; }
#goods_services { padding-left:100px; padding-top:0px; }

#home_goods{ padding-top:130px; padding-left:190px; }
#services_goods{ margin-top:-20px; padding-left:50px; }
#shows_goods { padding-left:50px;}

.content {
background:url('/images/main_bg.png') top left no-repeat;
width:450px;
height:429px;
margin-left:55px;
margin-top:90px;
padding-top:10px;
}

#content_services .content {
margin-left:0px;
}

#content_goods .content {
margin-left:20px;
}

.contentsafari {
display:none;
background:url('/images/main_bg.png') top left no-repeat;
width:414px;
height:409px;
margin-left:55px;
margin-top:90px;
padding:10px;
overflow-y:auto;
}

#content_services .contentsafari {
margin-left:0px;
}

#content_goods .contentsafari {
margin-left:20px;
}


.clearboth {
clear:both;
}

.scroll-pane {
width:410px;
height:409px;
overflow-y:auto;
overflow-x:hidden;
margin:0px 10px 0px 5px;
padding:0px 10px;
color:#fff;
}

#futureshowstitle { float:left; font-size:14px; font-weight:bold }
#pastshowstitle { float:right; font-size:14px; font-weight:bold }

.entry { width:390px; }
.showinfo { margin-left:20px; }
.showtitle { font-size:12px; font-weight:bold; }
.showleft { float:left; width:200px; }
.showright { float:right; text-align:right; width:180px; }

.service { text-align:center; float:left; width:183px; }

.goods { text-align:center; width:300px; margin:0px auto; border-bottom:3px dotted #fff; padding:10px 0px; }
.goods select { margin:5px 0px; }
#tab1 { display:block; cursor:pointer; }
#tab2 { display:block; cursor:pointer; }

.browserSafari .content { display:none; }
.browserSafari .contentsafari { display:block; }
.browserChrome .content { display:none; }
.browserChrome .contentsafari { display:block; }