@charset "utf-8";

/******
/-----------------
	Wallboy Stylesheet V.1.0
	Created by WebStuff.biz P: +61 2 4325 1188
	Copyright, 2009
	--------------------------/
******/

/**	---------
	CSS Reset	**/
html,body,div,span,img,table,td,ul,li,input,button,dt,dd,dl,h1,h2,h3,h4,a{margin:0px;padding:0px;border:none;}
a{text-decoration:none;}
ul{list-style:none;}
table{border-collapse:collapse;}
p{padding:5px 0px;margin:0px;}
/**	---------
	Starts	**/
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
	body#default{background:#000 url(../images/index_bg.jpg) top center no-repeat;}
	body#story{background:#000 url(../images/story_bg.jpg) top center no-repeat;}
	body#cast_crew{background:#000 url(../images/cast_bg.jpg) top center no-repeat;}
	body#education_outreach{background:#000 url(../images/education_outreach_bg.jpg) top center no-repeat;}
	body#gallery{background:#000 url(../images/gallery_bg.jpg) top center no-repeat;}
	body#news{background:#000 url(../images/news1_bg.jpg) top center no-repeat;}
	body#news-two{background:#000 url(../images/news2_bg.jpg) top center no-repeat;}
	body#contact{background:#000 url(../images/contact_bg.jpg) top center no-repeat;}

