/* CSS Document */

/* Glacier Fly Fishing - Styles */

html {
    background: rgb(188,191,173);
    font-family: "lucida sans";
    font-size: 17px;} 
	
body {
    margin-top: 0px;
    position: relative;}

#container {
    position: relative;
    width: 950px;
    margin: 0 auto;
    margin-top: 0px;
    background: url(../../../../images/background-filler.jpg) 0px 200px repeat-y;}
    
#second-container {
    position: relative;
    width: 950px;
    background: url(../../../../images/background.jpg) no-repeat;}
    
#header {
    position: relative;
    width: 950px;
    height: 180px;
    background: url(../../../../images/header.jpg) no-repeat;}
    
#header h1#header-logo {
    position: absolute;
    height: 150px;
    width: 315px;
    top: 30px;
    left: 0px;
    text-indent: -9000px;}

#header h2#header-img1 {
    position: absolute;
    height: 150px;
    width: 140px;
    top: 30px;
    left: 315px;
    text-indent: -9000px;}
    
#header h2#header-img2 {
    position: absolute;
    height: 150px;
    width: 240px;
    top: 30px;
    left: 455px;
    text-indent: -9000px;}
    
#header h2#header-img3 {
    position: absolute;
    height: 150px;
    width: 255px;
    top: 30px;
    left: 695px;
    text-indent: -9000px;}
  
/* Navigation - Global */
div#nav-global {
    position: relative;
    width: 890px;
    
    font: bolder 18px "lucida sans";
    margin: 0px 0px 180px 0px;
    padding: 10px 15px 15px 45px;}
    
* html div#nav-global {
    margin-left: -30px;
    padding: 10px 0px 15px 60px;
    background: transparent;}
    


div#nav-global a { 
    text-decoration: none;
    padding: 0px 13px 0px 13px;
    font-size: 100%;
    color: rgb(0,0,0);}
  
div#nav-global a:hover { color: rgb(255,255,255);}

div#nav-global a#current { 
    font: bolder italic 20px "lucida sans";
	color: rgb(255,255,255);}
	
/* Link to Blog Styles */
div#blog-link {
    position: absolute;
    top: 225px;
    left: 15px;
    width: 240px;
    height: 80px;
    background: url(../../../../images/blog-link-background.png)  no-repeat;
    padding: 20px 20px 0px 10px;}
    
* html div#blog-link {
    background: transparent;}
    
div#blog-link a {
    font:  bolder italic 18px "lucida sans";
    color: rgb(0,0,0);
    text-decoration: none;}
    
div#blog-link a:hover {
    color: rgb(255,255,255);}
    

/* Navigation - Side */
#nav-side {
    position: absolute;
    top: 400px;
    left: 730px;}
  
#nav-side-ul {
    list-style: none; 
    padding:0;
    margin: 0; }
  
#nav-side-ul li {
    padding: 8px 0px 0px 0px;}
    
#nav-side-ul li a {
    font: italic bolder 18px "lucida sans";
    color: rgb(0,0,0);}
    
#nav-side a:hover { color: rgb(255,255,255); }


/* Content-Header */
h1#content-header {
    position: absolute;
    top: 425px;
    left: 95px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-style: italic;}


/* Content */
div#content {
    position: relative;
    width: 625px;
    background: url(../../../../images/content-bg-mid.png) repeat-y;
    color: rgb(0,0,0);
    font-size: 17px;
    margin: 0px 0px 0px 40px;
    padding: 20px 0px 0px 0px;}
    
div#content-bg-top {
    width: 625px;
    height: 50px;
    background: url(../../../../images/content-bg-top.png) no-repeat;
    margin: 0px 0px 0px 40px;}
    
div#content-bg-bot {
    width: 625px;
    height: 50px;
    background: url(../../../../images/content-bg-bot.png) no-repeat;
    margin: 0px 0px 0px 40px;} 
    
div#content p {
    padding: 0px 35px 0px 60px;
    margin: 0;}
  
