
body {
	margin: 0;
	background: url(img/gold.png) repeat-x center top;

	font-family: Tahoma, arial, sans-serif;
	font-size: 12px;
	color: #5d5d5d;
}

p, span, div, table, tr, th, td {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

a img { border: 0; }

p { margin: 0px; }

/** dynamIt editor styles follow **/

.titles {
	font-size: 24px;
	line-height: 28px;
	color: #4a636e;
}

.emphasis {
	color: #aca44c;
}

/** end editor styles **/


#container {
	width: 880px;
	margin: 0 auto 0 auto;
}

#header {
	height: 132px;
	position: relative;
}

	#logo {
		position: absolute;
		top: 22px;
		left: 0px;
	}

	#nav-home {
		display: block;
		position: absolute;
		top: 5px;
		right: 50px;
	}

	#nav-contact {
		display: block;
		position: absolute;
		top: 5px;
		right: 0px;
	}

	#nav {
		position: absolute;
		width: 638px;
		height: 41px;
		left: 244px;
		top: 69px;
	}



	#nav a {
		display: block;
		position: absolute;
		top: 0;
		height: 41px;
		background-image: url(img/nav-sprite.png);
	}

	a#nav-services, a#nav-services:link, a#nav-services:visited { width: 110px; left: 0px; background-position: 0px 0px; }
	a#nav-services-on, a#nav-services:hover, a#nav-services:active { width: 110px; left: 0px; background-position: 0px 41px; }
	a#nav-frames, a#nav-frames:link, a#nav-frames:visited { width: 232px; left: 110px; background-position: -110px 0px; }
	a#nav-frames-on, a#nav-frames:hover, a#nav-frames:active { width: 232px; left: 110px; background-position: -110px 41px; }
	a#nav-forms, a#nav-forms:link, a#nav-forms:visited { width: 188px; left: 342px; background-position: -342px 0px; }
	a#nav-forms-on, a#nav-forms:hover, a#nav-forms:active { width: 188px; left: 342px; background-position: -342px 41px; }
	a#nav-doctors, a#nav-doctors:link, a#nav-doctors:visited { width: 108px; left: 530px; background-position: -530px 0px; }
	a#nav-doctors-on, a#nav-doctors:hover, a#nav-doctors:active { width: 108px; left: 530px; background-position: -530px 41px; }


#main {
	margin: 0 0 24px 0;
	position: relative;
}

	#main h1 {
		margin: 0;
		height: 40px;
		width: 880px;
		text-indent: 75px;

		background: url(img/title.png) no-repeat;
		font-size: 14px;
		color: #455f6a;
		font-weight: bold;
		line-height: 40px;
	}

	#main .inner { width: 880px; background: url(img/content-repeat.jpg) top left; }

	#sublinks {
		width: 880px;
		height: 28px;
		color: white;
		font-size: 11px;
	}

		#sublinks a {
			text-decoration: none;
			color: #455f6a;
		}
		#sublinks a:hover {
			text-decoration: none;
			color: #455f6a;
		}

		#sublinksPadd {
			padding: 8px 0px 0px 7px;
		}

	#main .banner { background: url(img/banner.jpg) no-repeat top left; }
	#main #home { background: url(img/banner-bw-woman.jpg) no-repeat top left; }
	#main #patient-services { background: url(img/banner-eye-chart.jpg) no-repeat top left; }
	#main #frames-contacts { background: url(img/banner-girl-shades.jpg) no-repeat top left; }
	#main #helpfulforms { background: url(img/banner-girl-green-eyes.jpg) no-repeat top left; }
	#main #meet-doctors { background: url(img/banner-doctors.jpg) no-repeat top left; }

	#content { min-height: 250px; padding: 50px 400px 30px 60px; background-image: url(../img/content-bottom.png); background-repeat: no-repeat; background-position: bottom left; line-height: 18px; }

		#content a {
			color: #aca44c;
			text-decoration: none;
			border-bottom: 1px dashed #aca44c;
		}

		#content a:hover {
			color: #aca44c;
			text-decoration: none;
			border-bottom: 1px solid #aca44c;
		}

#feature {
	height: 201px;
	position: relative;
}

	#feature #frames {
		position: absolute;
		top: 0;
		left: 0;

		width: 285px;
		height: 201px;

		background: url(img/frames.png) no-repeat;
		text-align: center;

		cursor: pointer;
	}

	#feature #doctors {
		position: absolute;
		top: 0;
		left: 297px;

		width: 285px;
		height: 201px;

		background: url(img/doctors.jpg) no-repeat;
		text-align: center;
		cursor: pointer;
	}

	#feature #services {
		position: absolute;
		top: 0;
		left: 594px;

		width: 285px;
		height: 201px;

		background: url(img/services.png) no-repeat;
		text-align: center;
		cursor: pointer;
	}

	h2 {
		color: #405964;
		font-size: 20px;
		font-weight: bold;
		margin: 20px 0 0 0;
	}



#footer {
	height: 50px;
}

.foot {
	color: #455F6A;
	font-weight: bold;
}

	#foot-left {
		height: 50px;
		line-height: 50px;
	}

	#foot-right {
		float: right;
		height: 50px;
		line-height: 50px;
	}
