@charset "utf-8";
body {
	font: 70% Verdana, Arial, Helvetica, sans-serif;
	background: #f3f3f3;
	margin: 13px; 
	padding: 0;
	text-align: center; 
	color: #000000;
}
a:focus, object:focus {
	outline: none;
}
a {
	color: #333;

}
a:hover {
	color: #827d00;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	padding-top: 0px;
}
h1, h2 {
	font-size: 16px;
}
h3, h4 {
	font-size: 14px;
}
h5, h6 {
	font-size: 12px;
}
h1,h3,h5 {
	color: #333;
}
h2, h4, h6 {
	color: #827d00;
}
#container {
	width: 920px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	position: relative;
}
	#header {
		width: 870px;
		position: absolute;
		z-index: 2;
		height: 120px;
		left: 25px;
		background: url(../images/layout/top-bg.gif) no-repeat top left;
	}
		.logo {
			position: absolute;
			left: 18px;
			top: 15px;
		}
		.links {
			position: absolute;
			right: 26px;
			top: 18px;	
		}
		.links a {
			color: #666;
			text-decoration: none;
			margin-left: 40px;
		}
		.links a:hover {
			color: #827d00;
			text-decoration: underline;
		}
		.tel {
			position: absolute;
			top: 45px;
			left: 534px;
		}
		.strapline {
			position: absolute;
			top: 80px;
			left: 534px;
		}
		
	#nav {
		width: 920px;
		position: absolute;
		z-index: 1;
		height: 73px;
		background: url(../images/layout/nav-bg.png) no-repeat top left;
		top: 110px;
	}
		#menubar {
			position: absolute;
			left: 50px;
			top: 19px;
		}
		#menubar a {
			margin-right: 20px;
		}
		
	#mainContent {
		position: absolute;
		top: 183px;
		background: url(../images/layout/main-bg.png) repeat-y top left;
		width: 920px;
	}
		#cinch {
			padding-left: 24px;
			padding-right: 24px;
		}
		
			.fullcurvetop {
					background: url(../images/layout/fullwidth-curve-top.gif) no-repeat;
					height: 10px;
				}
			.fullcurvecontent {
					border-left: solid 1px #E4EC8A;
					border-right: solid 1px #E4EC8A;
					padding: 13px 25px 13px 25px;
				}
			.fullcurvebase{
					background: url(../images/layout/fullwidth-curve-bottom.gif) no-repeat;
					height: 10px;
				}
			.fullcurveboxpad {
					height: 10px;
				}
		
			#leftSectionHome {
				float: left;
				width: 612px;
				height: 451px;
				position:relative;
				left: 0px;
				background: url(../images/layout/bowl-lg.jpg) no-repeat ;
			}
				#leftSectionHome .content {
					padding: 23px 25px 23px 25px;
				}
				#fishA {
					position: absolute;
					left: 268px;
					top: 262px;
				}
				#fishB {
					position: absolute;
					left: 135px;
					top: 345px;
				}
				
			#leftSection {
				float: left;
				width: 612px;
				position:relative;
				left: 0px;
			}
				.leftcurvetop {
					background: url(../images/layout/leftsection-curve-top.gif) no-repeat;
					height: 10px;
				}
				.leftcurvecontent {
					border-left: solid 1px #E4EC8A;
					border-right: solid 1px #E4EC8A;
					padding: 0px 9px 0px 9px;
				}
				.leftcurvebase{
					background: url(../images/layout/leftsection-curve-bottom.gif) no-repeat;
					height: 10px;
				}
				.leftcurveboxpad {
					height: 10px;
				}
				.leftcurvepad {
					padding: 13px 16px 13px 16px;
					/*padding: 13px 25px 13px 25px;*/
				}
				.leftcurvepadTOP {
					padding: 13px 16px 10px 16px;
					/*padding: 13px 25px 13px 25px;*/
				}
				.padleft {
					padding-left: 20px;
				}
			
			#rightSectionHome {
				float: left;
				margin-left: 10px;
				width: 252px;
			}
				.curvetop{
					background: url(../images/layout/rightsection-curve-top.gif) no-repeat;
					height: 10px;
				}
				.curvecontent {
					border-left: solid 1px #E4EC8A;
					border-right: solid 1px #E4EC8A;
					padding-left: 10px;
				}
				.curvebase{
					background: url(../images/layout/rightsection-curve-bottom.gif) no-repeat;
					height: 10px;
				}
				.curveboxpad {
					height: 10px;
				}
				
				.curveheader {
					font-size: 14px;
					font-weight: bold;
					color: #333;
				}
			
		#footer {
			position: relative;
			background: url(../images/layout/footer-bg.png) no-repeat top left #f3f3f3;
			height: 100px;
		}
			#footerlogos {
				position: absolute;
				left: 45px;
				top: 20px;
			}
			#footerlogos a {
				margin-right: 15px;
			}
			#footermenubar {
				position: absolute;
				right: 51px;
				top: 25px;
			}
				#footermenubar a {
					color: #666;
					text-decoration: none;
					margin-left: 20px;
				}
				#footermenubar a:hover {
					color: #827d00;
					text-decoration: underline;
				}
				
				
				
				
				
				
				
/* image wrapping test */
#imagewrapT {
	position: relative;
	margin-bottom: 10px;
	overflow:hidden;
}
#imagewrapM {
	position: relative;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow:hidden;
}
#imagewrapB {
	position: relative;
	margin-top: 10px;
	overflow:hidden;
}
#imagewrap {
	position: relative;
	overflow:hidden;
}
#imagewrapfloatleft {
	position: relative;
	float: left;
	margin-right: 10px;
}
#imagewrapfloatright {
	position: relative;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#imagewrapfloatmid {
	position: relative;
	float: left;
	margin-bottom: 10px;
}

#imagewraptop{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	background-image: url(../images/layout/box-tl.png);
	_background-image: url(../images/layout/box-tl.gif);
	background-repeat: no-repeat;
}
#tr {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 8px;
	background-image:url(../images/layout/box-tr.png);
	_background-image:url(../images/layout/box-tr.gif);
	background-repeat:no-repeat;
}
#imagewrapbase{
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 8px;
	width: 100%;
	background-image: url(../images/layout/box-bl.png);
	_background-image: url(../images/layout/box-bl.gif);
	background-repeat: no-repeat;
}
#br {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 8px;
	width: 7px;
	background-image:url(../images/layout/box-br.png);
	_background-image:url(../images/layout/box-br.gif);
	background-repeat:no-repeat;
}

#imagewrap img {
	border: 0px !important;
}
