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

html {overflow-y: scroll;}
body {
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666666;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin: 0px;
	padding: 0px;
	/*background-image: url(background.gif);
	background-repeat: repeat;*/
	background-color:#000;
	position: relative;
	
}

:focus{ outline: none }

body img {border: 0px;}
p {margin: 12px 0px 12px 0px;}

#centre {position: relative;width: 800px;margin: auto auto;}
#topline{position: relative; width: 800px; height: 16px; left:0px;background-image:url(images/toptopline.png); background-repeat:no-repeat;}
#midline{position: relative; width: 800px; height: 14px; left:0px;background-image:url(images/midtopline.png); background-repeat:no-repeat;}

#centre #leftpadding {position: absolute; width: 152px; height: 403px; top:0; left: -152px; background-image:url(images/padleft.png); background-repeat:no-repeat;}
#centre #rightpadding {position: absolute; width: 152px; height: 403px; top:0; right: -152px; background-image:url(images/padright.png); background-repeat:no-repeat;}

#topbar { position: relative;width: 800px; height: 80px; background-image:url(images/headerback.png); background-repeat:repeat;}
#topbar #logotext {position: absolute; right: 10px; top: 47px; width:187px; height: 27px; background-image:url(images/welogotext.png); background-repeat:no-repeat;}
#topbar #logoani {position: absolute; right: 0px; top: 0px; width:211px; height: 80px;}
#topbar #welogo {position:absolute; top:0; left:0; width: 84px; height: 63px;background-image:url(images/welogo.png); background-repeat:no-repeat;}
#content{position:relative; width:100%;background-color:#ffffff; overflow:hidden;}

#footer{width:100%;height:40px;background-color:#000000;}
#footer #copyright{color: #999999; width:100%; height: 15px; background-color:#ffffff; padding-top: 15px; text-align: center; font-size:8px;}
#footer #copyright a{text-decoration: none; font-weight: normal;color: #999999;}
#footer #copyright a:hover{text-decoration: underline;}

#storylist{position: relative; width: 600px; height:200px; left:1px; background-color:#666666;}

#herobox{position: relative; width: 800px; height: 270px; left:0; background-color:#ffffff; overflow:hidden}
#herobox img{position: absolute; width: 800px; height: 270px; top:0; left:0;}
#herobox h2{position: absolute; width: 400px; height: 30px; top:12px; left:13px; padding: 0; margin:0; color:#ffffff; font-size: 27px;}
#herobox a{color: #ffffff; text-decoration: none;}
#herobox #storytext {position:absolute; top: 0px; left: 414px; width: 370px; height: 155px; overflow:hidden}
#herobox #background{width: 100%; height: 100%; filter:alpha(opacity=50); opacity: 0.5; background-color:#000;}
#herobox #storytext #text{position: absolute; font-size: 14px; top:33px; left:10px; width: 350px; color:#ffffff}
#herobox #bottomline {position:absolute; bottom: 0px; width: 100%; height: 46px;}
#herobox #bottomline #icons {position:absolute; top: 0px; width: 100%; height: 100%;}
/*#herobox #bottomline #playvideo {position:relative; float:right; margin-right:10px; top: 7px; width: 59px; height: 31px; background-image:url(images/playvideo.png); background-repeat:no-repeat}
*/
#herobox #bottomline #playvideo {position:relative; float:right; margin-right:10px; top: 6px; width: 89px; height: 33px; background-image:url(images/playvideohero.png); background-repeat:no-repeat}

#herobox #bottomline #appstore {position:relative; float:right; margin-right:10px; top: 6px; width: 101px; height: 33px; background-image:url(images/appstoresmall.png); background-repeat:no-repeat}

#storybox{position:relative; float none;left:15px;width: 600px; height: 178px;}
#storybox a{color: #666666; text-decoration: none;}
#storybox a:hover{text-decoration: underline;}
#storybox #inner{font-family: Helvetica, Arial, sans-serif; position: absolute; height:154px; width:600px; top:12px; left 0px; background-image:url(images/centrestorybox.gif); background-repeat:repeat-x;}
#storybox #inner #leftedge{position: absolute;  left:0; width:7px; height:154px; background-image:url(images/storyboxleft.png); background-repeat:no-repeat;}
#storybox #inner #rightedge{position: absolute;  right:0px; width:7px; height:154px; background-image:url(images/storyboxright.png); background-repeat:no-repeat;}
#storybox #inner #overhangpic{position: absolute;  left:-3px; top:-12px; width: 238px; height: 178px;}
#storybox #inner #normalpic{position: absolute;  left:6px; top:6px; width: 230px; height: 142px;}
#storybox #inner h3{position: absolute; font-size: 14px; font-weight: bold; padding:0; margin:0; top: 15px; left: 250px; width: 300px;  overflow:hidden}
#storybox #inner #line{position: absolute; height:2px; width: 327px; top:35px; left: 245px; background-image:url(images/storyline.png); background-repeat:no-repeat;}
#storybox #inner #storytext {position: absolute; font-size: 12px; font-weight: normal; padding:0; margin:0; top: 45px; left: 250px; width: 300px; height: 100px; overflow:hidden;}
/*#storybox #inner #appstore {position:absolute; bottom: 10px; right:10px; width: 123px; height: 40px; background-image:url(images/appstorelarge.png); background-repeat:no-repeat}
*/
#storybox #inner #icons #appstore {position:relative; float:right; margin-right:0px; top: 7px; width: 101px; height: 33px; background-image:url(images/appstoresmall.png); background-repeat:no-repeat}
#storybox #inner #icons #playvideobtm {position:relative; float:right; margin-left: 10px; top: 23px; width: 74px; height: 17px; background-image:url(images/playvideostorybottom.png); background-repeat:no-repeat}

