body{ background-color: #3d2113;
      background-image:url(../images/grad.jpg);
	  background-repeat:repeat-x;
	  height:100%;
	  
}

html,body{
}
#skip a{color:black;}



.head{margin-left:60px;
     color:#3d2113;}
.clear{clear:both;}	 

#container{width:996px;
           margin: auto;
		   overflow: hidden;
		   border: 2px solid white;
		   
		   
}

h2 {color:#3d2113;
   margin-left:0px;
   margin-top:20px;
}	
hr{clear:both;color:#977757;margin-top:20px;margin-bottom:20px;}
		   
 /*navigation css begins*/  	
#navcontainer {
width:1000px;background-image:url(../images/dark_wood.jpg);
              border-bottom: 2px solid white;
			  border-top:2px solid white;
}
#navcontainer li {display: inline;
               text-transform: uppercase;
               text-decoration: none;
			   font-size:1.3em;
			   font-family:times,"times new roman",serif;
			   padding-right: 10px;
			   font-weight: bold;
			   margin-right:10px;
}
#navlist li a:link {color: white;
                 text-decoration: none;
				 text-align: center;
}
#navlist li a:visited {color: white;text-decoration: none;}

#navlist li a:focus {outline: 0;}

#navlist li a:hover {text-decoration: underline;}

#body_home #navlist_home a,

    #body_about #navlist_about a,

	#body_trail #navlist_trail a,

	#body_boarding #navlist_boarding a,

	#body_photo #navlist_photo a ,
	
	#body_links  #navlist_links a,
	
	#body_contact #navlist_contact a {color: white;text-decoration:underline;}
		   
 /*navigation css ends*/  
 /*sidebar css begins*/
#sidebar{ 
clear:both;
float:left;
 color: #333;
 padding: 10px;
 margin-top:10px;
height:100%;
 width: 180px;
 float: left;
 min-height:520px;
color:#fff;
background-color:#3d2113;
}
#sidebar p{color:#fff;}
#sidebar img{border:0;}
.icon{padding-right:10px;}/*social networking images*/

 /*sidebar css ends*/
 

/*home page css*/
#main { 
float:right;
width: 760px;
color: #333;
background-image:url(../images/Loki.png);
background-repeat:no-repeat;
background-position:300px bottom;
min-height:550px;
padding:10px 20px 10px 10px;
background-color:#977757;
display: inline;
border-left:1px solid #3d2113;
min-height:550px;
}
									
#main a{color:#3d2113;text-decoration:underline;}
#main a:hover{text-decoration:underline;}
#main a:focus{outline:none;}
/* home page css ends*/

/*content pages css*/
#main2 { 
float:right;
width: 760px;
color: #333;
padding:10px;
display: inline;
min-height:550px;
border-left:1px solid #3d2113;
background-color:#977757;
}
									
#main2 a{color:#3d2113;text-decoration:underline;}
#main2 a:hover{text-decoration:underline;}
#main2 a:focus{outline:none;}
#main2 img{padding:0px 5px 5px 0px;float:left;}
/*content page css ends*/
/*contact page and photo page css beings*/
#main3 { 
float:right;
width: 1000px;
color: #333;
min-height:550px;

background-color:#977757;
display: inline;
border-left:1px solid #3d2113;
min-height:550px;
}
#main3 h2{margin-left:30px;}									
#main3 a{color:#3d2113;text-decoration:underline;}
#main3 a:hover{text-decoration:underline;}
#main3 a:focus{outline:none;}
#main3 img{float:left;margin-left:20px;padding:10px;width:200px;}

.logos {width:1000px;}
.logos p{padding-top:10px;}

#bookings{margin-left:350px;}
/*contact page and photo page css beings*/




/*css for about ends*/

/*css for trail begins*/

caption{font-weight:bold;
font-size:1.5em;}

table,td,th{border:2px double #3d2113;
    padding:5px;
	text-align:center;
	color:rgb(61,33,19);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-bottom:40px;}
	
table{width:320px;
    margin-left:35px;

 }
/*css for trail ends*/	  


#info {text-align:center;
       color:#3d2113;
	   font-weight:bold;
	   font-size:1.25em;
	   margin-top:0px;
	   margin-bottom:20px;
}

.book {clear:both;border:0;}






/*css for footer begins*/

#footer{clear:both;
        width: 100%;
        height: 120px;
	    margin:auto;
		background-image:url(../images/dark_wood.jpg);
	    border-top: 2px solid white;
}

#footer p{text-align:center;
         clear:both;
		 padding-top:5px;
}		

#footer img {position:relative;
            bottom:55px;
		    left:400px;
            margin-top:-15px;
}	
			
#copy p{position:relative;
        bottom:55px;
		right:5px;
        margin-bottom:0px;
        color: white;
        margin-top:-15px;
}

#copy a {position:relative;
        bottom:50px;
		left:390px;
        color:white;
		margin-top:-10px;
		text-decoration:none;
}
		
#copy a:focus{outline:0;}

#copy a:hover{text-decoration:underline;}

#addy{position:relative;
      top:75px;
      right:-10px;
	  color:white;
	  font-weight:bold;
      font-size:1.1em;
}

#mail {position:relative;
        top:50px;
		left:760px;
}

#mail a{color:white;
       font-size: 1.2em;
}
/*css for footer ends*/

#thx{height:200px;}
#thx p{font-size:1.3em;padding-left:25px;padding-bottom:200px;height:100px;}
#content {height: 100%;background-color: rgb(151,119,87);overflow:hidden;}
#content h2{margin-left:20px;}
#content a{color:#3d2113;text-decoration:underline;}
#content a:hover{text-decoration:underline;}
#content a:focus{outline:none;}
#explorer{font-size:1.2em;
	  margin-left:35px;
	  margin-right:25px;
	
	  padding-right:25px;}
.photo_thanks{text-align:center;list-style:none;font-size:1.2em;color:#3d2113;}	  
	  
#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#slideshow p{color:white;}
#wrapper{width:506px; margin:50px auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:350px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px; color:white;}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../TinySlideshow/images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../TinySlideshow/images/right.gif) right center no-repeat}
#thumbnails {margin-top:20px;}
#slideleft {float:left; width:20px; height:106px; background:url(../TinySlideshow/images/scroll-left.gif) center center no-repeat; background-color:#000}
#slideleft:hover {background-color:#000}
#slideright {float:right; width:20px; height:106px; background:#000 url(../TinySlideshow/images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#000}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:106px; overflow:hidden; margin-bottom:30px;}
#slider {position:absolute; left:-10px; height:106px;background-color:black;}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}