body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 150%;
	color:#666;
	background: url(../images/bg.png) repeat;
}

a {	color:#666; text-decoration:underline; }
a:hover { color:#333; text-decoration:underline; }

/* 
a {	color:#FFA000; text-decoration:none; }
a:hover { color:#FFA000; text-decoration:underline; }
*/

#mainContainer {
	position: relative;
	width: 960px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* globally uses */
h2 {
	font-size: 18px;
	color: #996633;
	padding: 0px 0 5px 0;
	}
		
h3 {
	font-weight: bold;
	color: #669900;
	font-size: 15px;
	}

h4 {
	font-size: 12px;
	color: #996633;
	font-weight: bold;
	text-decoration: underline;
	}	

.colorPink { color: #cc0066; }
.colorBlue { color: #3366cc; }
strong { font-weight: bold; }

.alignright { text-align: right; }

/*main Nav and lang */
#topSection {
	position: relative;
	background: url(../images/topnavbg.gif) repeat-x;
	width: 960px;
	height: 50px;
	}	
	
#topNav {
	float: left;
	height: 50px;
	clear: both;
	}
	
#topNav ul { margin: 0; padding: 0; }
#topNav ul li { float: left; padding: 0 10px 0 0; text-indent: -10000px; }
#topNav ul li a { outline: none; height: 51px; display: block;  }
#topNav ul li.nav_home a { background: url(../images/nav_home.gif) no-repeat; width: 50px; }
#topNav ul li.nav_home a:hover, #topNav ul li.nav_home a.active { background: url(../images/nav_home.gif) 0 -51px no-repeat; }
#topNav ul li.nav_yours a { background: url(../images/nav_yours.gif) no-repeat; width: 95px; }
#topNav ul li.nav_yours a:hover, #topNav ul li.nav_yours a.active { background: url(../images/nav_yours.gif) 0 -51px no-repeat; }
#topNav ul li.nav_general a { background: url(../images/nav_general.gif) no-repeat; width: 78px; }
#topNav ul li.nav_general a:hover, #topNav ul li.nav_general a.active { background: url(../images/nav_general.gif) 0 -51px no-repeat; }
#topNav ul li.nav_special a { background: url(../images/nav_special.gif) no-repeat; width: 79px; }
#topNav ul li.nav_special a:hover, #topNav ul li.nav_special a.active { background: url(../images/nav_special.gif) 0 -51px no-repeat; }
#topNav ul li.nav_eyewise a { background: url(../images/nav_eyewise.gif) no-repeat; width: 79px; }
#topNav ul li.nav_eyewise a:hover, #topNav ul li.nav_eyewise a.active { background: url(../images/nav_eyewise.gif) 0 -51px no-repeat; }
#topNav ul li.nav_contact a { background: url(../images/nav_contact.gif) no-repeat; width: 79px; }
#topNav ul li.nav_contact a:hover, #topNav ul li.nav_contact a.active { background: url(../images/nav_contact.gif) 0 -51px no-repeat; }

#lang { background: url(../images/langbg.gif) no-repeat; position: absolute; right: 0; top: 42px; width: 61px;; height: 29px; }
#lang img.flagChi { padding: 8px 1px 0 6px; }
#lang img.flagEng { padding: 8px 0 0 0; }

/* top right */
#logoContact { clear: both; }
#logoContact .logo {
	margin: 0 0 0 5px;
	float: left;
	width: 200px;
	}
#logoContact .contact .slogan { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	float: left;
	margin: 37px 0 0 0;
	line-height: 120%;
	text-align: right;
	width: 325px;
	}
#logoContact .contact .address { 
	float: right;
	color: #663300;
	margin: 20px 0 0 0;
	width: 410px;
	font-size: 15px;
	background: url(../images/addressbg.gif) 70px 3px no-repeat;
	line-height: 130%;
	}
#logoContact .contact .address p.title { width: 80px; float: left; color: #aaa; }
#logoContact .contact .address p.text { font-family: Georgia, "Times New Roman", Times, serif; }
#logoContact .contact .address span.appointment { padding: 0 0 0 80px; font-size: 13px; }

/* content */
#breadcrumb {
	background: url(../images/breadcrumbbg.jpg) no-repeat;
	margin: 15px 0 0 0;
	width: 960px;
	height: 31px;
	color: #fff;
	}
#breadcrumb p.nav { padding: 5px 0 0 10px; }

#breadcrumb a {	color:#fff; text-decoration:none; font-weight: bold; }
#breadcrumb a:hover { color:#fff; text-decoration:underline; }


#content {
	background: #fff url(../images/contentbg.gif)  no-repeat;
	padding: 20px 10px 10px 10px;
	width: 940px;
	min-height:500px;
  	height:auto !important;
 	height:500px;
	}
