/* ************ XHTML LAYOUT ************ */
html{
	font-family:Arial;	
}
/* hide scroll bar */
/* html{ overflow:hidden; } */

#wrapper{
	width:1000px;
	position:relative;
	margin-top:30px;
	
}
.vcenter{
	height:660px;
		
}
.vcenter #wrapper{
	margin-top:-330px;
	
}

/* ************ HEADER ************ */

#header{
	/*margin-top:30px;*/
	border:0px solid red;
	margin-bottom:10px;
	}
	#logo{
		display:block;
		width:122px;
		height:25px;
		background:url("images/logo.jpg") 0 0 no-repeat;
		text-indent:-5000px;
		border:0px solid red;
	}

/* ************ NAVIGATION ************ */	

ul#nav{
	float:right;
	border:0px solid red;
	margin-top:8px;		
	}	
	ul#nav li{
		float:left;
		display:block;
		padding:0px 0px 0px 5px;
	}
	ul#nav li a{
		float:left;
		display:block;
		text-decoration:none;
		text-indent:-5000px;
		font-height:9px;
		height:20px;
		border:0px solid red;
	}
	ul#nav li.first a{	
		/*padding-left:0px;	*/
	}
	ul#nav li.last a{	
		padding-right:0px;	
	}
	/* ************ NAVIGATION - CUSTOM ************ */	
	ul#nav li a.home{
		width:60px;
		background:url("images/menu/menu_home.gif")  50% -5px no-repeat;
	}
	ul#nav li a.collections{
		width:114px;
		background:url("images/menu/menu_collections.gif") 50% -5px no-repeat;
	}
	ul#nav li a.story{
		width:88px;
		background:url("images/menu/menu_story.gif") 50% -5px no-repeat;
	}
	ul#nav li a.press{
		width:52px;
		background:url("images/menu/menu_press.gif") 50% -5px no-repeat;
	}
	ul#nav li a.stockist{
		width:83px;
		background:url("images/menu/menu_stockist.gif") 50% -5px no-repeat;
	}
	ul#nav li a.contact{
		width:80px;
		background:url("images/menu/menu_contact.gif") 50% -5px no-repeat;
	}
	ul#nav li a.shop{
		width:49px;
		background:url("images/menu/menu_shop.gif") 50% -5px no-repeat;
	}

	ul#nav li a:hover{
		background-position:50% 100%;
	}
	/*
	ul#nav li a.contact:hover{
		background-position:200% 100%;
	}
	*/


#subnav{}

/* ************ CONTENT ************ */
#stage{
	width:1000px;
	height:600px;	
	}
	/* ************ PAGE SPECIFIC BACKGROUND ************ */
	.index{
		background:#B0AFAA url("images/bgs/jul10/bg_home.jpg") 0 0 no-repeat;
		position: relative;
	}
	.promo{
		background:#B0AFAA url("images/bgs/feb10/bg_promo.jpg") 0 0 no-repeat;
	}
	.collections{
		background:#B0AFAA url("images/bgs/feb10/bg_collections.jpg") 0 0 no-repeat;
	}
	.sneakpeek{
		background:#f9f6e7;
	}
	.story{
		background:#B0AFAA url("images/bgs/feb10/bg_aboutus.jpg") 0 0 no-repeat;
	}
	.press{
		background:#B0AFAA url("images/bgs/feb10/bg_press.jpg") 0 0 no-repeat;
	}
	.stockists{
		background:#B0AFAA url("images/bgs/feb10/bg_stockist.jpg") 0 0 no-repeat;
	}
	.contact{
		background:#B0AFAA url("images/bgs/feb10/bg_contactus.jpg") 0 0 no-repeat;
	}
	
	#stage #video{
		text-align:right;	
	}
	
	#stage .content{
		padding:65px 50px 0px 50px;
		border:0px solid red;
		line-height:15px;
		letter-spacing:1px;
		color:#ccc2cb;	
		font-size:11px;
	}
	#stage .content h1{
		font-size:28px;
		/*
		color:#c7699d;	
		color:#a983b9;
		*/
		color:#fbd2cc;
		margin-bottom:25px;
	}
	#stage .content a, #stage .content .hl{
		color:#fbd2cc;
		text-decoration:none;	
	}
	#stage .content p{
		padding-bottom:20px;
	}
	#stage ul.subnav li{
		display:inline;	
		list-style:none;	
		padding-right:20px;
	}
	#stage ul.subnav li a{
		font-size:13px;
		
	}
	#stage ul.subnav li a:hover, #stage a.on{
		
		color:#ccc2cb;	
	}
	#stage .box{
		width:50%;	
		height:430px;
	}
	
	#stage .stockists .box.nsw{
		/*
		position:relative;
		background:url("images/box.nsw.jpg") 0 380px no-repeat;
		*/
	}
	#stage .stockists .box.vic{
		/*background:url("images/box.nsw.jpg") 0 380px no-repeat;*/
	}
	#stage .stockists .box.wa{
		/*background:url("images/box.wa.jpg") 0 365px no-repeat;*/
	}

/* ************ HOMEPAGE - PROMO LINK ************ */	
#stage.index a.promolink{
	display:block;
	text-indent:-5000px;
	position:absolute;
	width:200px;
	height:200px;
	font-size:9px;	
}	


	
/************* FOOTER *************/
#footer{
	margin-top:10px;
	font-size:11px;		
	}
	
	#footer ul.links li{
		color:#333333;
		list-style:none;
		display:block;		
		float:left;
	}
	#footer a{
		color:#333333;
		text-decoration:none;	
 	}
	#footer a:hover{
		color:#898787;
		text-decoration:underline;	
	}
	#footer .facebook{
		padding-left:20px;
		background:url("images/facebook.gif") 0 -1px  no-repeat;
	}
	#footer .twitter{
		padding-left:20px;
		background:url("images/twitter.gif") 0 -4px no-repeat;
	} 
	
	
/************* SNEAK PEEK *************/

#stage.sneakpeek .content {
	padding: 33px 32px 0 47px;
}

div.left-content {
	float: left;
	width: 185px;
	padding: 13px 0 0 0;
}

div.right-content {
	float: left;
	width: 734px;
}

#stage.sneakpeek .content .clear { display: inline-block; }   
#stage.sneakpeek .content .clear:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
#stage.sneakpeek .content * html .clear { height: 1%; }
#stage.sneakpeek .content .clear { display: block; }

div.left-content h1 {
	display: block;
	width: 157px;
	height: 77px;
	text-indent: -9999px;
	background: url('images/h1-the-whole-worlds-a-circus.jpg') 0 0 no-repeat;
	margin-bottom: 21px;
}

div.left-content p {
	color: #536570;	
}

div.left-content img#the-whole-worlds-a-circus-icon {
	display: block;
	margin: 11px 0 0 0;	
}

div.right-content img#the-whole-worlds-a-circus-image-1,
div.right-content img#the-whole-worlds-a-circus-image-2,
div.right-content img#the-whole-worlds-a-circus-image-3,
div.right-content img#the-whole-worlds-a-circus-image-4 {
	float: left;
}