/* ------------------------------------------------------------------
Document: CSS 2.1
For: The Seasons (www.seasonsnh.com) 
Created: July 2009
Author: Owen Buckley
Email: owen@analogstudios.net
www.analogstudios.net
Notes: This is for all general page element definitions, i.e. backgrounds,
navigation, content styling. Slideshow code is kept in a seperate .css file
named by the page it refers to.
--------------------------------------------------------------------*/


/* Boxes (div stuff)
--------------------------------------------------------------------*/
body
{
	background-color: #CCCA8B;
	font-family: "Garamond";
}

#container
{
	margin: auto;
	width: 780px;
	background-color: #CCCA8B;
}

#header
{
	margin: 0 auto;
	width: 760px;
	height: 158px;
	background-color: #CCCA8B;
}

#main_nav
{
	border-top: 0px;
	width: 760px;
	background-color: #1B5166;
	margin-top: -5px;
}

#content_holder
{
	width: 758px;
	border-style: solid;
	border-width: 0 1px;
	border-color: #000000;
	margin-top: 5px;
	margin-left: 10px;
	background-repeat: no-repeat;
	clear: both;
}

#spacer
{
	height: 175px;
}

div.transbox
{
  margin: 0 auto;
	background-image: url(images/trans.png);
	width: 86%;
	clear: both;
}

#footer
{
	width: 760px;
	height: 150px;
	margin: 0 auto;
	margin-top: -10px;
	background-image: url(images/footer_rounded.gif);
	background-repeat: no-repeat;
	clear: both;
	padding-top: 30px;
}

.iframe
{
	width: 550px;
	height: 450px;
}

/* Navigation
-----------------------------------------------------------------------*/

#main_nav ul
{
	margin: 0;
	padding: 0;
	width: 760px;
	float: left;
	list-style: none;
	background-color: #1B5166;
}

#main_nav ul li
{
	float: left;
	background-color: #91693B;
	text-align: center;
}

#main_nav ul a
{
	display: block;
	padding: 0 3px;
	width: 89px;
	line-height: 35px;
	color: #FFFFFF;
	text-decoration: none;
	font-family: "Garamond";
}

#main_nav ul a:link
{
	color: #FFFFFF;
}

#main_nav ul a:hover
{
	color: #BBEBFF;
	background-color: #1B5166;
}

#sub_nav
{
	margin: 0;
	padding: 0;
	width: 760px;
	float: left;
	list-style: none;
	background-color: #1B5166;
	border-bottom: 5px;
}

#sub_nav ul
{
	margin: 0;
	padding: 0;
	width: 760px;
	float: left;
	list-style: none;
	background-color: #1B5166;
}

#sub_nav ul li
{
	float: left;
	background-color: #1B5166;
	text-align: center;
}

/*
#sub_nav ul a
{
	See below for each page's own sub menu CSS	
}
*/

#sub_nav ul a:link
{
	color: #CCCA8B;
	text-decoration: none;
}


#sub_nav ul a:visited
{
	text-decoration: none;
	color: #CCCA8B;
}

#sub_nav ul a:hover
{
	color: #BBEBFF;
	text-decoration: none;
}

.active
{
	background-color: #1B5166;
	color: #BBEBFF;
}

#main_nav ul a:visited
{
	text-decoration: none;
	color: #FFFFFF;
}

/* Misc.
-----------------------------------------------------------------------*/
/*Font and Background Color Stuff*/
.blue_black
{
	background-color: #CCCCCC;
}
.blue
{
	background-color: #CCCCCC;
	color: #CCCCCC;
}

.bg_green
{
	background-color: #1B5166;
	color: #CCCA8B;
	border: 0px;
}

.bg_black
{
	background-color: #000000;
}

.bg_white
{	
	background-color: #FFFFFF;
}

/*Font and Table widths + positining stuff*/
.width100
{
	width: 100px;
}


.width150
{
	width: 150px;
}

.width200
{
	width: 200px;
	margin: 0 auto;
}

.width250
{
	width: 250px;
}

.width400
{
	width: 400px;
	margin: 0 auto;
}

.width450
{
	width: 450px;
}

.width600
{
	width: 600px;
	margin: 0 auto;
}

.width800
{
	width: 800px;
	margin: 0 auto;
}

.width90
{
	width: 90%;
}

.width86
{
	width: 86%;
}

.textleft
{
	text-align: left;
}

.left
{
	text-align: left;
	background-color: #CCCCCC;
	color: #1B5166;
}

.right
{
	text-align: left;
}

.texttop
{
	vertical-align: text-top;
}

.inline
{
	display: inline;
}

.indent
{
	margin-left: 35px;
	margin-top: 20px;
	margin-bottom: -20px;
	border: 0;
}

.indent2
{
	padding-left: 40px;
}

.indent3
{
	margin-left: 35px;
}

.indent4{
	padding-left: 29px;
}

.center
{
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	display: block;
}

.center2
{
	margin: 0 auto;
}

/*All the rest*/
.underline
{
	text-decoration: underline;
}

div.transbox p
{
  	margin: 25px 40px;
  	color: #000000;
}

