@charset "UTF-8";
/* CSS Document */

*{border:0px solid #eee;margin:0;padding:0;list-style:none;}*

body{background-color:#a07d2d;font-family:Helvetica,sans-serif;font-size:10px;cursor:default;color:#fff;}
h2,.box div img{padding-bottom:10px;}
a{outline:0 none;color:#FFFFFF; font-weight:bold;}
img{display:block;border:0px;}

#container{margin:0 auto;position:relative;background-image:url(../images/goldcork_background.jpg);background-repeat:no-repeat;width:956px;height:590px;z-index:9;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
width: 905px; /*Width of Carousel Viewer itself*/
height: 420px; /*Height should enough to fit largest content's height*/
left:24px;
top:55px;
background-color:#FFFFFF;
z-index:10;
}

.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*/
margin: 0px; /*margin around each panel*/
width: 905px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#relatedcontent{position:absolute;top:477px;left:6px;z-index:20;}

.type{
font-family:Helvetica, Verdana, Sans serif;
font-size:12px;
line-height:19px;
color:#fff;
width: 485px;
margin-left:11px;
margin-top:8px;
margin-right:10px;
padding-left:12px;
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
}

#topnav{position:absolute;left:22px;top:22px;z-index:20;}

#map{margin:0;position:absolute;left:539px;top:475px;z-index:20;}

#map a{text-decoration:none;}