body {background: #7194B4;
      color: black;
      font-size: 1em;
     
}

#page {margin-left: 15%;
       margin-right: 15%;
       min-width: 775px;
       background: white;
       color: black;      
       border: 1px solid #737980; 
       height: 100%;
}

#left_col {width: 40%;
           float: left;
           margin: 0;  
}

#right_col {margin-left: 45%;
            margin-top: 0; 
             
}

.floatright { 
             float: right;
             width: 40%;  
             
}

.floatleft  {
             float: left;
             width: 350px;
             margin-top: 0;  
 
}


.righttext {margin-left: 380px;
}

.unit {clear: both;
}

.floatleft p:first-child {
                          margin-top: 0;   
}

.alignright {text-align: right;

}

.clear {clear: both;
}

.reduced {font-size: 0.85em;
          text-align: right;
}

.reduced em {display: block;
}

li {list-style-type: circle;
}


img {border: 1px solid silver;
}

.copyright {font-size: 0.8em;
            margin-bottom: 0;
            margin-top: 1.5em;
            padding-bottom: 0;
            color: #293641;
            background: inherit;
} 

#awwd {
       font-family: georgia, "Palatino Linotype", "Book Antiqua", serif;
       font-variant: small-caps;
       font-size: 0.8em; 
       margin-top: 1.5em;
}  


/*header styles*/

#header {background: #60728a;
         color: white;
         background-image: url(images/lighthouse293.jpg);
         border-top: 2px solid white;
         border-left: 2px solid white;
         border-right: 2px solid white;
} 

#header h1 {margin: 0;
            padding: 0.5em 0 0 0.5em; 
} 

#header h4 {margin: 0;
            padding: 0 0 1em 0.8em;
         
}


/*footer styles*/

#footer {clear: both;
         text-align: center;
         border-top: 1px solid silver;
         margin-top: 2em; 
         padding: 0 1em 1em 0;
}

#footer ul {margin: 0;
            padding: 0;
}

#footer li {display: inline;
            padding: 0 0.3em;
            font-size: 0.85em;
            border-right: 1px solid gray;
            border-left: 1px solid gray;
}

#footer .totop { 
                font-size: 0.9em;
                text-align: right;
                margin-top: 0;
                padding: 0;
}  

#footer img {border: 0;
}

/*general styles*/

h1, h2, h3, h4, h5, .copyright {font-family: "Trebuchet MS",
Helvetica, sans-serif;
    font-style: italic; 
}

#nav ul {margin: 0;
         padding: 0.1em 0 0 0;
} 

#nav li {display: inline;
         padding: 0 0.7em 0 0;
}

#nav li a {margin: 0;
           padding: 0.1em 0 0 0;
} 

#nav {text-align: center;
      font-size: 0.9em;
      font-variant: small-caps; 
}



#nav a:link {color: #00248F;
             background: white;
}

#nav a:visited {color: #5D008B;
                background: white;
}

#nav a:hover {color: white;
              background: #60728a;
              background-image: url(images/nav_bg.jpg);
}

a:link {color: #00248F;
        background: white;
}

a:visited {color: #5D008B;
           background: white;
}

a:hover {color: white;
         background: #526C83;
}

#header, #nav {margin: 0;
               padding: 0;
}

#content {margin: 0;
          padding: 0 1em;
}


/*home styles*/

#homeleft {float: left;
           width: 350px;
           margin: 0;
           padding: 0;
 
}

#homeleft p {margin-right: 0;
             margin-left: 0;
             padding: 0;
 
}

.caption {font-family: "Trebuchet MS", Helvetica, sans-serif;
          font-style: italic; 
          text-align: center;
          font-size: 0.9em;
          margin: 0;
          padding: 0 0 1em 0;
}

ul#features li {padding: 0.2em 0;
}


#map {margin-top: 1em;
      text-align: center;
      
}

.no_hover a:hover {color: black;
                   background: white;
}

#add_pad {padding-bottom: 3em;
}

/*guestbook styles*/

.signature {display: block; 
            font-size: 0.8em;
            padding-top: 0.3em;
}
            

.signature em {display: block;
               font-style: italic;
               font-family: "URW Chancery L", "Apple Chancery",
"Lucida Handwriting", "Brush Script MT", cursive;
               font-size: 0.9em;
}

#gb p.first:first-line {font-weight: bold;  
}

#gb p.clear + p {margin-top: 0;
}

#gb p.clear {margin-bottom: 0;
}

#gb h3.floatleft {width: 60%;

}

/*your stay styles*/


#contain1, #contain2, #contain3, #contain4 {position: relative;
          padding: 0;
          margin: 2em 0;
          width: 100%;
}