#footer p
{
  	text-align: center;
  	font-weight: bold;
  	color: #000000;
}

a:link
{
	color: #644510
}

a:visited
{
	color: #644510;
}

a:hover
{
	color: #1B5166;
}

h2
{
	margin-top: 20px;
	margin-left: 40px;
	background-color: #1B5166;
	/*background-image: url(images/header.png);*/
	color: #CCCA8B;
}

p
{
	color: #1B5166;
	font-family: "Garamond";
}

.border
{
	border: 0;
}

#fb_like{
	padding-left: 110px;
	padding-top: 70px;
}

.banner{
  background-image: url('images/banner_rounded.gif');
  background-repeat: no-repeat;
  height: 110px;
}

/*Index Page Stuff----------------------------------------------------*/
#header_index
{
	margin: 0 auto;
	width: 760px;
	height: 133px;
	background-color: #CCCA8B;
}

.bg_index
{
	background-image: url(images/index_bg_summer.gif);
	/*background-image: url(images/index_bg_winter.gif);*/
}

/*Lodging Page Sub Navigation & Stuff 
-------------------------------------(slideshow code in lodging.css*/
.lodging_nav_width
{
	display: block;
	width: 170px;
	padding: 0 10px;
	line-height: 25px;
	color: #CCCA8B;
	text-decoration: none;
}

.lodging_bg
{
	background-image: url(images/lodging_bg.gif);
}

#info
{
	background-color: #CCCCCC;
	width: 90%;
	margin: 0 auto;
}

#info h4
{
	font-weight: bold;
	color: #1B5166; 
}

/*Rates Page Sub Navigation & Stuff--------------------------------*/
.rates_nav_width
{
	display: block;
	width: 170px;
	/*width: 230px;*/
	padding: 0 10px;
	line-height: 25px;
	color: #CCCA8B;
	text-decoration: none;
}

.rates_bg
{
	background-image: url(images/rates_bg.gif);
}

.summervalue
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/summervaluetable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.summerpeak
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/summerpeaktable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.summerend
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/summerendtable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.fallvalue
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/fallvaluetable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.fallpeak
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/fallpeaktable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.wintervalue
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/wintervaluetable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.winterpeak
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/winterpeaktable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.spring
{
	width: 596px;
	height: 200px;
	margin: 0 auto;
	text-align: left;
	background-image: url(images/rates/springtable_bg.png);
	background-repeat: no-repeat;
	border: 0;
}

.border{
  border: 1px solid #000000;
}

/*Packages Page Sub Navigation & Stuff--------------------------------*/
.packages_nav_width
{
	display: block;
	width: 80px;
	padding: 0 2px;
	line-height: 25px;
	color: #CCCA8B;
	text-decoration: none;
}

.packages_nav_font
{
	font-size: 13px;
}

.packages_bg
{
	background-image: url(images/packages_bg.gif);
}

p.packages
{
	background-color: #CCCCCC;
}

/*Amenities Page Sub Navigation & Stuff--------------------------------*/
.amenities_nav_width
{
	display: block;
	width: 335px;
	padding: 0 10px;
	line-height: 25px;
	color: #CCCA8B;
	text-decoration: none;
}

.amenities_bg
{
	background-image: url(images/amenities_bg.gif);
}

/*Attractions Page Sub Navigation & Stuff--------------------------------*/
.attractions_nav_width
{
	display: block;
	width: 220px;
	padding: 0 10px;
	line-height: 25px;
	color: #CCCA8B;
	text-decoration: none;
}

.attractions_summer_bg
{
	background-image: url(images/attractions_summer_bg.gif);
}

.attractions_winter_bg
{
	background-image: url(images/attractions_winter_bg.gif);
}

/*Events Page Sub Navigation & Stuff--------------------------------*/
.events_nav_width
{
	display: block;
	/*width: 380px;*/      /*2 items*/
	width: 220px;          /*3 items*/     
	/*width: 170px;*/      /*4 items*/
  padding: 0 10px;
	line-height: 25px;
	color: #CCCA8B;
	text-decoration: none;
}

.events_bg
{
	background-image: url(images/events_bg.gif);
}

h4.events
{
	background-color: #CCCCCC;
	color: #1B5166;
	display: inline;
	padding-right: 5px;
	margin-left: 35px;
	margin-bottom: -15px;
}

.event
{
	padding-left: 20px;
}

/*Directions Page Sub Navigation & Stuff--------------------------------*/
.directions_nav_width
{
	display: block;
	width: 220px;
	padding: 0 10px;
	line-height: 25px;
	color: #CCCA8B;
	text-decoration: none;
}

.directions_bg
{
	background-image: url(images/directions_bg.gif);
}

.list
{
	padding: 0px;
	margin: 0px;
	margin-left: 50px;
	width: 500px;
	list-style-type: disc;
	list-style-position:inside;
}

/*Contact Page Stuff--------------------------------------------*/
#header_contact{
	margin: 0 auto;
	width: 760px;
	height: 133px;
	background-color: #CCCA8B;
}

.contact_bg{
	background-image: url(images/contact_bg.gif);
}