/*
	line 1: positioning
	line 2: sizing margins etc
	line 3: specialised formatting
	line 4: debug

*/
body{
	background:url(../images/bg.jpg) repeat-x; background-color:#1d1d1d;
}

#container{
	position: relative;
	width: 940px;
	margin: 0 auto; margin-top: 40px;
	border:#666 1px solid;
}


#branding{
	position:relative;
	height: 67px;margin-top: 30px;	
	background:url(../images/banner1.gif) right; border-width: 1px 0; border-style: solid; border-color:#999;
}

h1{
	float: right;
}

#nav{
	position:absolute;bottom: 12px; left: 40px; text-transform: uppercase;
}

#nav a{
	padding: 0px 10px; margin-left: 1px; font-size: 12px; font-weight: bold;
	 color:#fff;  border-style: solid;border-width: 0 1px; color:#fff; border-color: #FFF;
}

#nav a:hover{
	 /*padding: 3px 10px;*/
	 color: #CCC;
}

#nav li{
	position:relative;
	display: inline;
	margin-left: -6px;
	
}

#content{
	background:url(../images/content_bg.gif) top no-repeat;
	padding-top: 50px;
}

#content_main{
	padding: 0 60px 50px 60px;
	background: url(../images/content_bg.gif) center bottom repeat-y;
	min-height: 400px;
}

#content_main p{
	padding-right: 240px;
}

#content_main img{
	float: right;
	padding: 0 0 15px 10px;
}

#installation #content_main img{
	padding: 0 0 15px 10px;
}


#content_sub{
	float: right;
	width: 300px;height: 400px;
	background:#333333;
}

#site_info{
	position: relative; clear: both;
	height: 70px;
	border-top: #999999 1px solid;
}


#site_info li{
	position: absolute; height: 30px; top: 20px;text-indent: -9999px;
}

li#onwood{
	width: 110px; left: 35px;
	background: url(../images/onwood_ltd.gif) center no-repeat;
}

li#onwood a{
	position:absolute; left: 5px; top: 4px;
	width: 110px; right: 220px; 
}


/*li#mountimg{
	width: 60px; left: 220px; 
	background: url(../images/mount.gif) center no-repeat;	
}*/

li#patent{
	width: 220px;right: 330px;
	background: url(../images/patent.gif) center no-repeat;	
}

li#inject{
	width: 30px; right: 220px; 
	background: url(../images/inject.gif) center no-repeat;	
}

li#inject a{
	position:absolute; left: 5px; top: 4px;
	width: 20px; right: 220px; 
}

li#nz_made{
	width: 100px;  left: 219px; 
	background: url(../images/made_in_nz.gif) center no-repeat;	
}

li#buy_now{
	width: 110px;  right: 30px;
}

li#buy_now form{
	 height: 100%;
}

li#buy_now input{
	position: absolute; top: 3px; left: 0;
}

a:active, a:focus {
 outline: 0
}


/* ----------------- Section Specific Rules ------------------ */

.retailers{
	list-style:circle;
	margin-left: 20px;
}


/*standard gallary stuff*/
.gallery ul{
	width: 100%; float: left;
	padding-bottom: 10px;
}
.gallery li{
	 position: relative; display: block; float: left;
	 margin: 10px 12px 0 13px; padding: 0;
}
.gallery li .mask{
	position: absolute; left: 0; top: 0; z-index: 20;
	background-color: #000;
}
.gallery img{
	z-index: 0;
	margin: 0!important; padding: 0!important;
	float: none!important;
}



/*gallary page specific*/
#gallery .gallery li{
	right: 8px; top: -8px;
	width: 180px;height: 362px;
}



#gallery .gallery img{
	/*width: 195px;height: 323px;*/
	width: 187px;
}
#gallery .mask{
	width: 195px; height: 375px;
	background:url(../images/gallary1/gallary_mask.gif) center no-repeat;
}

/*mount page specific*/
#mount h3{
	float: left; display: block; position: relative;  text-indent: -2000px;
	width: 218px; height: 100px;
	font-size:30px; text-transform:uppercase; text-align: center;
	background:url(../images/mountlogo.gif) center no-repeat;
}


#mount h3 em{
	font-size: 180%;
}
#mount .small_images{
	width: 600px;
}
#mount .gallery .small_images li{
	width: 124px;height: 90px;
}


#mount .small_images img{
	width: 128px;height: 90px;
}

#mount  .small_images .mask{
	width: 130px;height: 90px;
	background:url(../images/the_mount/mount_mask_top.gif) center no-repeat; 
}



#mount .gallery .vert_imgs li{
	width: 92px;height: 192px; margin: 10px 15px 0 0;
}

#mount .vert_imgs .mask{
	width: 92px;height: 194px;
	background:url(../images/the_mount/mount_mask.gif) center no-repeat;
}

#mount .gallery .vert_imgs{
	padding: 10px 0; margin-top: 10px;
	border-top: #ff8001 1px solid;
}
#mount .vert_imgs img{
	width: 92px;height: 194px;
}

	
#mount .gallery .vert_imgs li.large{
	width: 267px;height: 190px; margin-right: 0;
}

#mount .vert_imgs li.large .mask{
	width: 280px;height: 194px;
	background:url(../images/the_mount/mount_mask_large.gif) center no-repeat;
}

#mount .vert_imgs li.large img{
	width: 280px;
}

/*contact page*/
#contact #content_main .vcard{
	padding-bottom: 20px;
}

#contact #content_main li{
	position: relative;
	padding: 0px 0 10px 80px;

}
#contact #content_main li strong{
	position: absolute; left: 0; top:0;
}


#home .head{
	margin-top: 12px; padding: 5px;
	border: #999 1px solid; background-color: #000; /*background:url(../images/bg_grad.jpg) left repeat-y;   */
	/*-webkit-border-radius: 5px; */
	/*-moz-border-radius: 1em;*/ 
	/*-webkit-box-shadow: 5px 5px 10px #fff;*/
}	


#home h2{
	display: none;
}
#home h3{
	float: left; display: block; position: relative; top:5px;
	width: 190px; height: 80px; padding: 0; margin: 0 10px; text-indent: -9999px;
	font-size:24px; text-transform:uppercase; text-align: center;
	background:url(../images/mountlogo2.gif) left no-repeat;
}




#home h3 em{
	font-size: 180%;
	color: #fff;
}
#home em{
	color:#ff8001;
}
#home div.head{
	background-image: url(../images/nigel.jpg);background-repeat:no-repeat;background-position: 587px 13px;
}

/*set font size to 11px in all browsers*/
#home div.head{font-size:11px;}
/*set font size to 12px in all browsers but safari*/
#home div.head{font-size:12px;#}

/*target KHTML based browsers to make font size of home page smaller to stop spilling*/
@media screen and (-webkit-min-device-pixel-ratio:0){ 
#home div.head {font-size:11px;}
} 



#home .image{
	margin-top: 15px; height: 276px; margin-bottom: 6px;
	border: #999 1px solid;
	background-color:#333;
	background:url(../images/wood-home.jpg) center no-repeat;
	/* -moz-border-radius: 5px; 
	 -webkit-border-radius: 5px;*/
}