div#content h3 {
    margin-bottom: 0px;
    padding-left: 60px;}

div#content h3 a {
    color: rgb(0,0,0);}
  
div#content h3 a:hover { color: rgb(255,255,255); }
 
/* Photos Page Styles */
#photos-container {
    width: 950px;
    padding-top: 20px;}
    
#first-img {
    margin-left: 50px;
    border: 5px solid rgb(0,0,0);}

#first-img-p {
    width: 500px !important;
    font-style: italic;
    font-size: 20px;
    margin-left: 15px;}
     
#first-img-a { 
    float: right;
    font-family: georgia;
    font-size: 18px;}
  
#photos-container img {
    display: block;
    margin: 0 auto;
    border: 5px solid rgb(0,0,0);}
  
#photos-container p {
    position: relative;
    width: 680px;
    height: 20px;
    background: url(../../../../images/image-description-bg.png) 0px 0px no-repeat;
    margin: 0 0 0px 110px;
    padding: 5px 40px 55px 35px;
    font-size: 20px;
    color: rgb(15,15,15);
    font-style: italic;}
    
#photos-container p.narrow-img {
    width: 500px !important;
    margin-left: 190px !important;
    background: url(../../../../images/image-description-bg-narrow.png) 
        0px 0px no-repeat;}
  
#photos-container p a {
    width:100px;
    float: right;
    font-family: georgia;
    font-size: 18px;}
   
#photos-container p a:link, #first-img-a:link { color: rgb(27,67,184); }
#photos-container p a:visited, #first-img-a:visited { color: rgb(27,67,184); }
#photos-container p a:hover, #first-img-a:hover { color: #b549b2; }


/* Guiding Services Styles */
h3.guide-rates, p.guide-rates  {
    text-align: center;}
    
div#content p.guide-rates {
    margin: 5px 0 0px 0;}
    
span#beginner {
    text-decoration: underline;
    font-weight: bold;}
    
/* Reservations Styles */
form#reservation-form {
    margin: 0px;}
    
form#reservation-form ul {
    list-style: none;
    margin: 0;}
    
form#reservation-form ul li {
    padding: 0 0 10px 70px;
    width: 600px;
    font-style: italic;}
    
form#reservation-form ul li label {
    width: 200px;
    float: left;
    padding-right: 2px;
    text-align: right;}
    
form#reservation-form ul li input.personal {
    width: 180px;}
    
form#reservation-form ul li select,
form#reservation-form ul li input,
form#reservation-form ul li textarea {
     background: rgb(231,231,231);}
     
form#reservation-form ul li#submit-reset {
    padding: 15px 0 0 272px;
    margin: 0;}
    
form#reservation-form ul li#submit-reset input#reset {
    margin: 0 0 0 20px;
    padding: 0;}
    
  

/* The Catch Styles */
#rainbow {float: right; }
#cutthroat {float: right; }
#bull-trout {float: right; }
#grayling {float: right; }
#brook-trout {float: right; }
#pike {float: right; }

div#content a#catch {
    margin-left: 260px;
    color: rgb(27,67,184);
    font: italic 18px/175% georgia;
    padding: 20px 0 0 0;}
    
#content a#catch:hover { color: #b549b2; }
    

  
/* Contact Styles */
.phone-email {
    text-align: center;}
    
div#content p.phone-email {
    padding: 6px 0 0 0;}
        
.phone-email a {
    color: rgb(255,255,255);}
  
  
/* Footer Styles */
div#footer {
    width: 750px;
    margin: 0 100px 0px 100px;
    padding: 0px 0px 40px 0px;
    border-top: 2px solid rgb(0,0,0);
    font: italic 16px "lucida sans";}
    
div#footer p {
    margin: 0px;}
  
div#photos-container div#footer {
    margin-left: 125px;
    width: 700px;}
  
div#photos-container div#footer p {
    padding-left: 0;
    font: italic 16px "lucida sans" !important;}