/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna (and support staff)
*     Auth Web: http://www.mediasation.com
*     modified: 2010-05-12
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
body {
	margin: 0;
	padding: 0;
	background-color: #496bb3;
	font-family: Garamond, Times, Serif;
	color: #454545;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
}

a {
	color: #496bb3;
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}
	/*a:visited {
		color: #5F1712;
	}*/
	a img {
		border: 0;
	}
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		line-height: 1.25em;
	}
		h2 { font-size: 2.0em; }
		h3 { font-size: 1.6em; margin-top: 0.5em; }
		h4 { font-size: 1.4em; }
		h5 { font-size: 1.2em; }
		h6 { font-size: 1.0em; }
hr {
	height: 1px;
	margin: 16px 0 1.6px 0;
	padding: 0;
	background-color: #78805D;
	border: 0;
	padding: 0;
}

form {
	border: 0;
	padding: 0;
	margin: 0;
}
	form input, 
	form select, 
	form textarea {
		border-width: 1px;
		border-style: solid;
		border-bottom-color: #5e77aa;
		border-right-color: #5e77aa;
		border-top-color: #6d89c2;
		border-left-color: #6d89c2;
	}
		form input[type=image] {
			border: 0;
		}

* html #header div.outer,
* html #contentWrapper #banner a,
* html #contentWrapper #rightCol #marginContentTop,
* html #contentWrapper #rightCol span.margincontent,
* html #contentWrapper #rightCol #marginContentFtr,
* html #contentWrapper #rightCol #flowerOverlay img { 
	behavior: url("/globals/iepngfix_v1/iepngfix.php");
}


div.outer {
	width: 937px;
	position: relative;
	margin: 0 auto;
}

/* @group header */
#header,
#header div.outer {
	background: transparent url(images/hdrBg-outer.gif) top left repeat-x;
	height: 129px;
}
   * html #header { overflow: hidden; }
#header div.outer {
	background-image: url(images/hdrBg-inner.png);
}
   * html #header div.outer {
      padding-top: 34px;
      position: static;
   }

/* @group topNavigation */
#topNavigation {
	height:29px;
   left:280px;
   position:absolute;
   top:-70px;
   width:650px;
   z-index:6;
}
/* @end topNavigation */
/* @end header */

/* @group contentWrapper */

#contentWrapper,
#contentWrapper div.outer {
	background-color: #EBF4DF;
}

#contentWrapper div.outer {
	background: transparent url("images/content-inner.jpg") top left repeat-y;
}

#contentWrapper div.outer #ambience {
	position: absolute;
	top: -125px;
	right: 15px;
}
	#contentWrapper div.outer #soundPlayer {
	 	float: left;
	 	width: 55px;
	 	padding-top: 2px;
	}
	#contentWrapper div.outer #toggleBtn {
	 	float: left;
	 	margin: 1px 5px;
	 	margin-right: 0;
	}
		#contentWrapper div.outer #toggleBtn a {
			display: block;
			border: 1px solid #B3BACE;
			background-color: #FFF;
			width: 88px;
		 	padding: 3px 5px;
		 	font-family: Geneva, sans-serif;
		 	color: #B3BACE;
		 	font-size: 9px;
		 	text-align: center;
		 	text-decoration: none;
		}
			#contentWrapper div.outer #toggleBtn a:hover {
				background-color: #B3BACE;
				color: #FFF;
			}

#contentWrapper #banner a, 
#contentWrapper #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.png") 0 0 no-repeat;
	text-indent: -10000px;
	width: 238px;
	height: 163px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: -124px;
	left: 29px;
}
 
#contentWrapper div.innerContent {
	margin: 0 10px 0 12px;
	height: 300px;
	padding-top: 50px;
	border-top: 1px solid #FFF;
	position: relative;
}
	body > #contentWrapper div.innerContent {
		height: auto;
		min-height: 300px;
	}

#contentWrapper #phoneNumber {
	position: absolute;
	top: -126px;
	left: 265px;
}
	
