body {margin:0px;padding:0;background:#000;font-family:Arial,Helvetica,sans-serif;font-size:0.8em;}

#main {width:1000px;margin:0 auto;}
#header {width:1000px;height:244px;background:#000 url(../i/header.jpg);}
#titlebar {position:relative;width:1000px;height:84px;background:#ccc url(../i/titlebar.jpg) repeat-y;}
#logo {position:absolute;right:20px;bottom:10px;color:#fff;font:bold 20px Arial,Helvetica,sans-serif;text-decoration:none;}
#content {width:1000px;height:595px;background:#ccc url(../i/indexbg.jpg);margin:auto;}
#menu {height:30px;line-height:30px;width:1000px;list-style:none;margin:0;padding:0;}
#menu li {float:left;list-style-type:none;margin:0;}
#menu li a {float:left;font:bold 20px Arial,Helvetica,sans-serif;color:#fff;text-transform:uppercase;padding-left:20px;padding-right:20px;line-height:30px;text-decoration:none;}
#menu li a:hover {background:#383838;}

img {border:0;}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 910px; /*Width of Carousel Viewer itself*/
height: 244px; /*Height should enough to fit largest content's height*/
margin-left:40px;
}

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

.stepcarousel a {
display:block;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 100px 10px 25px; /*margin around each panel*/
width: 225px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-decoration:none;
color:#000;
text-align:center;
}


.stepcarousel a.current {background:#ddd;}
.stepcarousel a:hover {background:#ccc;}

#footer {text-align:center;margin-bottom:10px;}
#footer a {color:#fff;}

#page-title, .pic-title, .pic-dimensions, .pic-description, .pic-price {color:#fff;}

#page-title {text-align:center;}

#picinfo {border:1px solid #fff;width:300px;margin:auto;padding:10px;}