/* easy-clearing styles documented here: http://www.positioniseverything.net/easyclearing.html */
.fix:after{content:".";display:block;height:0;clear:both;visibility: hidden;}/*for firefox,safari etc*/
* html .fix {height: 1%;}/*for ie*/
/*fixes issue where widths set in html push content out in ie 5 */
.ie5overflowfix {width:100%;overflow: hidden;}/*for ie*/
html>body .ie5overflowfix {overflow:visible;}/*for firefox,safari etc*/


body{
	background-color:#345c9a;
	background-image:url(/custom/templates/page/SeaKayakingHome/images/bg-tile.jpg);
	background-repeat:repeat;
	margin:0;
	padding:0 0 30px 0;
	color:#000000;
}


.clear{ clear:both;}

a, a img{ border:none;}

hr{
	clear:both;
	position:relative;
	width:100%;
	height:1px;
	color:#b7cfcd;
	background-color:#b7cfcd;
}

	.outer-container{
		background-image:url(/custom/templates/page/SeaKayakingHome/images/bg-top-repeat.jpg);
		background-repeat:repeat-x;
		width:100%;
		margin:0;
		padding:0;
		text-align:center;
	}
	
		.inner-container{
			width:996px;
			margin:0 auto;
			padding:0;
			text-align:left;
		}
			
			.header-banner{
				width:996px;
				height:82px;
				padding:0;
				background-image:url(/custom/templates/page/SeaKayakingHome/images/header-bg.jpg);
				background-repeat:no-repeat;
				text-align:left;
			}
			
				.logo{
					width:246px;
					height:72px;
					padding:10px 0 0 0;
					float:left;
				}
		
			.header-container{
				width:996px;
				background-image:url(/custom/templates/page/SeaKayakingHome/images/nav-bg.jpg);
				background-repeat:no-repeat;
				float:left;
			}
			
				.menu-container{
					float:left;
					background:#fff url(/custom/templates/page/SeaKayakingHome/images/navIcon.png) no-repeat top left;
					display:inline;
					margin-left:17px;
					width:960px;
					
				}
			
				.header-image{
				clear:both;
					background-image:url(/custom/templates/page/SeaKayakingHome/images/header-image.jpg);
					background-repeat:no-repeat;
					width:960px;
					height:337px;
					margin:0 auto 0 17px;
				}
				.inner-header-image{
				clear:both;
					background:url(/custom/templates/page/SeaKayakingHome/images/nav-bg.jpg) no-repeat 0px -30px;
					text-align:left;width:100%;
					height:302px; overflow:hidden;
					margin:0px auto;
				}
				.inner-header-image img {margin-left:17px;}
			
			.content-container{
				width:960px;
				margin:0 auto 0 17px;
				background-color:#FFFFFF;
			}
			.inner-content-container{
				width:960px;
				margin:0 auto 0 17px;
				background:#fff url(/custom/templates/page/SeaKayakingHome/images/innerContainerBg.jpg) no-repeat top left;
			}
			
				.phrase-container{
					background-image:url(/custom/templates/page/SeaKayakingHome/images/phrase-bg.jpg);
					background-repeat:no-repeat;
					width:960px;
					height:100px;
					clear:both;
				}
				
				.content-area{
					background-image:url(/custom/templates/page/SeaKayakingHome/images/content-bg-top-gradient.jpg);
					background-position:top;
					background-repeat:no-repeat;
					padding:8px 0 0 0;
				}
					
					.content-padding{
						margin:0 20px;
					}
						
						.top-content{
							clear:both;
							padding:0 0 20px 0;
							position:relative;
						}
				
							#container-1,
							#container-2,
							#container-3,
							#container-4,
							#container-5,
							#container-6,
							#container-7{
								text-align:left;
								float:left;
							}
								
								.text{ width:215px;}
									.text p{ margin:0 0 10px 0;}
							
							#container-1{
								width:215px;
								margin:9px 10px 0 0;
							}
							
							#container-2{
								width:224px;
								margin:1px 10px 0 0;
							}
								#container-2 .text{margin:0 0 0 10px;}
							
							#container-3{
								width:229px;
								margin:1px 10px 0 0;
								float:left;
							}
								#container-3 .text{margin:0 0 0 10px;}
							
							#container-4{
								width:216px;
								margin:0 0 0 5px;
							}
							
								.news-container{
									width:216px;
									margin:8px 0 0 0;
									background-image:url(/custom/templates/page/SeaKayakingHome/images/news-bg-gradient.jpg);
									background-repeat:repeat-x;
								}
								
									.news-padding{
										margin:0 8px;
										padding:8px 0;
									}
										.news-padding img{ margin:0 0 8px 0;}
										.news-padding p{ margin:0 0 10px 0;}
						
						.bottom-content{
							clear:both;
							padding:20px 0 0 0;
							position:relative;
						}
						
							#container-5{
								width:225px;
								float:left;
							}
							
							#container-6{
								width:410px;
								margin:0px 20px 0 20px;
								overflow:hidden;
							}
							
							#container-7{
								width:234px;
							}
								
								.map{
									width:234px;
									height:204px;
								}
				
				
			#mainContent {width:620px; float:left;}
			
			
			#sidebar {width:270px; float:right;}
				#sidebar h3#bookNow {margin:0px;padding:0px;width:200px; float:right;}
					#sidebar h3#bookNow a {
					display:block; text-indent:-999em; width:200px; height:79px;
					background:url(/custom/templates/page/SeaKayakingHome/images/bookNow.png) no-repeat top left;
					}
				#sidebar #sidebarMap {clear:both; padding-top:50px;width:260px; float:right;}
					#sidebar #sidebarMap a {width:260PX; height:219px; display:block; text-indent:-999em;
					background:url(/custom/templates/page/SeaKayakingHome/images/innerMap.jpg) no-repeat top left;
					}
				
			.footer-container{
				height:11px;
				width:960px;
				margin:0 auto 0 17px;
				padding:0;
				vertical-align:bottom;
			}
				.blank-area{
					width:949px;
					height:11px;
					font-size:6px;
					background-color:#FFFFFF;
					float:left;
					margin:0;
				}
				.corner{
					background-image:url(/custom/templates/page/SeaKayakingHome/images/bottom-corner.gif);
					background-position:bottom;
					background-repeat:no-repeat;
					font-size:6px;
					height:11px;
					width:11px;
					float:right; margin:0;
				}
				
		.address{
			width:506px;
			margin:6px 0 0 17px;
			color:#FFFFFF;
			position:relative;
			float:left;
			padding-bottom:15px;
		}
			.address div{ margin:0 10px 0 0;}
			.address div.tagHtmlAddressBusinessName{ font-weight:bold;width:auto;font-size:12px;}
			
	/*Images */
	.roundedCorners {width:217px;position:relative;margin:0 15px 15px 15px;}
		.roundedOverlay {position:absolute; top:0px; left:0px;}
		.roundedEnlarge {height:15px;clear:both;}
			.roundedEnlarge a {display:block; height:15px; text-indent:-999em; background:url(/custom/templates/page/SeaKayakingHome/images/enlarge.png) no-repeat 10px 0px;}
			

/* Footer Styles */

.address .tagHtmlAddress {width:400px;}
.address .tagHtmlAddressLine {float:left;}
#footerLinks {width:320px; float:right;color:#fff;font-size:12px;padding-top:4px; margin-right:10px; display:inline;text-align:right;}
#footerLinks a:link, #footerLinks a:visited {color:#fff; text-decoration:none;}
#footerLinks a:hover {text-decoration:underline;}