body
{
        background-color: #CCC;
}


img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

div#main {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */
	position: relative; 
}


a img
{
	border: none;
}

#main
{
        font-family: helvetica, arial, sans-serif;
        color: #FFF;
        font-size: 11px;
	position: relative;
}

#central
{
        margin: 0 auto;
        width: 1000px;
        min-width: 1000px;
	padding-bottom: 100px;
}

#storyBox
{
        position: relative;
        float: left;
        width: 450px;
	padding: 10px;
}

#tabBox
{
        position: relative;
        margin-right: 0px;
        width: 530px;
        float: right;
}

h1
{
        font-size: 18px;
        font-weight: bold;
	color: white;
	background-color: #000;
	opacity: 0.9;
	margin: 0;
	padding: 5px;
}

h2
{
	color: white;
}

.header
{
	text-align: center;
}



.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer {
position: relative;
overflow: hidden;
border: none; /*1px solid #CCC;*/
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li {
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #F60;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #F60;
}