* {	
		margin:0;
		padding:0;
  }
				
body	{		
				font-family: verdana, sans-serif;
				text-align:center;
				background: #FFFFFF url(images/B_bodygradient.gif) center repeat-y;
				font-size: small;
				padding-top: 10px;
		}
		
		
div#wrapper	{
					  text-align:left;
					  border: 1px solid #324248;
					  background: #FFFFFF;
		}

div#header	  {
					height:252px; 
  					background: #FFFFFF url(images/NewMasthead.jpg) no-repeat left;
  					text-indent: -9999px;
  		   }

div#header h4 {
					text-align:right;
			  }

/* Positioning of the local time */
h4#localtime {
					text-align:right;
					position: relative;
					top: 230px;
					right: 48px;
			  }				


/*----------------------------------------------------------------------*/
/*      Content formatting												*/
/*----------------------------------------------------------------------*/
					
div#content 	{
			background: #FFFFFF;
            }

div#content h2 {
			margin: 10px 10px 5px 10px;
			padding: 2px 0 2px 4px; 
			letter-spacing: 1px;
			font-size: 100%;
			border-bottom: 1px solid #b5b5b5;
			}

#content a 	{
			text-decoration: none;
			}
			
#content a:hover {
			border-bottom: 1px solid;
			}
		
			
/* -----------------------------------------------------------*/
/* using #intro to create a paragraph that clears the nav bar */
/* -----------------------------------------------------------*/			
div#content #intro { 
			margin: 40px 10px 10px 0px;
			letter-spacing: 1px;
			font-size: 120%;
			font-weight: 900;							
			} 
					
div#content p {	
			margin: 10px 10px 10px 0px;
			padding: 0px 0px 0px 10px;
			line-height: 1.4em;
			color: #000000;
			font-size: 100%;
			}
				
					  
/* ---------------------------------------------------------------------*/
/* pricing tables layout												*/
/* ---------------------------------------------------------------------*/

div#content table {
			Margin-left: 10px;
			border-collapse: collapse;
			width: 400px;
			border: 1px solid #b5b5b5;
		}
		
div#content td {
			padding: 2px;
			border-bottom: 1px solid #b5b5b5;
			text-align: left;
		}

/*----------------------------------------------------------------------------*/	
		 
h1 {
  Display:none; /* using this to not show text in the masthead */
}

 /* ------------------------------------------------------------------------*/
 /* Content Drop shadow and border effect for gallery photos.			    */
 /* ------------------------------------------------------------------------*/
 
.ContentImg-wrapper {
	  float: left;
	  margin: 5px 1px 7px 25px;
	  background: url(images/shadow.gif) no-repeat bottom right;
	  line-height: 0;
  }
  
.ContentImg-wrapper img {
	  position: relative;
	  float:none;
	  background: #fff;
	  padding: 2px;
	  border: 1px solid #C5BDBD;
	  left:-4px; /* These 2 control the placement of the image over the drop shadow. */
	  top:-2px;
  } 

 #content .ContentImg-wrapper a:hover{
		border-bottom: none;
		}
		
  .spacer {
			clear: both;
 			}
  
/* -----------------------------------------------------------------*/
/*  Sidebar formatting				                                   */
/* -----------------------------------------------------------------*/
					
div#sidebar2   ul {
						list-style: none;
						margin-left: 15px;
						margin-bottom: 15px;
					 }
					 
div#sidebar2 li {
						padding: 10px 0px 5px 25px;
						line-height: 1.4em;
						font-size: 120%;
						border-bottom: 1px dotted;
					 }
					 
div#sidebar2 a {
						text-decoration: none;
						color: #000000;
					}
					
div#sidebar2 a:hover {
							 text-decoration: underline;	
							}
					 
div#sidebar2 .telephone {
									background: url(images/icon_telephone.gif) no-repeat left center;
					 			}
					 
div#sidebar2 .cellphone {
									background: url(images/icon_cellphone.gif) no-repeat left center;
					 			}
					 
div#sidebar2 .email 		{
									 background: url(images/icon_email.gif) no-repeat left center;
									 margin-top: 7px;
					 			}
					 
div#sidebar2 .snailmail {
					  				background: url(images/icon_mailbox.gif) no-repeat left center;
					 			}
					 
 /* ------------------------------------------------------------------------*/
 /* Sidebar Drop shadow and border effect for the photos.				    */
 /* ------------------------------------------------------------------------*/

.img-wrapper {
  float: left;
  margin-bottom: 5px;
  margin-left: 10px;
  background: url(images/shadow.gif) no-repeat bottom right;
  line-height: 0;
  }
  
.img-wrapper img {
  float:none;
  background: #fff;
  padding: 2px;
  border: 1px solid #C5BDBD;
  position: relative;
  left:-4px; /* These 2 control the placement of the image over the drop shadow. */
  top:-2px;
  } 

/* --------------------------------------------------------------*/
/*  Dealing with gallery nav 								  	 */
/* --------------------------------------------------------------*/
 
 #gallerynav {
	list-style: none;
	margin-left: 10px;
	}

#gallerynav li {
	display:inline;
	}

#gallerynav a {
	text-decoration: none;
	font-size:100%;
	}				
	
#gallerynav a.active, #gallerynav a:hover, #backtop:hover{
	border-bottom: 1px solid #324248;
	}	