#storybox #inner #playvideo {position:absolute; top: 7px; right: 9px; width: 74px; height: 17px; background-image:url(images/playvideostorytop.png); background-repeat:no-repeat}
#storybox #inner #icons {position:absolute; bottom: 7px; right:9px; width: 223px; height: 40px; }

#sidebar{position:absolute; width:161px; left: 625px; top: 294px;}
#sidebar #top {position: relative; font-size: 2px;height: 9px; background-image:url(images/sidebartop.png); background-repeat:no-repeat;}
#sidebar #title {position: relative; width: 161px; font-weight: bold; text-align:center; padding-bottom: 0px;padding-top: 0px; background-image:url(images/SidebarItemBack.png); background-repeat:repeat-y;}
#sidebar #bottom {position: relative; height: 7px; background-image:url(images/sidebarbottom.png); background-repeat:no-repeat;}
#sidebar #line{position: relative; height: 2px; width:159px; top: 10px; margin: auto auto; background-image:url(images/sidebarline.png); background-repeat:no-repeat;}
#sidebar #item {position: relative; width: 161px; padding-bottom: 10px;padding-top: 10px; background-image:url(images/SidebarItemBack.png); background-repeat:repeat-y;}
#sidebar #item img{display:block; margin:0 auto; text-align:center;}
#sidebar #item p{margin-top:0; margin-bottom:0;font-size: 11px; padding-top: 7px;text-align:center;}
#sidebar #item a{color: #666666; text-decoration: none;}
#sidebar #item a:hover{text-decoration: underline;}

#storybody {position:relative; width:700px; left:50px; margin-top: 50px;}
#storybody p{padding-left: 20px;}
#storybody a {text-decoration: none; font-weight: bold; color: #666666;}
#storybody a:hover{text-decoration: underline;}
#storybody h1 {	background-color: #CCCCCC;	padding-right: 10px;	padding-left: 10px;	font-size: 16px;	position: relative;	height: 27px;	padding-top: 8px;}
#storybody h2 {	padding-top: 0px;	padding-right: 10px;	padding-bottom: 0px;	padding-left: 10px;	font-size: 14px;}
#storybody #pic{	position: relative;	width: 700px;padding-bottom: 20px;display:block;float:left;}
#storybody #pic img{	float:left;margin-right:30px;}
#storybody #pic p{position: relative;	top:30px;	font-style: italic;}


.weNav {position: absolute; top: 54px; left:75px; width: 500px; height: 26px; background-color:none; /*font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;*/ font-size: 12px;}
.weNav #left {position: absolute; top: 0; left: 0; width:12px; height:43px; background-image:url(images/menuleft.gif); background-repeat:no-repeat;}
.weNav #right {position: absolute; top: 0; right: 0; width:12px; height:43px; background-image:url(images/menuright.gif); background-repeat:no-repeat;}
.weNav ul {position: relative; left:0px; list-style: none; margin: 0; padding: 0;}
.weNav li {display: inline;}
.weNav a {position: relative; top: 0px; width: 102px; height: 18px; padding-top: 5px; float:left; margin-left:0px; margin-right:4px; background-color:#000; text-align: center; overflow:hidden; color:#dddddd; font-weight: bold; text-decoration: none;}
.weNav li.active a {font-weight: bold; color:#ffffff; text-align: center; background-image:url(images/menuselected.gif); background-repeat:repeat;}
.weNav li #menuleft{position: absolute; width:8px; height:26px; top:0px; left:0px; background-image:url(images/menuitemcorners.gif); background-repeat:no-repeat;overflow:hidden}
.weNav li #menuright{position: absolute; width:8px; height:26px; top:0px; right:0px; background-image:url(images/menuitemcorners.gif); background-repeat:no-repeat; background-position: right;overflow:hidden}
.weNav li a:hover { color:#ffffff; /*text-decoration: underline;*/ }