#contentWrapper #leftCol {
	width: 570px;
	float: left;
	padding: 0 20px 20px 20px;
	line-height: 1.5em;
	font-size: 1.5em;
}
	#default #contentWrapper #leftCol {
		padding-top: 215px; 
	}
	* html #contentWrapper #leftCol {
		width: 555px;	
	}
	#contentWrapper #leftCol h2,
	#contentWrapper #leftCol h3,
	#contentWrapper #leftCol h4,
	#contentWrapper #leftCol h5,
	#contentWrapper #leftCol h6 {
		color: #0060AE;
	}
		#contentWrapper #leftCol h2 { 
			/*font-size: 4.0em;*/ 
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		#default #contentWrapper #leftCol h3 {
			background: transparent url("images/hdr_scrollBg.gif") bottom center no-repeat;
			margin-bottom: 3px;
			padding-bottom: 13px;
		}
#contentWrapper #rightCol {
	width: 305px;
	float: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #c9d3e8;
	position: relative;
}
	* html #contentWrapper #rightCol {
		padding-top: 135px;
	}
	#store #contentWrapper #rightCol {
		color: #496bb3;
	}
	#contentWrapper #rightCol #flowerOverlay {
		position: absolute;
		height: 249px;
		top: -46px;
		left: 0;
	}
	#contentWrapper #rightCol #marginContent {
		width: 289px;
		margin-top: 135px;
		margin-bottom: 30px;
	}
		#contentWrapper #rightCol #marginContent p {
			margin: 0;
			padding: 8px 0;
		}
		* html #contentWrapper #rightCol #marginContent {
			margin-top: 0;
		}
		#contentWrapper #rightCol #marginContentTop {
			background: transparent url("images/rightCol-T.png") top left no-repeat;
			height: 16px;
		}
		#contentWrapper #rightCol span.margincontent,
		#contentWrapper #rightCol div.margincontent {
			display: block;
			background: transparent url("images/rightCol-M.png") top left repeat-y;
			padding: 0 10px 0 16px;
		}
			* html #contentWrapper #rightCol span.margincontent {
				background-image: url("images/rightCol-M-ie.png");
				width: 269px;
			}
			#contentWrapper #rightCol span.margincontent img,
			#contentWrapper #rightCol div.margincontent img.whiteBorder {
				border: 5px solid #FFF;
			}
			#contentWrapper #rightCol span.margincontent h4,
			#contentWrapper #rightCol span.margincontent h5,
			#contentWrapper #rightCol span.margincontent h6 {
				color: #FFF;
			}
			#contentWrapper #rightCol span.margincontent blockquote {
				margin-top: -10px;
			}
				#contentWrapper #rightCol span.margincontent blockquote table {
					border: 5px solid #a4b5d9;
					background: #e4e9f4;
				}
					#contentWrapper #rightCol span.margincontent blockquote table td {
						color: #333;
						font-size: 0.95em;
					}
			#contentWrapper #rightCol span.margincontent a { color: #c9d3e8; }
		#contentWrapper #rightCol #marginContentFtr {
			background: transparent url("images/rightCol-B.png") top left no-repeat;
			height: 18px;
		}
/* @end contentWrapper */

/* @group footer */
#footer {
	clear: both;
}
#footer,
#footer div.outer {
	background: #FFF url("images/footer-outer.gif") top left repeat-x;
	text-transform: uppercase;
	height: 91px;
}

#footer div.outer {
	background: transparent url("images/footer-inner.jpg") top left no-repeat;	
}

#footer div.innerContent {
	padding: 15px 20px 0 20px;
	font-family: Geneva, Arial, sans-serif;
	font-size: 0.95em;
	color: #A8A39B;
	line-height: 1.5em;
}

#footer div.innerContent span.copyright {
	color: #bfccd2;
}

#footer a {
	color: #c9d3e8;
	text-decoration: none;	
}
	#footer a:hover {
		text-decoration: underline;
	}

#footer div.innerContent #copyright {
	width: 280px;
	float: left;
}

#footer div.innerContent #siteBy {
	width: 600px;
	float: right;
	text-align: right;
}

#footer div.innerContent #siteBy a {
	color: #A8A39B;
}

/* @end footer */



/** Global Class Styles
-------------------------- **/
.hidden, .printOnly {
	display: none;
}

.noBorder {
	border: 0;
}

.clear
{
  clear:both;
  margin: 0;
  padding: 0;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

/* stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high */

* html .clear
{
	display:none	
}