@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: #000000;
	text-align: center;
	color:#FFFFFF;
	font-family:arial,verdana,sans-serif;
	font-size:12px;
}

h1,h2,h3,h5{
	margin:0px;
	padding:0px;
}

h5{
font-size:14px;
}
h4{
font-size:14px;
color:#FFFFFF;
}

#layout {
	background-color: #000000;
	/*background-image:url(../template-pic-from-psd.jpg);*/
	
	width: 800px;
margin: 0px auto 0; 
margin-top: 20px;
position:relative; 	
padding: 0; 
text-align: left; 
	/*
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -300px;
	*/
	text-align: left;
}

div.logo {
	height: 60px;
	width: 250px;
	position:absolute;
	right:20px;
	top:30px;
}

div.container {
	
	height:580px;
	background-image:url(./theme/hpWeb/assets/default_bg.jpg); /*  ideally overriden on each page - default here, black bg with menu fade bar also*/
	background-position:top;
	background-repeat:no-repeat;
}
div.containerHome {
	
	height:580px;
	background-image:url(./theme/hpWeb/assets/default_bg.jpg); /*  ideally overriden on each page - default here, black bg with menu fade bar also*/
	background-position:top;
	background-repeat:no-repeat;
}

div.navigation {
	float: left;
	width: 150px;
	height: 580px;
	background-image:url(./theme/hpWeb/assets/nav_bg.gif); /*  just dotted lines - fade on main container bg*/
	background-position:top left;
	background-repeat:no-repeat;
	display: inline-block;
	border: none;
}
div.navigation ul.menu{
	margin:117px 0px 0px 30px;
	padding:0px;
	width:110px;
	list-style:none;
	list-style-type:none;
	font-size:12px;
}
div.navigation ul.menu li{
	clear:left;
	padding:0px;
	margin:0px 0px 4px 0px;
}
div.navigation ul.subMenu {
	list-style: none;
	margin: 5px 0 5px 10px;
	padding: 0;
	font-size: 0.9em;
}
div.navigation a {
	color: #ffffff;
	text-decoration: none;
}
div.leftPane {
	float: left;
	width: 280px;
	height: 580px;
	display: inline-block;
	
}

div.leftPaneHome {
	float: left;
	width: 450px;
	display: inline-block;
	padding:0;
	margin: 140px 0 0 15px;
	font-weight: bold;
	font-size:12px;
	line-height:19px;
	
}
#layout .containerHome img#HomeFlame {
width: 87px;
height: 85px;
margin:0;
padding:0;
position: absolute;
left: 243px;
top: 284px;

}
#layout .containerHome img#Banner {   /*  news and deals banner for bottom right 259 x 86 pixels */
width: 259px;
height: 86px;
margin:0;
padding:0;
position: absolute;
left: 530px;
top: 480px;

}

#layout .containerHome img#ImageMap {      /* placeholder for imagemap.gif */
width: 588px;
height: 377px;
margin:0;
padding:0;
position: absolute;
left: 197px;
top: 189px;

}


#layout .containerHome img#News {   /*  news and deals banner for bottom left 100 x 31 pixels */
width: 100px;
height: 31px;
margin:0;
padding:0;
position: absolute;
left: 30px;
top: 530px;

}
#layout .containerHome img#Youtube {   /*  youtube banner for bottom left 100 x 46 pixels */
width: 100px;
height: 46px;
margin:0;
padding:0;
position: absolute;
left: 30px;
top: 480px;

}


div.flash {
	position: absolute;
	top: 137px;
	left: 417px;
}
div.leftPane h1{
	margin:0px 0px 5px 10px;
	font-size:12px;
	color: #ffffff;
}

div.leftPane h1.H1NarrowFit{
	margin:120px 0px 15px 10px;
	font-size:15px;
	color: #ffffff;
	width: 200px;
}

div.leftPane h1.H1NarrowFitHigh{
	margin:0px 0px 15px 10px;
	font-size:15px;
	color: #ffffff;
	width: 200px;
}

div.leftPane h1.H1Unlimited{
	margin:120px 0px 15px 10px;
	font-size:15px;
	color: #ffffff;
	width: 400px;
}


div.leftPane h1.H1WideFitHigh{
	margin:0px 0px 5px 10px;
	font-size:15px;
	color: #ffffff;
	width: 500px;
}


div.leftPane p{
width: 200px;	
}



div.leftPane p.ParaNarrowFit{
	margin:10px 0px 10px 10px;
	font-size:12px;
	width: 200px;
}

div.leftPane p.ParaNarrow3Fit{
	margin:10px 0px 10px 10px;
	font-size:12px;
	width: 250px;
}

div.leftPane p.ParaNarrow2Fit{
	margin:10px 0px 10px 10px;
	font-size:12px;
	width: 245px;
}

div.leftPane p.ParaWideFit{
	margin:10px 0px 10px 10px;
	font-size:12px;
	width: 500px;
}

div.leftPane p.ParaUnlimited{
	margin:10px 0px 10px 10px;
	font-size:12px;
	width: 420px;
}

div.leftPane p.ParaUnlimited2{         /* full width paragraph clear of the dark edges */
	margin:10px 10px 10px 40px;
	font-size:12px;
	width: 500px;
}



