/*

STYLE SHEET FOR PARTRIDGE SHOOTING WEBSITE
Created by Paul Randall
www.gameshootinglangholm.co.uk


*/

/* -----------------------------------*/
/* ----------->>> MAIN <<<------------*/
/* -----------------------------------*/

body{
	margin:0;
	padding:0;
	font-size: 12px; 
	color: #FFFFFF; 
	background: url('../img/body-bg.jpg') no-repeat 50% 0 #182F1A;
	}

#home-body{
	background: url('../img/home-body-bg.jpg') no-repeat 50% 0 #182F1A;
	}
	
#header{
	height: 76px;
	padding-top: 27px;
	background: url('../img/navigation-gradient.jpg') no-repeat 0 100% transparent; 
	width: 829px;
	margin: 0 auto;
	}

#header img{
	margin-left: 50px;
	}

#container{
	width: 829px; 
	clear: both;
	margin-left: 40px;
	_margin-left: 80px; /* reapply first rule to IE6 */
	}
	
#navigation{
	width: 829px;
	background: url('../img/navigation-gradient.jpg') no-repeat 0 100% transparent; 
	height: 34px;
	.height: 33px; /* affects both IE6 & IE7 */
	_height: 33px; /* reapply first rule to IE6 */
	margin: 0 auto;
	}

#navigation ul{
	list-style-type:none;
	margin-left: 50px;
	margin-top: -1px;
	height: 34px;
	}
	
#navigation li{
display: block;
height: 34px;
background: url('../img/navigation.jpg') no-repeat #404627;
float: left;
	}

#navigation a{
	width: 100%;
	height: 34px;
	}

#body #main{
	width: 720px;
	}

#home-body #main{
	width: 300px;
	}

#skip{
	display:none;
	}
	
hr{
	display: none;
	}

#centre{
	margin: 0 auto; 
	width: 829px;
/*padding to stop contents writing on top of nav*/
	padding-top: 20px;
	}
	
#footer{
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 40px;
	height: 40px;
	width: 829px;
	background: url('../img/footer-gradient.jpg') no-repeat top left transparent;
	clear: both;
	}

#footer .address-footer{
	float: left;
	width: 360px;
	padding-left: 50px;
	_margin-left: 5px; /* for IE6 again - only browser that needed extra margin */
	}

#footer .flaydemouse{
	float: right;
	padding-right: 80px;
	}

.hcard {
	margin:5px 0px;
}
.hcard_add {
	background:url(../img/hcard_add.gif) no-repeat 0px 0px;
	padding:0px 0px 5px 33px;
	height:18px;
}

.left-img{
	float: left;
	clear: both;
	padding-bottom: 20px;
	}

.right-img{
	float: right;
	clear: both;
	margin-left: 15px;
	padding-bottom: 20px;
	}

.hide{
	display: none;
	}

/* -----------------------------------*/
/* -------->>> NAVIGATION <<<---------*/
/* -----------------------------------*/

#navigation li a:hover{
background-position: 0 34px;;
	}

#navigation li.home{
	width: 66px;
	background-position: 0 0;
	}

#navigation li.seasons{
	width: 83px;
	background-position: -66px 0;
	}

#navigation li.bags{
	width: 53px;
	background-position: -149px 0;
	}

#navigation li.accommodation{
	width: 165px;
	background-position: -202px 0;
	}

#navigation li.contact-us{
	width: 119px;
	background-position: -367px 0;
	}

/*-------HOVER-------------*/
	
#navigation li.home:hover{
	background-position: 0 -68px;
	}

#navigation li.seasons:hover{
	background-position: -66px -68px;
	}

#navigation li.bags:hover{
	background-position: -149px -68px;
	}

#navigation li.accommodation:hover{
	background-position: -202px -68px;
	}

#navigation li.contact-us:hover{
	background-position: -367px -68px;
	}
	
/*-------SELECTED-------------*/

#navigation li.home#selected{
	background-position: 0 -34px;
	}

#navigation li.seasons#selected{
	background-position: -66px -34px;
	}

#navigation li.bags#selected{
	background-position: -149px -34px;
	}
	
#navigation li.accommodation#selected{
	background-position: -202px -34px;
	}
	
#navigation li.contact-us#selected{
	background-position: -367px -34px;
	}

#navigation ul a span {
	cursor:pointer;
	display:block;
	height:34px;
	text-indent:-25000px;
}

/* -----------------------------------*/
/* ---------->>> FONTS <<<------------*/
/* -----------------------------------*/

body{
	font-size: 16px;
	font-family: times new roman, serif;
	color: #FFFFFF;
	}

h1{
	font-size:22px;
	font-style: italic;
	font-weight: bold;
	padding: 5px 0 30px 0; 
	margin: 0; 
	font-weight: normal;
	}

#body h1{
	width: 450px;
	}
	
h2{
	font-size: 18px; 
	padding: 10px 0; 
	margin: 0;
	}
	
p{
	padding-bottom: 20px;
	}

#footer{
	font-size: 12px;
	}

a{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}
	
a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}
	   

acronym{
	border-bottom:dotted 1px #FFFFFF;
	cursor: help;
	}

.left-text{
	float: left;
	width: 440px;
	text-align: left;
	}

.right-text{
	float: right;
	width: 425px;
	text-align: right;
	}

#container h1,h2,h3,h4,h5,h6,p{
	margin-left: 10px;
	}