@charset "UTF-8";

/*==============================================
/* Screen display style-sheet for the Elk
/* Guest House website. Created for Cynthia
/* Courtney by Brendan McGuigan, use whatever
/* you want.
/*
/* Last Updated August 23rd, 2007
==============================================*/

/*======================================
/* Reseting all basic styles, so that
/* there are a lot less cross-browser
/* display issues.
======================================*/

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, form, body, html, p, input, ul, ol, li { margin: 0; padding: 0;}
ul, ol { list-style: none; }
a img, :visited img, :link img { border: none; }
:link, :visited { text-decoration: none; }

/*===========================
        Primary Styles
===========================*/

body {
  background-image: url(images/background.gif);
  text-align: center;
}

.clear { clear: both; }
.invisible { display: none; }

#container {
  text-align: left; 
  width: 800px;
  margin: 5px auto 0 auto;
}

/*==========================
        Menu Styles
==========================*/

.title { float: left; font-size: 26px; margin: 0 12px 0 5px; color: rgb(30,30,30); letter-spacing: 3px; font-variant: small-caps}

ul#menu {
	border: 0;
	float: right;
	margin-top: 8px;
	}
	
ul#menu li {
	display: inline;
	font-size: 15px;
	padding-left: .5em;
	text-indent: 0;
	list-style: none;
	font-variant: small-caps;
	/*letter-spacing: 5px;*/
	letter-spacing: 3px;
}

.topMenuItem { border-right: 1px solid rgb(160,160,160); padding-right: .7em;}

li a { color: rgb(100,100,100); }
li a:hover, li a:active { color: rgb(40,40,40); }

/*============================
      Button Box Styles
============================*/

.buttonBox { 
  float: right; 
  margin: 10px 20px 15px 0; 
  text-align: center;
  width: 376px;
}

.buttonBox img {
  border: 3px double black;
  margin: 0 auto 0 auto;
  background-color: white;
}

#firstImage { margin-right: 24px; }
#thirdImage { margin-left: 24px; }

/*============================
         Content Styles
============================*/

.header { width: 815px; padding: 20px 0px 0 9px; }

.viewport { 
  border: 3px solid rgb(0,0,0); 
  border-left: 8px double rgb(0,0,0); 
  border-right: 8px double rgb(0,0,0); 
  padding: 10px; 
  width: 800px; 
  height: 475px; 
}

.blurb { float: left; padding: 30px 0 0 30px; position: absolute; }
/* .logo {  width: 132px; height: 84px; margin: 0 0 0px 0; background-repeat: no-repeat; } */

.content {
  width: 350px;
  height: 300px;
  background-color: rgb(250,250,240);
  background-image: url(images/background.gif);
  border: 3px double black;
  padding: 10px; 
  overflow: auto;

  float: right;
  margin: 0 20px 0 0; 
  text-align: justify;
}

.content p {
  font-size: 13px;
  color: rgb(40,40,40);
  margin: 0 0 16px 0;
  line-height: 16px;
}

.content h2 {
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  letter-spacing: 2px;
  color: rgb(30,30,30);
}

.moreSpacing { margin-bottom: .5em; }

.content h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  margin-bottom: 2em;
  margin-left: 1.5em;
  font-size: 12px;
  color: rgb(50,50,50);
}

.content h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  margin-bottom: 1em;
  text-decoration: underline;
  font-size: 12px;
  color: rgb(50,50,50);
}

.content img {

  border: 3px double rgb(65,84,38);
}

.imageA {
  float: right;
  margin: 2px 0 0px 10px;
}

.imageB {
  float: left;
  margin: 2px 10px 0 0;
}

.content img:active, .content img:hover {
  border-color: rgb(90,120,50);
}

.activitiesList {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-bottom: 3em;
}

.activitiesList li {
  margin-bottom: .5em;
}


/*============================
         Contact Form
============================*/
  
#name { width: 1em; float: left;}
#email { float: left; }
#phone { float: left; }
#messageName { float: left; }  
#message { height: 6em; }

.contactForm input { float: right; width: 220px; margin-right: 20px;}

.spacer { height: 110px; }
  
/*============================
         Footer Styles
============================*/

.footer { 
  text-align: center; 
  margin-top: .5em; 
  font-family: Arial, Helvetica, sans-serif;
  color: rgb(120,120,120);
  font-size: 10px;
  
  letter-spacing: 2px;
  }

  
.footer strong {
  color: rgb(100,100,100);
  margin-right: 5px;
}

.phone { margin: 0 40px 0 40px; }
.copyright { margin-left: 30px; }


/* Hiddens */

#saddleTack { display: none; }
#captainsQuarters {display: none; }
#outsideActivities { display: none; }
#wineActivities { display: none; }
#childrenPolicies { display: none; }
#otherPolicies { display: none; }
#beach { display: none; }
#camping { display: none; }