#content p { padding: 0px 0 10px 0; }
/* home content */
.leftBlocks { float: left; }
.rightBlocks { float: right; }

.homeTopRow, .homeBottomRow { clear: both;  }
.homeTopRow img, .homeBottomRow img, .homeOptometrist img { padding: 0 0 10px 0; }
.homeWelcome, .homeMission, .homeOptometrist {
	float: left;
	width: 291px;
	padding: 0 11px 0 10px;
	}
.homeWelcome, .homeMission { margin: 0 0 10px 0; }

.homeOptometrist ul { margin: 5px 0 0 0; font-weight: bold; color: #663300; }
.homeOptometrist ul li { background: url(../images/bulletStar.gif) 0 3px no-repeat; padding: 0 0 5px 16px; }
.homeOptometrist h3 { font-weight: bold; color: #669900; font-size: 14px; }


/* Your Family */
.buttons {
	padding: 5px 0 20px 0;
	}	

.buttons a {float: left;display: block; text-decoration: none; margin: 0 5px 0 0; }
.buttons a:hover, .buttons a.active  { background-position: 0px -36px; }

.buttons a#tab1  {
	background-image: url(../images/btn_forkids.gif);
	width: 108px;
	height: 36px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

.buttons a#tab2  {
	background-image: url(../images/btn_foradults.gif);
	width: 108px;
	height: 36px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

.buttons a#tab3  {
	background-image: url(../images/btn_forseniors.gif);
	width: 108px;
	height: 36px;
	display: block;
	float: left;
	text-indent: -10000px;
	}
	
.leftPhotos {
	float: left;
	width: 391px;
	}

.rightContent {
	float: left;
	width: 540px;
	}

.rightContent ul {
	margin: 6px 0 0 0;
	}

.rightContent ul li {
	margin: 0 0 6px 16px;
	list-style: disc;
	}


.rowSection { border-bottom: 0px #ba9b61 solid; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.rowSection img.left { float: left; margin: 0 10px 0 0; }
.rowSection img.right { float: right; margin: 0 0 0 10px; }

.buttons a#tab4  {
	background-image: url(../images/btn_ortho.gif);
	width: 142px;
	height: 36px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

.buttons a#tab5  {
	background-image: url(../images/btn_vision.gif);
	width: 111px;
	height: 36px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

.buttons a#tab6  {
	background-image: url(../images/btn_visual.gif);
	width: 174px;
	height: 36px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

p.lastContent { border-bottom: 1px #ba9b61 solid; margin: 0px 0 10px 0; }

.buttons a#tab7  {
	background-image: url(../images/btn_fulleye.gif);
	width: 142px;
	height: 35px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

.buttons a#tab8  {
	background-image: url(../images/btn_ortho.gif);
	width: 142px;
	height: 35px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

.buttons a#tab9  {
	background-image: url(../images/btn_spectacle.gif);
	width: 111px;
	height: 35px;
	display: block;
	float: left;
	text-indent: -10000px;
	}

/* eyewise */
.eyewiseContent { 
	float: left;
	width: 295px;
	}

.eyewiseContentRight {
	float: left;
	width: 470px;
	margin: 0 0 0 20px;
	}

.eyewiseContentRight ul {
	margin: 6px 0 0 0;
	}

.eyewiseContentRight ul li {
	margin: 0 0 6px 16px;
	list-style: disc;
	font-size: 15px;
	}


/* Contact */
.contactLeft {
	width: 290px;
	float: left;
	}
	
.contactRight {
	width: 620px;
	float: right;
	}

.googlemap {
	border: 3px #996600 solid;
	padding: 2px;
	}
	
img.brown {
	border: 3px #996600 solid;
	padding: 2px;
	margin: 0 0 5px 0;
	}

img.brown2 {
	border: 3px #996600 solid;
	padding: 2px;
	margin: 0 0 15px 0;
	}

img.smallPicLeft {
	border: 3px #996600 solid;
	padding: 2px;
	margin: 0 1px 3px 0;
	}
	
img.smallPicRight {
	border: 3px #996600 solid;
	padding: 2px;
	margin: 0 0 3px 1px;
	}	
	

/* footer */
#footer {
	background: url(../images/footerbg.jpg) no-repeat;
	font-size: 11px;
	width: 960px;
	height: 76px;
	padding: 0 0 0 10px;
	}
#footer a { color: #666666; text-decoration: underline; }
#footer a:hover { color: #333; }
#footer .footerNav { padding: 28px 0 0 0;  }
#footer .footerNav span.quicklink { font-weight: bold; }
#footer .footerNav span { padding: 0 8px 0 0; }
#footer .copyright { padding: 5px 0 0 0; }


/* This needs to be first because FF3 is now supporting this */
.clearfix {display: inline-block;}

.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    visibility: hidden;
}

.clearfix {display: block;}
/* End hide from IE-mac */