#contain1 .leftpic, #contain2 .leftpic, #contain3 .leftpic, #contain4
.leftpic {width: 350px; }

#contain1 .rightpic, #contain2 .rightpic, #contain3 .rightpic,
#contain4 .rightpic {position: absolute;
                     bottom: 0;
                     right: 0;
                     }



.rightpic p.caption { text-align: center;
                        
}



/*photos styles*/

#photolayout {margin: 0 auto 10px auto;
              padding: 0 0 0 1em;  
              width: 750px; 
              text-align: center;
              height: 100%;  
}



#photonav li {display: inline;
              padding: 0 0.4em 0 0;
             
}

#photonav {font-size: 0.85em;
           clear: both; 
           margin: 15px 0 0 40px;
}


#photonav ul {margin: 0 0 0 5.4em;
              padding: 0;
}

#photonav p {margin: 0;
             
            
}


.floatunit1 {
            
            margin: 5px 30px 20px 0;
            border: 1px solid silver;
            padding: 0;
            
}

.floatunit3 {float: left;
            width: 218px;
            padding: 0;
            margin: 5px 30px 20px 0;
            border: 1px solid silver;
}

.floatunit3e {float: left;
            width: 218px;
            padding: 0;
            margin: 5px 0 20px 0;
            border: 1px solid silver;
}


#photolayout .floatunit3 .caption, #photolayout .floatunit3e .caption, #photolayout .floatunit1 .caption
                                  {margin: 0;
                                   padding: 0.5em 0 1em 0; }


#photolayout .floatunit3 .caption_add1 
                                  {margin: 0;
                                   padding: 0.5em 0 2em 0; 
                                
}

.caption_add1 {font-family: "Trebuchet MS", Helvetica, sans-serif;
          font-style: italic; 
          text-align: center;
          font-size: 0.9em;
         
}


#photolayout .floatunit3 p, #photolayout .floatunit3e p,  #photolayout .floatunit1 p {text-align: center;
                           padding: 1em 0 0 0;
                           margin: 0;
}


/*rates styles*/

#rates { float: left; 
         margin: 0 4em 1em 0;  
         width: 40%;
}

#details {margin-left: 45%;
          margin-bottom: 0; 
}

#details p {margin: 0;
            padding: 0;
}

#details p.caption {padding: 1em 0 0 0;

}

#rates h4 {margin-top: 0;
}

#rates td {padding: 0.2em 1em; 

}

#rates p {padding: 0 0 0 1.1em; 
          margin: 0.3em 0 0 0;
           
}

#rates th, #rates caption {font-family: "Trebuchet MS", Helvetica,
sans-serif;
           font-style: italic;
           font-weight: 600;
}



#rates caption {padding: 0 0 0.3em 0;
                margin: 0; 
}


#rates table {border: 1px solid silver;
              margin-left: 1em; 
              
}

#rates td {border: 1px solid silver;
}

#availibility {text-align: center;
               clear: left;
               margin-top: 0;
               width: 40%;
}

#availibility h2 {text-align: left;
                  margin-top: 0;
}

#avail {text-align: center;
}

#availibility p {margin: 0;
}

#avail {text-align: center;
        margin-top: 2em;
        padding: 0 0 0 1em;      
}

#avail p.smalltext, #availibility p.smalltext {font-size: 0.9em;
                          font-style: italic;
                          margin-top: 0.5em; 
}

#photorates {clear: both;
             text-align: center;
}

.center {text-align: center;
}

/*amenities styles*/

#amenities .unit, #amenities h4, #amenities h3 {margin-top: 0;
}


#amenitynav {
              margin: 0 0% 0 50%;    

} 

#amenitynav li {list-style-type: none;
}

.totop {text-align: right;
}


#listfloat {float: left;
            width: 40%;
            margin: 0;
            padding: 0 1.5em;
}

#listright {margin-left: 41%;
}

/*rockport styles*/

#rockportnav {clear: left; 
              margin: 0;    
              padding: 0;
              font-size: 0.9em;
} 

#rockportnav li {list-style-image: url(images/compass.gif);
                 padding: 0 0 0 4px;

}

#rockportnav ul.navlist {width: 28%;
                         float: left;
                         margin: 0% 3% 4% 0%;  
                         padding: 0 0 0 18px;
                         
} 

#rockportnav ul.navlist1 {                        
                          margin: 0% 0% 4% 60%;  
                          padding: 0; 
                         
} 

h4#antiques {margin-top: 0;
}

#rokpt {margin: 0 10%;
}

#rockright {margin-left: 375px;
            text-align: center;
}

#rokpt .floatright {float: right;
                     width: 200px;
                    margin-left: 2em;
                    
}

#rokpt .floatright .caption {padding: 0;
                             
}