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

/*Notes: 

The width of the site is 931px, however the total of all columns is less (#right-col-girl has been reduced by 3px) this is an IE6 column fix and does not affect appearance.

PNG support is provided by the iepngfix.htc file and the CSS entry below...
*/

img, div { behavior: url(iepngfix.htc) }

body {
	margin-top:50px;
	margin-bottom:50px;
  /*scrollbar-face-color: #D40813; 
  scrollbar-shadow-color: #FFFFFF;
  scrollbar-highlight-color: #FFFFFF; 
  scrollbar-3dlight-color: #000;
  scrollbar-darkshadow-color: #D40813; 
  scrollbar-track-color: #FFFFFF;
  scrollbar-arrow-color: #D40813;*/
  background-color:#FFFFFF;
  font-size:76%;
  font-family: Verdana, Helvetica,  Arial, sans-serif;
  text-align:center;
  }

img{
	border:none;
	padding:none;
	margin:none;
	}

p{
	font-size:0.8em;
	}

#testbox{									/*	TEMP CONTROL BOX*/
	position:absolute;
	top:0px;
	right:0px;
	width:200px;
	height:50px;
	background-color:#999999;
	z-index:100;
	}


#container {
  	text-align:left;
  	margin: 0 auto;
 	width:931px;
	background-color:#FFFFFF;
}

#mainimage{
	width:931px;
	height:582px;
	z-index:1;
	background-color:#FFFFFF;
	background-image:url(images/transparent.png);
	background-position:top;
	background-position:left;
}

#left-col-menu{
	float:left;
	width:155px;
	height:582px;
	background-image:url(images/layout/menu-col-bg.png);
	background-position:top;
	background-position:left;
	z-index:2;
	}
	
#menu{
	float:left;
	width:155px;
	height:180px;
	background-image:url(images/layout/menu-circle-bg.png);
	background-position:top;
	background-position:left;
	}
	
#menu-text{
	text-align:center;
	margin-top:40px;
	}
	
#menu-text ul {
	padding:0px;
	margin:0px;
	list-style:none;
	color:#000000;
	font-size:0.8em;
	font-weight:bold;
	}
	
#menu-text li{
	
	}

#menu-text a{
	color:#000000;
	text-decoration:none;
	}
	
#menu-text a:hover{
	color:#FF6634;    
	}

#middle-col-mask{
	float:left;
	width:403px;
	height:582px;
	background-image:url(images/layout/mask-col-bg.png);
	background-position:top;
	background-position:left;
	z-index:2;
	overflow:hidden;
	}
	
#centre-text{
	float:right;
	width:270px;
	padding-top:150px;
	padding-right:20px;
	text-align:left;
	height:290px;
	overflow:hidden;
	z-index:3;
	}
	
#centre-text img{
	margin-left:5px;}
	
#centre-text p{
	margin:5px;
	font-size:0.8em;
	}

#centre-text h3{
	margin:5px;
	font-size:0.8em;
	font-weight:bold;
	}
	
#centre-text h2{
	margin:5px;
	font-size:0.9em;
	}
	
#centre-text h1{
	margin:5px;
	font-size:1em;
	}

#centre-text a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
	
#centre-text a:hover{
	color:#FF6634;    
	}


#caption{
	float:right;
	width:270px;
	padding-right:20px;
	padding-top:100px;
	text-align:left;
	overflow:hidden;

	}
	
#caption p {
	color:#FFFFFF;
	padding:0;
	margin:0 0 0 5px;
	font-weight:bold;
}

#caption a {
	color:#FFFFFF;
	padding:0;
	margin:0 0 0 5px;
	font-weight:bold;
	text-decoration:none;
	}
	
#caption a:hover {
	color:#FF6634;
}

	
#middle-col-thumbs{
	float:left;
	width:161px;
	height:582px;
	background-image:url(images/layout/thumbs-col-bg.png);
	background-position:top;
	background-position:left;
	z-index:2;
	}

#up-button-holder{
	padding-top:58px;
	padding-bottom:10px;
	width:161px;
	}

#down-button-holder{
	padding-top:10px;
	width:161px;
	height:26px;
	}



#thumbnail-holder{	
	width:161px;
	height:441px;
	padding-top:9px;
	}


#right-col-girl{
	float:left;
	width:209px;
	height:582px;
	background-image:url(images/layout/girl-col-bg.png);
	background-position:top;
	background-position:left;
	z-index:2;
	}
	
#terms{
	float:left;
	padding-top:560px;
	text-align:right;
	width:209px;
	}
	
#terms p{
	margin:0px;
	}
	
#terms a{
	color:#000000;
	text-decoration:none;
	}
	
#terms a:hover{			
	color:#FF6634;
	}