/*
* Richard Morris | Fuel Design
* Ocean View Cottage (Hot Water Beach) 
* Febuary 2005 
*/
/**************************************************************************************
* Undo Browser Defaults
**************************************************************************************/
/* Remove Browser inconsistencies for padding and margin interpretation*/
* {
	margin:0;
	padding:0;	
}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0; }
/* get rid of underlined links and default colours*/
a:link, a:visited { 
	text-decoration:none;
	color: inherit; 
}
/* get rid of list styles */
ul, ol { 
	list-style:none; 
}
/* define our own font sizes for headings and not rely on inconsistent browser interpretations*/
h1,h2,h3,h4,h5,h6,pre,code { 
	font-size:1em; 
}
/* no blue image borders */
a img,:link img,:visited img { border:0 none; }
/* de-italicize address */
address { font-style:normal; }


/**************************************************************************************
* Global Style
**************************************************************************************/
/* default typography*/
body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
	line-height: 1.4em;
}
p, td, ul, ol, li, dl, dt, dd, h1, h2, h3 { /* For Nescape 4.0 and other inheritance intolerant browsers */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444;
	font-size: 12px;
	line-height: 1.4em;
}
p, table {
	margin-bottom: 1em;
}
a:link, a:visited {
	color: #444;
	font-size: 12px;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 24px;
	font-family: "gill sans", Helvetica, sans-serif;
	margin-bottom: 0.5em;
	letter-spacing: -.1em;
}
.wrap > h1 {letter-spacing: normal;} /* No kerning for firefox */

h2 { font-size: 14px; margin-bottom: 0.2em;}

body {
	text-align: center;
	height: 100%;
	background-color: #FFF;
	background-image: url(../images/blue_gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/d_shadow.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	width: 780px;
}
ul.secondaryNav li{
	display: inline;
	line-height: 40px;
}
#main .secondaryNav li, #main .secondaryNav a:link, #main .secondaryNav a:visited, #main .secondaryNav a:hover {
	font-size: 10px;	
	color: #BBB;
	border:0 none;
}

blockquote		{background:transparent url(../images/blue_gradient.jpg) repeat-x scroll 0 -20px;margin:10px 0 0;padding:10px 10px 0;}
blockquote p	{font-family:Georgia, "Times New Roman", Times, serif;font-size:1.2em;color:#444;}
blockquote cite	{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:0.8em;color:#444;font-style:normal;}

/**************************************************************************************
* Header - logo , Banner(Flash)
**************************************************************************************/
#header {
	background-image: url(../images/head.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
}	
#logo{
		display: block;
		padding: 10px 0;
		margin: 0 35px;
		width: 108px;
}
#banner {
	height: 266px;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}
ul.altNav, #flashNav p {
	margin-left: auto; margin-right: auto;
	margin-top: 50px;
	text-align:center;
}
ul.altNav li {
	display: inline;
}
ul.altNav a:link, ul.altNav a:visited {
	font-weight: bold;
}
.error {
	color: red;
}
/**************************************************************************************
* Content - Main , Sidebar
**************************************************************************************/
/* Main */
#main {
	margin-top: 10px;
	width: 460px;
	float: left;
	padding-left: 35px;
}
#main ul					{margin:14px 28px;}
#main ul li					{list-style:disc inside none;}
#main a,#main a:link,
#main a:visited				{border-bottom:1px dashed #666;color:#666;}
#main a:hover				{border-bottom:1px solid #666;text-decoration:none;}

/* Sidebar */
#sidebar {
	margin-top: 10px;
	padding: 10px;
	width: 200px;
	margin-left: 525px;
	background-image: url(../images/blue_gradient.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
	#sidebar p, label {
		font-size: 10px;
	}
	.email{
		font-size: 10px;
		font-weight: bold;
	}
	/* Form styling */
	#cForm {
		width: 200px;
		margin: 0;
		padding: 0;
		margin-top: -10px;
	}
		#cForm #name, #cForm #email{
			width: 185px;
		}
		#cForm textarea{
			width: 185px;
			height: 60px;
		}
		.button {
			margin: 10px 0;
		}
/**************************************************************************************
* Footer
**************************************************************************************/
#footer {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	height: 43px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
	#footer ul{
		margin-right: 15px;
		float: right;
		padding-top: 10px;
	}
	#footer ul li {
		display: inline;
	}
	#footer li, #footer a:link, #footer a:visited, #footer a:hover {
		font-size: 10px;
		color: #BBB;
	}
/**************************************************************************************
* Page Specific Styles - Rates.html
**************************************************************************************/
table {
	display: block;
	background-color: #f0f6fd;
}
table td {
	border-bottom: 1px solid #FFF;
	width: 330px;
}
.right {
	width: 120px;	
}
/**************************************************************************************
* Page Specific Styles - oceanview_mail.php
**************************************************************************************/
.error {
	color: red;
}