/******************************************************************************
 * Global style for Travel Planner's and other restaurants.
 *
 * _general
 *
 * _containers
 *
 * _branding
 *
 * _navigation
 *
 * _primary content
 *
 * _secondary content
 *
 * _footer
 *
 ******************************************************************************/






/* _general
 ******************************************************************************/

/*------------------------------------------------
 * Site Colors - use for global find and replace
 * 
 * #primaryContent a			#22344C
 * #primaryContent a:hover		black
 * #primaryContent a:visited	#428EB1
 *------------------------------------------------*/



/* zero out everything */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

img { border: 0; margin: 0; padding: 0; }

.clear { clear: both; }

body
{
	font-family: verdana, sans-serif;
	background-image: url(bodytile.gif);
	background-repeat: repeat;
	background-position: left top;
}

.hidden
{
	visibility: hidden;
}

.thankyou
{
 color: red;
 padding-bottom: 20px;
 visibility: visible;
}




/* _containers
 ******************************************************************************/
#wrapper
{
	/* 9 Jan 2008
	 * Made site wider because of iframe's new source,
	 * which needs 625px.
	 * width: 850px; */
	width: 900px;
	margin: 101px auto 0;
	background-image: url(wrapperbkgntile.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
/*
.sales #wrapper
{
	background-image: url(wrapperbkgntile_iframe.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
*/
#shell
{
}


/* _branding
 ******************************************************************************/
#branding
{
	height: 219px;
	background-image: url(header.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}
/*
.sales #branding
{
	background-image: url(header_iframe.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
*/
#branding h1
{
	height: 219px position: relative;
	text-indent: -9000em;
}

#branding h1 a
{
	position: absolute;
	top: 22px;
	left: 0;
	width: 221px;
	height: 172px;
	text-decoration: none;
	overflow: hidden;
	outline: 0;
}

#branding p
{
	position: absolute;
	width: 553px;
	text-align: center;
	top: 140px;
	left: 221px;
	height: 30px;
	line-height: 30px;
	padding: 0;
	margin: 0;
	color: white;
	font-family: georgia, "times New Roman", serif;
	font-size: 1em;
	font-style: italic;
}


/* _navigation
 ******************************************************************************/

#nav
{
	font-size: .8em;
	text-align: right;
	margin-top: 10px;
}

#nav li
{
	margin: 0;
	padding:0;
}

#nav li a
{
	display: block;
	height: 2em;
	line-height: 2em;
	padding-right: 10px;
	color: white;
}


#nav li a:hover
{
	background-color: black;
}

/* current page rules */
.home #nav li a#home { 	cursor: default; }
/*.home #nav li a#home:hover { background-color: transparent; }*/

.boatservice #nav li a#boatservice,
.electronicservices #nav li a#electronicservices,
.sales #nav li a#sales,
.surfango #nav li a#surfango,
.outboardrepair #nav li a#outboardrepair,
.fiberglassrepair #nav li a#fiberglassrepair,
.transportation #nav li a#transportation,
.trailer #nav li a#trailer,
.storage #nav li a#storage,
.winter #nav li a#winter,
.spring #nav li a#spring,
.contact #nav li a#contact,
.home #nav li a#home
{
	background-color: black;
	cursor: default;
}


/* _primary content
 ******************************************************************************/
#primarycontent
{
	width: 610px;
	float: left;
	display: inline;
	margin: 0 0 0 10px;
}
/*
.sales #primarycontent
{
	width: 555px;
	margin: 0 0 0 0px;
}
*/

#primarycontent p
{
	font-size: .8em;
	line-height: 1.4em;
}

#primarycontent a, #primarycontent a:link 
{ 
	text-decoration: underline; 
	color: #22344C;  
}
#primarycontent a:hover
{
	color: black;
}
#primarycontent a:visited
{
	color: #428EB1;
}
img.floatleft
{
	float: left;
	margin: 0 10px 0 0;
}

#primarycontent p.formlinks
{
	text-align: center;
	padding: 0px 0 0;
	font-size: .8em;
	font-weight: bold;
	clear:both;
}

#primarycontent p.formlinks a
{
	 /*padding-right: 20px; */
}

#primarycontent p.footnote
{
	text-align: center;
	font-size: .6em;
	font-weight: bold;
}

#primarycontent p.footer
{
	text-align: center;
	padding: 60px 0 0;
	font-size: .8em;
	font-style: italic;
	font-weight: bold;
	clear:both;
}

#primarycontent p.footer img { margin-top: 8px; }

iframe
{
	/* 9 Jan 2008
	 * Made site wider for new iframme source,
	 * which needs 625px
	 * width: 582px; */
	width: 800px;
	/*height: 40em;*/
	height: 43em;
	border: none;
	margin: 10px 0 0 -6px;
	overflow: auto;
}

#weatherframe
{
	height: 200px;
	width: 200px;
	margin-right: 7px;
	frameborder: 0;
	scrolling: "no";
	seamless: "seamless";
	
}

#fbpage
{
	width: 200px;
	margin-right: 7px;
}

/* _secondary content
 ******************************************************************************/
#secondarycontent
{
	width: 221px;
	float: left;
	display: inline;
	margin: 0 0 0 14px;
	
}

/* _footer
 ******************************************************************************/
#footer
{
	clear: both;
	height: 25px;
	padding: 20px 0 0;
	background-image: url(footer.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}