/* 

SITE STYLES FOR SOUTH RIVER BOAT RENTALS 

------------------------------

*/


/* GENERAL CSS RESET STYLES */


body {
	color: #666666;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}
	
	img {
		border: 0;
	}
	
	
	/* removes Firefox "dashed" border around links */

	a:active, a:focus, input[type="image"] {
		-moz-outline-style: none;
	}

	a {
		color: #006699;
		text-decoration: none;
	}
	
	a:hover, a:active {
		text-decoration: underline;
	}
	
	/* used to fix bug in browser rendering images within hyperlinks */
	
	a img {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}	

	h2, h3, h4, h5, h6, p {
		margin-top: 0;
	}


	
		

/* LAYOUT STYLES */	

	/* Home Header */
	
	#homeHeader {
		height: 314px;
		margin: 18px auto 0;
		padding: 0;
		width: 755px;
	}
	
		/* Home Main Navigation */
		
		#homeMainNav {
			background: url('http://www.southriverboatrentals.com/img/logo_top.gif') no-repeat top left;
			height: 63px;
			padding: 0 15px 0 176px;
			width: 564px;
		}
		
			#homeMainNav ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#homeMainNav li {
				float: left;
				height: 43px;
				margin: 20px 0 0 0;
				padding: 0;
			}
			
				li.fleet {
					background: url('http://www.southriverboatrentals.com/img/bg-nav-fleet.jpg') 0 0 no-repeat;
					width: 168px;
				}
				li.specials {
					background: url('http://www.southriverboatrentals.com/img/bg-nav-specials.jpg') 0 0 no-repeat;
					width: 140px;
				}
				li.destinations {
					background: url('http://www.southriverboatrentals.com/img/bg-nav-destinations.jpg') 0 0 no-repeat;
					width: 140px;
				}
				li.contact {
					background: url('http://www.southriverboatrentals.com/img/bg-nav-contact.jpg') 0 0 no-repeat;
					width: 116px;
				}
			
			#homeMainNav a {
				color: #084A87;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 14px;
				line-height: 27px;
				padding-left: 33px;
				text-decoration: none;
			}
			
				
			
			#homeMainNav a:hover, #homeMainNav a:active {
				color: #F9AC00;
			}
	
	
		/* Home Banner */	
	
		#homeBanner {
			height: 251px;
			width: 755px;
		}
	
	
	/* Int Header */
	
	#intHeader {
		height: 194px;
		margin: 18px auto 4px;
		padding: 0;
		width: 755px;
	}
	
	#intHeader.intBanner1 {		
		background: url('http://www.southriverboatrentals.com/img/int-banner-1.jpg') bottom right no-repeat;
	}
	
	#intHeader.intBanner2 {		
		background: url('http://www.southriverboatrentals.com/img/int-banner-2.jpg') bottom right no-repeat;
	}
	
	#intHeader.intBanner3 {		
		background: url('http://www.southriverboatrentals.com/img/int-banner-3.jpg') bottom right no-repeat;
	}
	
	#intHeader.intBanner4 {		
		background: url('http://www.southriverboatrentals.com/img/int-banner-4.jpg') bottom right no-repeat;
	}
	
	#intHeader.intBanner5 {		
		background: url('http://www.southriverboatrentals.com/img/int-banner-5.jpg') bottom right no-repeat;
	}
	
	#intHeader.intBanner6 {		
		background: url('http://www.southriverboatrentals.com/img/int-banner-6.jpg') bottom right no-repeat;
	}
	
		#intMainNav {
			float: right;
			height: 27px;
			padding: 0 15px 167px 0;
			width: 564px;
		}
		
			#intMainNav ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
			
			#intMainNav li {
				float: left;
				height: 43px;
				margin: 0 0 20px 0;
				padding: 0;
			}
			
			#intMainNav a {
				color: #084A87;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 14px;
				line-height: 27px;
				padding-left: 33px;
				text-decoration: none;
			}
			
			#intMainNav a:hover, #homeMainNav a:active {
				color: #F9AC00;
			}
		
		#intLogo {
			float: left;
			height: 165px;
			padding: 9px 8px 20px 0;
			width: 168px;
		}
	
	
	/* Site Content Wrapper */
	
	#siteContentArea {
		margin: 0 auto;
		width: 755px;
	}
	
		/* Blue Box */
		
		#blueBox {
			float: left;
			padding: 26px 0 16px 4px;
			width: 204px;
		}
		
			#blueBoxTop {
				background: url('http://www.southriverboatrentals.com/img/blue-box-top.gif') no-repeat;
				height: 7px;
				width: 204px;
			}
			
			#blueBoxBottom {
				background: url('http://www.southriverboatrentals.com/img/blue-box-bottom.gif') no-repeat;
				height: 9px;
				width: 204px;
			}
			
			#blueBoxContent {
				background: #F1F7FC;
				border-left: 1px solid #B5D3E3;
				border-right: 1px solid #B5D3E3;
				padding: 11px 14px;
			}
			
			#blueBoxContent a {
				color: #666;
				font-weight: bold;
			}
			#blueBoxContent a:hover, #blueBoxContent a:active {
				color: #006699;
			}
			
				#blueBoxContent h3 a {
					color: #006699;
				}
				
				#blueBoxContent h3 a:hover {
					color: #666;
				}
			
		
		/* Content Area */
		
		#siteContent {
			float: right;
			min-height: 400px;
			height: auto !important;
			height: 400px;
			padding: 0 15px 16px 0;
			width: 497px;
		}
		
				
			/* Secondary Nav */
			
			#secondaryNav {
				background: url('http://www.southriverboatrentals.com/img/home-secondary-nav-tile.gif') repeat-x bottom;
				font-family: Georgia, "Times New Roman", Times, serif;
				font-size: 12px;
				height: 41px;
				width: 497px;
			}
			
			#secondaryNav ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}	
			
			#secondaryNav li {
				float: left;
				margin: 0;
				padding: 0 31px 0 0;
			}	
			
			#secondaryNav li.last {
				padding: 0;
			}		
			
			#secondaryNav a:active, #secondaryNav a:hover {
				color: #99CCFF;
				text-decoration: none;
			}
			
			#secondaryNav a.boatingclub {
				color: #F9AC00;
			}
		
		
	/* Site Footer */
			
	#siteFooter {
		font-family: Georgia, "Times New Roman", Times, serif;
		margin: 0 auto 36px;
		padding: 16px 0 0 0;
		width: 755px;
	}
	
	#siteFooter a {
		color: #666;
		text-decoration: none;
	}
	
	#siteFooter a:hover, #siteFooter a:active {
		color: #006699;
		text-decoration: none;
	}
	
		#footerLeft {
			float: left;
			padding: 0 0 0 4px;
			text-align: left;
		}
		
		#footerRight {
			float: right;
			padding:0 15px 0 0;
			text-align: right;
		}
	
		


/* Site Content Styles */


h1 {
	color: #006699;
	font-size: 28px;
	font-weight: normal;
	line-height: normal;
}

h2 {
	color: #F9AC00;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: normal;
}

h3 {
	color: #006699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: normal;
}

.weather {
	line-height: normal;
	font-size: 10px;
	color: #666666;
}

.call {
	font-size: 18px;
}

.phone {
	font-size: 14px;
	font-weight: bold;
}

.subhead {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #006699;
}

a.subhead {
	color: #006699;
	text-decoration: none;
}

a.subhead:hover, a.subhead:active {
	text-decoration: underline;
}

.white {
	color: #FFFFFF;
}

.form {
	font-size: 11px;
	color: #666;
}