#Trophy, #Hunters, #Scenery, #Birds, #backtop{
	text-decoration: none;
	}
	
#backtop {
	float:right;
	margin: 0px 80px 20px 20px;
	font-weight:300;
	}
	
#content #Trophy:hover, #content #Hunters:hover, #content #Scenery:hover, #content #Birds:hover {
	border-bottom: none;
	}
	

/* --------------------------------------------------------------------*/
/*  Navigation setup and formatting								 	   */
/* --------------------------------------------------------------------*/

#nav {
		position: absolute; /* Did this to deal with the IE6 issues with the border around the content div and it's effect on nav */
		float: left;
		width: 960px; /* adjust this to deal with borders when implemented */
		list-style: none;
		background: #34382A url(images/nav_bush_bg.gif) repeat-x bottom; /* the image here is the bottom line that runs along old colour #324248*/
		}

#nav li {
			float: left;
			margin:0;
			padding:0;
			font-size: 120%; 
			}

#nav a {
			float: left;
			display: block;
			margin: 0 3px 0 0; /* This spreads the gap between the tabs*/
			padding: 3px 10px; /* 4px 8px; This controls the width of tab headers*/
			color: #FFFFFF;
			font-size:100%;
			text-decoration: none;
			border: 1px solid #FFFFFF; /*borders around the tabs*/
			/*border-bottom: none;*/ /* This allows for the line to run along the bottom of the tabs */
			background: #324248 url(images/tab_off_BG.gif) repeat-x top left; /* Nav button background #333333 */
		 }

/* Deal with the hovering when selecting tabs and what a selected tab looks like */
#nav a:hover, body#Home #Home a,
#nav a:hover, body#Hunting #Hunting a,
#nav a:hover, body#Gallery #Gallery a,
#nav a:hover, body#GettingThere #GettingThere a,
#nav a:hover, body#Accom #Accom a,
#nav a:hover, body#Other #Other a,
#nav a:hover, body#GenInfo #GenInfo a,
#nav a:hover, body#Russian #Russian a
 	     {
		  		color: #FFFFFF;
				padding-bottom: 5px; /* This creates the overlap of the bottom border to clear it */
				background: #006137 url(images/tab_on_BG.gif) repeat-x top left;
				font-size:100%;
		  }

/* Dealing with the border of the about us tab it doubles up with the border of the content border*/
#nav #Home a
			{
			  margin-left:10px;
			}
			

/* ----------------------------------------------------------------------*/
/* Formatting of the email form is dealt with here
/* ----------------------------------------------------------------------*/
#emailform {
			margin:40px;
			}
			
#emailform fieldset {
						margin: 0 0 15px 0;
						border:none;
                     }

#emailform fieldset label {
							 display:block;
							 margin: 0 0 3px 0;
							 font-weight:bold;
							}
							
#emailform fieldset input,
#emailform fieldset textarea {
		   					   	width:400px;
		   					   	padding: 5px;
		   					   	border: none;
		   					   	border-bottom: 1px solid #C8CCCE;
		   					   	border-right: 1px solid #C8CCCE;
		   					   	background: #DEE1E2 url(images/bg_input.gif) repeat-x top;
		   					   	font-family: verdana, sans-serif;
		   					   	font-size: 100%;
		   					   	border-radius: 5px;
		   					   	-webkit-border-radius: 5px;
		   					   	-moz-border-radius: 5px;
		   					   	}

#emailform fieldset input:focus,
#emailform fieldset textarea:focus {
										background: #fff;
										border: 1px solid #C8CCCE;
                                   }

		   					   	
#emailform #emailbody {
						height:200px;
						}
			
			
 
/* ----------------------------------------------------------------------*/
/*   Footer formatting
/* ----------------------------------------------------------------------*/

div#footer		{
						position:relative; /* this is added to deal with positioning paragrah at bottom of footer. */
						height: 95px;
						background: #FFFFFF url(images/FooterBush960_BG.gif) no-repeat left;
					}

div#footer p	{
						position: absolute; /* Use this to get the text to stay at bottom of footer, also have to add position relative to footer div above */
						bottom: 2px;
						margin:0;
						padding:0px 0px 0px 10px;
						font-size: 80%;
						color: #FFFFFF;
						text-align: left;
					}


/* ------------------------------------------------------------------------*/
/* Layout is handled from here onwards              			   */
/* Original dimensions - Container 700px				   */
/* content 500px + navigation 200px and extra 200px 		*/
/* Got to take wrapper border into into account
/* ------------------------------------------------------------------------*/

div#wrapper	{
						width:960px;
						margin:0 auto;
					}

div#content		{
						float:left;
						width: 740px;
				  	}

div#sidebar1	{
						float:right;
					 	width:219px; /* Allow for 1px border */
					 	clear:right;
					 	margin: 0px 0 0 0px;
				  	}

div#sidebar2		{
						  float:right;
					  	  width:219px; /* Allow for 1px border */
					  	  margin: 40px 0 10px 0px;
				  		}

div#footer		{
						clear:both;
					 	width:100%;
				  	}

/** HACKS go here **/
/* ======================*/

/** This hack stops the footer flowing back up the page when viewed in IE**/
/* Hide this hack from IE5/Mac \*/
*html #footer {height:1%;}

/* End hiding from IE5/Mac */