h1{font-size:17px;padding:0px 0px 20px 0px;line-height:30px;color:#7a2827;text-transform:uppercase;}h1 span{color:#000;text-transform:none;}h1 a{color:#af0a1a;text-decoration:underline;text-transform:none;font-size:16px;}
h2{font-size:16px;padding:0px 0px 20px 0px;color:#7a2827;text-transform:uppercase;}h2 span{color:#000;text-transform:none;}h2 a{color:#711319;text-decoration:underline;}
h3{}
h4{font-size:14px;padding:0px 0px 10px 0px;color:#7a2827;}

hr{height:1px;margin:15px 0px;border:none;border-top:1px solid #7a2827;}

#container{width:980px;height:768px;margin:0px auto;position:relative;}

#header{width:px;height:px;background:url(../images/.jpg);}

#nav{width:955px;padding:30px 0px 0px 20px;position:relative;}
	#nav div{position:absolute;top:30px;right:0px;width:55px;}#nav div img{display:block;padding-right:10px;float:left;}
		#nav div span{position:absolute;top:18px;right:11px;display:block;width:90px;height:18px;padding:3px;background:#fff;}#nav div span img{padding:0px;}
		#nav div span{display:none;}
	#nav li{margin:0px 20px;font-size:14px;text-transform:uppercase;float:left;}
	#nav a{display:block;font-weight:bold;color:#d3e0a2;text-shadow:1px 1px 0px #000;}#nav a:hover{color:#fff;}
		#default #nav a.home,#story #nav a.story,#cast_crew #nav a.cast_crew,#education_outreach #nav a.education,#gallery #nav a.gallery,#news #nav a.news,#contact #nav a.contact{color:#fff;}

#content{position:absolute;top:160px;right:10px;width:453px;height:415px;padding-right:40px;font-size:14px;overflow:hidden;letter-spacing:0.2px}
	#contact #content{top:250px;width:413px;height:250px;}
	#content div{height:365px;}
	#content p{padding:6px 0px 10px;line-height:20px;}
	#content p a,#content td a{color:#AF0A1A;text-decoration:underline;}
	#content li{padding:3px 0px 3px 20px;background:url(../images/li_bullets.gif) 0px 5px no-repeat}

#footer{}
#default #wallboyintro{position:absolute;top:340px;right:10px;width:340px;color:#d3e0a2;text-align:right;font-size:14px;line-height:22px;font-weight:normal}
/**	---------
	Class Declarations	**/

.left{float:left;}.right{float:right;}.clear{clear:both;}

table.border td{padding:3px 4px 3px 10px;font-size:12px!important;line-height:14px;border-bottom:1px solid #7a2827;}table.border tr td:first-child{width:240px;padding-left:4px;border-right:1px solid #7a2827;}table.border td br{margin:6px 0px}
table.community_partners td{padding:8px 4px;border-top:1px solid #AF0A1A;font-size:13px;}table.community_partners tr:first-child td{border:none;}
table.trailers a{display:block;height:30px;font-size:16px;color:#7a2827;}
table.wallboynews td{padding:12px 10px 8px 0px;border-bottom:1px solid #7a2827;}#content table.wallboynews p{padding:6px 0px 6px 16px}table.wallboynews h4{padding-left:16px;background:url(../images/h4news_bg.png) left 3px no-repeat}

.home-subnav{position:absolute;top:468px;left:100px;border-top:1px solid #000;}
	.home-subnav li a,.story-subnav li a,.alt-subnav li a{display:block;width:200px;border-bottom:1px solid #000;text-align:right;line-height:22px;color:#000;font-size:12px;font-weight:bold;position:relative;text-shadow:1px 1px 0px #000;}
	.story-subnav li a,.alt-subnav li a{width:185px;padding-right:10px;border-color:#d3e0a2;color:#fff;}
	.story-subnav li{position:relative;}.story-subnav li.alter{margin-top:30px;}
		.home-subnav li a:hover{color:#9f281c;}.story-subnav a:hover,.alt-subnav li a:hover{color:#d3e0a2;}

.story-subnav{position:absolute;top:260px;left:20px;text-transform:uppercase;}.story-subnav ul,.alt-subnav ul{margin:0px 0px 25px 0px;padding:10px 0px 40px 0px;border-right:1px solid #d3e0a2;}
	.story-subnav li a span{position:absolute;top:0px;right:-150px;display:block;width:140px;padding:0px 0px 0px 10px;line-height:22px;border-bottom:1px solid #d3e0a2;text-align:left;text-transform:none;cursor:pointer;}.story-subnav a strong{text-transform:none;}
	.story-subnav a.active,.story-subnav a.active span{color:#d3e0a2;}
	.story-subnav li.alter a,.story-subnav a.alter{border-top:1px solid #d3e0a2;}.story-subnav li.alter a span,.story-subnav a.alter span{top:-1px;border-top:1px solid #d3e0a2;}
	
	#news .story-subnav li a{width:210px;}
	#cast_crew .story-subnav{top:248px;}#cast_crew .story-subnav ul{border:none;}#cast_crew .story-subnav li:first-child{border-right:1px solid #d3e0a2;padding-top:15px;}#cast_crew .story-subnav li:first-child a{border-right:none;}#cast_crew .story-subnav li a{border-right:1px solid #d3e0a2;}
	
.alt-subnav{position:absolute;top:470px;left:20px;}.alt-subnav ul{padding:0px 0px 20px 0px;border-top:1px solid #d3e0a2;}#default .alt-subnav{top:580px;}
/**	---------
	Wall Boy Trailer	**/
.wallboytrailer{position:absolute;top:200px;left:330px;display:none;}
/**	---------
	Wall Boy Links	**/
a.buttonred,a.buttonyellow{display:block;height:26px;margin:-5px 10px 17px 0px;padding-left:10px;text-align:center;line-height:26px;font-weight:bold;color:#f5e9a2;text-transform:uppercase;background:url(../images/sprites/buttons.gif);position:relative;clear:both;float:right;}a.buttonred span,a.buttonyellow span{display:block;width:10px;height:26px;position:absolute;top:0px;right:-10px;background:url(../images/sprites/buttons.gif) -490px 0px;}a.buttonred:hover,a.buttonyellow:hover{color:#aa887b;}
	#news a.buttonred,#news a.buttonyellow{margin-left:110px;}
a.buttonyellow{background-position:0px -26px;color:#711319;}a.buttonyellow span{background-position:-490px -26px;}

a.sharkisland,a.oasis,a.salvos,a.andyou{position:absolute;right:0px;display:block;text-indent:-9999px}a.sharkisland{top:486px;width:120px;height:90px;}a.oasis{width:160px;height:75px;top:613px}a.salvos{top:600px;width:100px;height:100px;}a.andyou{width:130px;right:-108px;}
.fundinglogos{position:absolute;top:602px;left:90px;display:none}.fundinglogos a{display:block;height:117px;float:left;text-indent:-9999px}a.caledonia{width:200px;}a.jbwere{width:151px;}a.matana{width:187px;}a.macquarie{width:202px;}a.nmf{width:133px;}
/**	---------
	Wall Boy Scroll	**/
.jScrollPaneContainer {position:absolute;padding-right:55px;overflow:hidden;z-index:1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;right:30px;top:0px;height:350px!important;height:370px!important;width:1px;background:url(../images/scrolltrack.gif) repeat-y;}
.jScrollPaneDrag {position:absolute;right:-4px;background:#000;cursor: pointer;overflow:hidden;width:8px!important;height:30px!important;}/*.jScrollPaneDrag:hover{background:#722924;}*/
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowUp:hover {/*background-color: #f60;*/}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/height: 9px;}
a.jScrollArrowDown:hover {/*background-color: #f60;*/}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
/**	---------
	Wall Boy Gallery	**/
#wallboygallery li{position:absolute;left:263px;top:264px;}#wallboygallery li.l_thumb{left:38px;top:407px;}#wallboygallery li.center{left:263px;top:264px;cursor:pointer;}#wallboygallery li.r_thumb{left:750px;top:407px;}#wallboygallery li.l_hide,#wallboygallery li.r_hide{position:absolute;top:407px;display:none;}#wallboygallery li.l_hide{left:-150px;}#wallboygallery li.r_hide{left:1000px;}#wallboygallery li.hidden{display:none;}
	#wallboygallery li.l_thumb img,#wallboygallery li.r_thumb img{width:196px;height:128px;}
#wallboygallery p{position:absolute;top:300px;left:50px;width:900px;font-weight:bold;text-align:center;display:none;}
#wallboygallery #gallerynav{position:absolute;top:600px;left:350px;width:277px;height:23px;background:url(../images/gallerynav.png);}
	#gallerynav a{display:block;width:50%;height:23px;line-height:23px;text-align:center;font-weight:bold;color:#fff;float:left;}#gallerynav a:hover,#gallerynav a.active{color:#d3e0a2;}