div.leftPane h2{
	margin:0px 0px 10px 10px;
	font-size:12px;
}
div.leftPane a {
	color: #e0882f;
	text-decoration: none;
}
div.leftPane h3 {
	margin:0px 0px 10px 10px;
	font-size:20px;
	color: #fff;
}
div.leftPane h3 a {
	color: #fff;
}
div.leftPane img {
	border: none;
	margin-left: 10px;
}


div.rightPane {
	
	float: left;
	width: 425px;
	height: 580px;
	margin:0px 0px 0px -80px;
	z-index:1;
}
div.rightPane img.circleImage{
margin:120px 0px 0px 40px;

}

div.rightPaneLinks {
	
	float: left;
	width: 350px;
	height: 580px;
	margin:0px 0px 0px 0px;
	z-index:1;

}


div.inspiration{
margin:190px 0px 0px 10px;
line-height:17px;

}
div.inspiration a{
color:#FFFFFF;
text-decoration:none;
}


div.footer{
	width:800px;
	height:30px;
	margin:0px;
		
	
	background-image:url(./theme/hpWeb/assets/footer_bg.gif);  /* just dotted lines - container overlaps behid in case of fade-off of image*/
	background-position:top;
	background-repeat:no-repeat;
	position:absolute;
	text-align:right;

}
div.footer div.links{
	height:25px;
	margin:10px 15px 0px 0px;
	font-size:12px;
	clear:none;
}




/* GALLERY STYLE */


div.imageViewer div.smallPictureHost {
	height:100px;
	width: 100px;
	margin:5px 5px 5px 5px;
	display:inline;
	float:left;
}

div.imageViewer div.smallPictureHost div.smallPicture{
	width:100px;
	height:100px;
	overflow:hidden;
	cursor:pointer;
}

div.imageViewer div.mainPictureHost {
	
	width: 400px;
	float:left;
	margin: 5px 5px 5px 5px;
	vertical-align:top;
	text-align:left;
	padding:0px;
	display:inline;
}

div.imageViewer div.mainPictureHost div.mainPicture{
	width:400px;
	overflow:hidden;
}

div.imageViewer div.mainPictureHost div.mainPicture img{

}

div.imageViewer {
	width: 400px;
	margin: 0px 0px 0px -5px;
	padding:0px;
	
}

div.imageViewer div.smallPicture img.thumbnailImage {
}

div.mainPicComment{
	visibility: hidden;
	height: 0px;
	width: 0px;
}

div.imageViewer div.tempPic {
	visibility:hidden;
}
div.tempComment {
	visibility:hidden;
	display:none;
}


ul.orangeList{
color:#FF9900;
margin:10px 0px 0px 30px;
padding:0px;
font-size:16px;
}
ul.orangeList li{
line-height:24px;
margin:-2px 0px 10px 5px;
padding:0px;
list-style-image:url(./theme/hpWeb/assets/bullet-star.gif);
list-style-position:outside;
list-style-type:none;
}


/*
----------------------------------------popup images - our story etc
*/
	.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.3;
			opacity:.30;
			filter: alpha(opacity=40);
		}
		.white_content {
			display: none;
			position: absolute;
			left: 50%;
			top: 40%;
			margin-left: -340px;
			margin-top: -220px;
			width:700px;
			height:530px;
			z-index:1002;
			overflow:hidden;
			background-color:#FFFFFF;
			color:#333333;
		}
		div.white_content img.close {
			cursor: pointer;
		}
		div.white_content img.month {
			margin: 0 2px 0 350px;
			padding: 0;
		}
		div.white_content img.year {
			margin: 0;
			padding: 0;
		}
		div.white_content .left {
			float: left;
			
			text-align: left;
			margin-left: 11px;
			margin-top: 11px;
			width: 325px;
			height: 475px;
		}
		
		div.white_content .right {
			float: right;
			
			text-align: left;
			margin-top: 11px;
			margin-right: 11px;
			
			width: 335px;
			height: 475px;
			
			overflow: auto;
		}
		
				div.white_content .center {
			float: left;
			
			text-align: left;
			margin-left: 11px;
			margin-top: 11px;
			margin-right: 25px;
			
			width: 630px;
		
		}
		
		div.white_content .full {
			
			
			text-align: left;
			margin:11px 11px 11px 11px;
			
			width: 680px;
			height: 475px;
			
			overflow: auto;
			/*background-image: url(close.jpg);
			background-position: bottom left;
			background-repeat: no-repeat;*/
		}
		div.white_content div.full img.section{
			margin:0px 0px 0px 10px;
			
		}
		div.white_content .full .pressLeft {
			float: left;
			text-align: left;
			margin-top: 11px;
			width: 300px;
			
			
			
		}
		
						div.white_content .full .pressLeft img {
			margin:0; padding:0;
		}
		
		div.white_content .full .pressRight {
			float: left;
			text-align: left;
			margin-top: 11px;
			width: 330px;
			
			
		}
		
				div.white_content .full .pressRight p {
			width: 320px;
		}

		
		
		
		
		
#register {
width: 200px;
height: 150px;
text-align:left;
margin:0;
padding:0;
position: absolute;
left: 590px;
top: 85px;

		}
		
#register img { padding:0; margin:0;}

#register2 {
width: 200px;
text-align:left;
margin:0;
padding:0;
position: absolute;
left: 130px;
top: 585px;

		}
		
#register2 img { padding:0; margin:0;}

img#inspiration_imagemap { margin: 28px 0 0 15px; width:263px; height: 216px;}
		
		f