﻿/*umer's patented reset styles begin*/

*
{
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	padding: 0;
	margin: 0;
}

/*umer's patented reset styles end, oh well, it was good while it lasted*/

body
{
	background: url('../media/images/bodyBg.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-color: #ababab;
	font-size: 100%;
	font-family: "Lucida Sans Unicode" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

/*various global styles*/

p
{
	font-size: 13px;
	line-height: 20px;
	
	margin-top: 1.3em;
}

a
{
	color: #fff;
	text-decoration: underline;
	font-size: 12px;
	outline:none;
}
a:hover
{
	text-decoration: none;
}

h1
{
	font-size: 24px;
	
	font-weight: lighter;
}
h2
{
	font-size: 20px;
	
	font-weight: lighter;
}





/*wrapper styles*/

#wrapper
{
	width: 940px;
	margin: 0px auto;
}

#wrapper a img
{
	border: none;
}


/*bradningNav styles*/



#brandingNav
{
	width: 940px;
	height: 225px;
	
}

#brandingNav img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	
}

ul.topNav
{
	text-align: center;
	list-style-type: none;
	font-family: "Trajan Pro" , Georgia , Times New Roman , Serif;
}
ul.topNav li
{
	display: inline;
	text-transform: uppercase;
	margin-right: 28px;
}
#brandingNav ul.topNav li.last
{
	margin-right: 0px;
}

#brandingNav ul.topNav li a.mainActive {border-bottom:1px dotted #fff;}

#brandingNav ul.topNav li.last a.mainActiveLast {border-bottom:1px dotted #fff;}




ul.topNav li a
{
	text-decoration: none;
	font-size: 13px;
	letter-spacing: 1px;
	font-weight:bold;
}

ul.topNav li a:hover
{
	color: #f4d1b8;
}

/*banner styles*/



#banner
{
	width: 900px;
	height: 275px;
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 21px;
}

#banner .bannerLeft
{
	width: 599px;
	height: 275px;
	background: url('../media/images/homeBanner.jpg');
	background-repeat: no-repeat;
	border-right: 1px solid #fff;
	float: left;
}

#banner .bannerRight
{
	float: left;
	width: 300px;
	height: 275px;
	background: url('../media/images/bookNow.jpg');
}

#banner .bannerRight img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 195px;
	
}


#bannerSub{width:900px;height:115px;margin-left: auto;
	margin-right: auto;
	margin-top: 21px;}
	
	#bannerSub .subbannerLeft
{
	width: 599px;
	height: 115px;
	background: url('../media/images/subBanner.jpg');
	background-repeat: no-repeat;
	border-right: 1px solid #fff;
	float: left;
}


#bannerSub .subbannerRight img
{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 47px;
}


#bannerSub .subbannerRight
{
	float: left;
	width: 300px;
	height: 115px;
	background: url('../media/images/subbookNow.jpg');
	}


	




/*content styles*/

#content
{
	margin-top: 40px;
}


#locationcontent{margin-top:40px;padding-left:2em;}

.homecontentLeft p.boldText{font-size:14px;font-weight:bold;}

.homecontentLeft ul.bulletList{font-size:12px;margin-left:2em;margin-top:1.5em;}
.homecontentLeft ul.bulletList li{line-height:19px;}
.homecontentLeft p.promo{font-size:14px;font-style:italic;font-weight:bold;clear:left;float:left;margin-top:1.5em;width:520px;}
.homecontentLeft p.notice{clear:left;float:left;width:390px;}

/*home content styles begin*/

span.headingSub{font-size:13px;font-weight:bold;}

.homecontentLeft
{
	float: left;
	width: 560px;

	
	padding-left: 2em;
	padding-right: 1em;
	

}

.homecontentRight
{
	float: left;
	width: 300px;
	margin-left: 0.8em;
	
}
.homecontentRight table img
{
	margin: 0px;
	padding: 0px;
}
.homecontentRight h2
{
	text-align: center;
}
.homecontentRight p
{
	
	text-align: center;
	margin-top: 0px;
	font-weight: bold;
	font-size: 0.7em;
	
	
}

.homeListLeft{float:left;clear:left;width:225px;}

.homeListLeft img{margin-top:2.5em;width:231px;height:67px;}

.homeListRight{float:left;margin-left:2em;width:250px;}

/*footer styles*/

#footer
{
	width: 940px;
	height: 100px;
	margin-top:1em;float:left;
}


#footer p
{
	float: left;
	margin-left: 3em;
	line-height: 17px;
	margin-top:0px;
}

#footer ul
{
	list-style-type: none;
	float: right;
	padding: 0px;
	margin-top: 0.8em;
	margin-right:2em;
}

#footer ul li
{
	display: inline;
	padding-right: 0.4em;
	margin-right: 0.4em;
	border-right: 1px solid #fff;
}
#footer ul li.footerLast
{
	padding-right: 0em;
	margin-right: 0em;
	border-right: 0px;
}

/*optometrists styles*/

.staffShot{width:89px;height:179px;float:left;margin-top:2.2em;border:1px solid white;}


.staffBio{float:left;margin-left:1em;margin-top:1em;width:451px;}

p.staffTitle{font-size:16px;}
p.staffTitle span{font-size:13px;font-style:italic;}
p.description{margin-top:0.6em;}

img.divider{margin-top:1.5em;margin-left:2em;}

/*subNavDividers*/

.subNavdividers{background: url('../media/images/subNav.gif');background-repeat:no-repeat;width:224px;height:63px;margin-top:0.5em;margin-left:2em;}

.subNavdividers ul{list-style-type:none;padding-left:0.5em;}
.subNavdividers ul li{line-height:30px;}



.subNavdividers a{font-size:15px;text-decoration:none;}
.subNavdividers a:hover{color: #f4d1b8;}

/*locations styles*/

.locationsTop p{float:left;width:560px;}

.locationsTop img{float:left;}

.mapLocation{width:270px;float:left;}

.mapLocation p{font-size:15px;}
.mapLocation p span{font-size:13px;font-style:italic;}
.mapLocation p.locationAddress{margin-top:0.7em;font-size:12px;line-height:17px;}

.mapLocation p.locationAddress a.emailLink{font-style:normal;}
.mapLocation p.locationAddress a{font-size:13px;font-style:italic;}

img.locationDivider{float:left;margin-left:1.1em;margin-right:1.1em;margin-top:0.5em;}

.bottomlocations{margin-top:1.5em;float:left;margin-bottom:1em;width:590px;clear:left;}

p.operation{font-size:11px;}
p.operation img{vertical-align:middle;margin-left:3em;}

p.notice{clear:left;float:left;padding-top:0.8em;width:680px;}

/*flashMap styles*/

.flashMap{margin-top:1.5em;}