/* CSS Document */
body{
margin:0;
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
background-color:#000000;
color:#666666;
}
#wrapper{
width:932px;
margin-left:auto;
margin-right:auto;
padding-top:12px;
}
#content-left{
width:371px;
}
#content-right{
width:561px;
height:551px;
background-color:#FFFFFF;
background-image:url(images/frame-top-home.gif);
background-repeat:no-repeat;
padding-top:35px;
}
#content{
width:532px;
margin-left:auto;
margin-right:auto;
}
#top-banner{
margin-top:7px;
text-align:center;
height:165px;
}
#bottom-banner{
width:561px;
height:62px;
background-color:#00458e;
text-align:center;

padding-top:7px;
padding-bottom:7px;
}
.block-feature{
width:506px;
height:182px;
margin-left:auto;
margin-right:auto;
margin-top:8px;
margin-bottom:0;
}
*html .block-feature{
height:182px;
}
.block-scroller{
width:506px;
height:111px;
margin-top:24px;

}
.arrow-scroller{
width:16px;
height:63px;
padding-top:48px;

}
.content-scroller table{
width:474px;
}
.content-scroller table tr td{
vertical-align:bottom;
text-align:center;
height:111px;

}
.float-left{
float:left;
}
.clear{
clear:both;
}
.line{
height:1px;
background-color:#CCCCCC;
width:100%;
}
a img{
border:none;
}
/*font*/
div,td,p{
font-size:10px;
}
/*==*/
.stepcarousel{
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 270px;
height: 200px; /*Height should enough to fit largest content's height*/
}

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

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

#galleryB,#galleryC{
width: 450px;
height: 170px;
}

#galleryB .panel,#galleryC .panel{
height: 150px;

text-align: center;

}


#navigation{
/*width:623px;*/
height:27px;
padding-top:2px;
margin-bottom:4px;
padding-left:14px;/*282px;*/
/*background-image:url(images/bg-nav.gif);*/
background-repeat:no-repeat;
background-position:0 3px;
}
#navigation ul{
margin:0;
padding:0;
background-color:#FFFFFF;
}
#navigation ul li{
padding-left:1px;
padding-right:1px;
list-style:none;
display:inline;
float:left;
}
#navigation ul li a{
display:block;
height:27px;
width:87px;
background-repeat:no-repeat;
}
#navigation ul li a:link,#navigation ul li a:visited{
background-position:0 0;
}
#navigation ul li a:hover,#navigation ul li a.current:link,#navigation ul li a.current:visited,#navigation ul li a.current:hover{
background-position:0px -27px;
}
#navigation ul li a span{
display:none;
}
#navigation ul li a#home{
background-image:url(images/btn-home.gif);
}
#navigation ul li a#about_us{
background-image:url(images/btn-about_us.gif);
}
#navigation ul li a#products{
background-image:url(images/btn-products.gif);
}
#navigation ul li a#promotions{
background-image:url(images/btn-promotion.gif);
}
#navigation ul li a#members{
background-image:url(images/btn-members.gif);
}
#navigation ul li a#contact{
background-image:url(images/btn-contact.gif);
}
#navigation ul li a#forum{
background-image:url(images/btn-forum.gif);
}
#mygallery{overflow: hidden;}

#galleryB,#galleryC{overflow: hidden;}
div#spacer{
width:561px;height:35px;background-color:#ffffff;
}
*html div#spacer{ /* IE SUCK */
width:0;
height:0;
}
#main-banner{
width:371px;height:353px;padding:0;margin:0;
}
*html #main-banner{ /*IE SUCK*/
padding-top:57px;
}