/* CSS Document */

body{
	background-image:url(media/images/bg.jpg);
	background-position:50% 140px;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	text-align:center;
	font-family:lucida grande,arial,helvetica,sans-serif;
	font-size:13px;
}

img {
	border: 0px;
	}

#gameFrame{
	height:auto;
}

#contentArea{
	width:980px;
	margin:auto;
	text-align:left;
}

#pageContent{
	width:735px;
	float:left;
	text-align:center;
	position:relative;
	padding:8px;
	background-color:Transparent;
}
#ssssContent {
    float:left;
    margin-left:20px;
    padding:0 8px;
    text-align:left;
    width:532px;
}
#comic
{
    margin-top:10px;
}

#ssssContent.witness {
	background: transparent url(media/images/witness_bg.gif) no-repeat bottom left;
	padding-bottom: 135px;
}
#ssssContent.videos {
	/*background: transparent url(media/images/myfilm.gif) no-repeat bottom right;*/
	padding-bottom: 94px;
}
ul.rain {
	background: transparent url(media/images/rain.gif) no-repeat 85% 90%;
	padding-bottom: 30px;
}
#ssssNav {
	margin-top: 158px;
	width: 195px;
	float:left;
}
#ssssNav ul, #ssssNav li,
#ssssWPs, #ssssWPs li,
#ssssVids, #ssssVids li {
	list-style-type: none;
	padding:0;
	margin:0;
}
#ssssNav a,
#ssssWPs a,
#ssssVids a {
	display:block;
	background-repeat:no-repeat;
}
#ssssWPs a,
#ssssVids a {
	width:259px;
	height: 197px; 	
	float:left;
}
#ssssVids a {
	height: 158px;
}

#ssssNav a span,
#ssssWPs a span,
#ssssVids a span {
	position:absolute;
	top: -999px;	
}
#ssssNav a:hover, #ssssNav a:active, #ssssNav a.on,
#ssssWPs a:hover, #ssssWPs a:active,
#ssssVids a:hover, #ssssVids a:active {
	
	background-position: bottom left;
}
#navStories {
	height: 41px;
	background-image: url(media/images/stories.png);	
}
#navVideos {
	/*height: 35px;*/
	height: 0px;
	background-image: url(media/images/videos.png);	
}
#navAdvice {
	height: 31px;
	background-image: url(media/images/advice.png);	
}
#navChildline {
	height: 35px;
	background-image: url(media/images/childline.png);	
}
#navDownloads {
	height: 33px;
	background-image: url(media/images/downloads.png);	
}
#childline-logo {
	display:block;
	width: 195px;
	height: 226px;
	/*background: transparent url(media/images/snail.jpg) no-repeat bottom center;*/
}

#wp1 {
	background-image: url(media/images/dl1.gif);
}
#wp2 {
	background-image: url(media/images/dl2.gif);
}
#wp3 {
	background-image: url(media/images/dl3.gif);
}
#wp4 {
	background-image: url(media/images/dl4.gif);
}
#v1 {
	background-image: url(media/images/v1.gif);
}
#v2 {
	background-image: url(media/images/v2.gif);
}
#v3 {
	background-image: url(media/images/v3.gif);
}
#v4 {
	background-image: url(media/images/v4.gif);
}
.child {
	float:left;	
	margin-right: 5px;
}
.childr {
	float:right;	
	margin-left: 5px;
}
#sideBanner{
	background-repeat:no-repeat;
	width:194px;
	height:649px;
	float:left;
}

#gameHolder{
	position:relative;
	margin:auto;
	vertical-align:middle;
	background:none
	border:8px #FFF solid;
	/*width:600px;
	height:300px;*/
}

#mainHolder{
	position:relative;
	margin:auto;
	vertical-align:middle;
	background:none
	border:8px #FFF solid;
	/*width:600px;
	height:300px;*/
}

#navigation{
	width:959px;
	height:56px;
	margin-left:15px;
}


#backButton{
	text-align:right;
	margin:auto;
	
}
#sideAdWrap
{
    right:-40px;
    top:111px;
}