body
	{
	margin: 0;
	padding: 0;
	font: 13px Trebuchet MS, Arial, Helvetica;
	text-align: center;
	background: #e4ecad;
	}


/* PAGE FRAMEWORK */

#page
	{
	width: 930px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg_page.gif) repeat-y top center;
	}

#content
	{
	width: 896px;
	margin: 0 auto;
	}


/* CONTENT TOP */

#logo
	{
	width: 496px;
	height: 102px;
	margin-left: 22px;
	background: url(../images/logo.jpg) no-repeat;
	}

#banner
	{
	width: 896px;
	height: 273px;
	background: url(../images/banner.jpg) no-repeat;
	}


/* NAV */

#nav
	{
	height: 30px;
	padding-left: 15px;
	font-size: 14px;
	background: #352726;
	}
#nav ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
#nav ul li
	{
	float: left;
	margin: 0;
	padding: 0;
	}
#nav ul li a
	{
	display: block;
	padding: 0 10px;
	color: #fff;
	line-height: 30px;
	text-decoration: none;
	}
#nav ul li a:hover
	{
	color: #c1d72e;
	}
#nav ul li a.selected
	{
	margin: 0;
	color: #352726;
	text-decoration: none;
	background: #e4ecad;
	cursor: default;
	}


/* CONTENT MAIN */

h1 { margin: 30px 0 0 0; font-size: 21px; font-weight: normal; color: #352726; }
h2 { margin: 20px 0 10px 0; font-size: 17px; font-weight: normal; color: #849305; border-bottom: solid 1px; }
h3 { margin: 5px 0 15px 0; font-size: 15px; font-weight: normal; color: #849305; }

a { color: #572700; text-decoration: underline; }
a:hover { text-decoration: none; }

#contentWrapper
	{
	margin-top: 2px;
	background: url(../images/bg_sidebar.jpg) repeat-y top left;
	}

#copy
	{
	float: right;
	width: 628px;
	padding-right: 26px;
	}
#copy p
	{
	line-height: 18px;
	}
#copy .image
	{
	display: block;
	float: right;
	width: 277px;
	height: 186px;
	margin: 7px 0 7px 10px;
	}
#copy .image.home { background: url(../images/image_home.jpg) no-repeat; }
#copy .image.services { background: url(../images/image_services.jpg) no-repeat; }
#copy .image.yourEyes { float: left; margin: 6px 12px 7px 0px; background: url(../images/image_your_eyes.jpg) no-repeat; }
#copy .image.eyeDiagram { background: url(../images/image_eye_diagram.jpg) no-repeat; }
#copy .image.optical { background: url(../images/image_optical.jpg) no-repeat; }
#copy .image.contact { background: url(../images/image_contact.jpg) no-repeat; }

.logo { float: left; display: block; width: 238px; margin: 10px 50px 20px 0; text-align: center; }
.logo.mj { padding-top: 117px; background: url(../images/logo_mj.jpg) no-repeat;  }
.logo.prada { height: 41px; background: url(../images/logo_prada.jpg) no-repeat;  }
.logo.flair { height: 101px; background: url(../images/logo_flair.jpg) no-repeat;  }
.logo.lafont { height: 95px; background: url(../images/logo_lafont.jpg) no-repeat;  }
.logo.ja { height: 65px; background: url(../images/logo_jb.jpg) no-repeat;  }
.logo.revlon { height: 42px; background: url(../images/logo_revlon.jpg) no-repeat; }
.logo.so { height: 61px; background: url(../images/logo_so.jpg) no-repeat; }
.logo.tb { height: 69px; background: url(../images/logo_tb.jpg) no-repeat; }
.logo.enfants { height: 91px; background: url(../images/logo_lafont_enfants.jpg) no-repeat; }
.logo.issy { height: 40px; background: url(../images/logo_issy_la.gif) no-repeat; }

.portrait { float: right; width: 277px; height: 362px; margin: 0 0 7px 10px; }
.portrait.drBarnhart { background: url(../images/portrait_dr_barnhart.jpg) no-repeat; }
.portrait.natasha { background: url(../images/portrait_natasha.jpg) no-repeat; }
.portrait.rae { background: url(../images/portrait_rae.jpg) no-repeat; }
.portrait.sara { background: url(../images/portrait_sara.jpg) no-repeat; }

#copy ul
	{
	margin: 0;
	padding: 0;
	list-style: none;
	}
#copy ul li
	{
	float: left;
	height: 60px;
	margin-right: 15px;
	}

.pdf
	{
	display: block;
	width: 200px;
	padding-left: 20px;
	background: url(../images/bg_pdf.jpg) no-repeat top left;
	}

#sidebar
	{
	width: 213px;
	padding: 30px 0 50px 0;
	background: url(../images/bg_sidebar.jpg) repeat-y top left;
	border: solid 0px;
	}
#sidebar ul
	{
	width: 100%;
	margin: 0;
	padding: 0 0 15px 0;
	text-align: center;
	list-style: none;
	}
#sidebar ul li
	{
	margin-bottom: 7px;
	}
#sidebar img
	{
	border-style: none;
	}
#appointments
	{
	width: 191px;
	margin: 0 auto;
	font-size: 11px;
	color: #352726;
	line-height: 16px;
	}

#map
	{
	width: 550px;
	height: 450px;
	margin-top: 25px;
	border: solid 1px #352726;
	}


/* FOOTER */

#footer
	{
	width: 930px;
	height: 30px;
	background: url(../images/bg_footer.gif) no-repeat;
	}

#navBottom
	{
	font-size: 12px;
	text-align: center;
	background: #e4ecad;
	}
#navBottom a
	{
	color: #687400;
	text-decoration: none;
	}
#navBottom a:hover
	{
	text-decoration: underline;
	}

#copyright
	{
	font-size: 9px;
	padding: 8px 0;
	color: #849305;
	text-align: center;
	background: #e4ecad;
	}


/* MISC. STYLES */

.clr { clear: both; }
.clrLeft { clear: left; }

.size12 { font-size: 12px; }
