/* 
URL: http://
Author: Matt Green   
Title: Web Developer/Flaxen Design 
Company: Flaxen Design

** Refer to the core files 'global.css' and 'reset.css' that are loaded before

[Table Of Contents] 

1- Global Selectors
2- Major Page Layout Elements
3- Header
4- Navigation 
5- Content 
6- Pages
7- Footer



------  REFERENCE:  ------
BG color: #004d82
Text color: #004d82
Vid Box BG color: #dee9ed
Orange: #f6a312


__________________________



*/

/* 1. Global Selectors 
-------------------------------------------------------------- */



html {
	background:url(../images/bgrepeat.jpg) #fffada repeat-x;

}

body {

}

#container {
	background: #fff;
	position: relative;
	width: 950px;
	margin: 0 auto;
	height: 100%;
}



#content {
	width: 100%;
	background: url(../images/bg_subpage_headerbottom.jpg) #fff center top no-repeat;
}


h1, h2, h3, h4, h5, h6, h7, p, ul {
	color: #004d82;
	font-family: "Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-size: 14px;
	line-height: 1.25em;
}

.offset {
	text-indent: -9999px;
	width: 0px;
	height: 0px;
}

.clear {
	clear: both;
}


a:link { 
	}
a:hover { 
	}
a:active { 
	}
a:visited { 
	}


hr {
	margin: 30px 0px;
}

.wing_left {
	position: absolute;
	left: -243px;
	top: 0px;
}

.wing_right {
	position: absolute;
	right: -247px;
	top: 0px;
}

/* 2. Major Page Layout Elements 
-------------------------------------------------------------- */

.testimbox {
	position: relative;
	width: 421px;
	height: 305px;
	margin: 0px 20px 0px 15px;
}


.testimbox p {
	padding: 110px 5px 0px 213px;
	width: 185px;
	font-size: smaller;
}

.testimbox img {
	padding: 20px 5px 0px 213px;
	margin-left: -6px;
}


.lash {
	background: url(../images/testimonbg_lash.jpg) #fff no-repeat;
	margin-left: 32px;
}

.coakley {
	background: url(../images/testimonbg_coakley.jpg) #fff no-repeat;
}

.louis {
	background: url(../images/testimonbg_louis.jpg) #fff no-repeat;
	margin-left: 32px;
}

.duckie {
	background: url(../images/testimonbg_duckie.jpg) #fff no-repeat;
}

.coakleyfront {
	background: url(../images/testimonbg_coakley.jpg) #fff no-repeat;
	margin-left: 32px;
}

.louisfront {
	background: url(../images/testimonbg_louis.jpg) #fff no-repeat;
}

#testboxlamz {
	background-image:url(../images/bg_thankyou.jpg);
	background-repeat:no-repeat;
	margin-bottom:50px;
	
}
#testboxlamz p {
	padding:130px 30px 0px 20px;
	width:380px;
	
}
#testboxlamz img {
	padding: 20px 5px 0px 213px;
	margin-left: -6px;
}

/* 3. Header 
-------------------------------------------------------------- */

#header {
	background: url(../images/bg_header.jpg) no-repeat #fff center;
	position: relative;
	width: 950px;
	margin: 0 auto;
	height: 170px;
}

#logo {
	position: absolute;
	width: 320px;
	height: 100px;
	left: 90px;
	top: 50px;
	display: block;
}

#schedule {
	position: absolute;
	width: 212px;
	height: 99px;
	left: 485px;
	top: 51px;
	display: block;
	background: url(../images/btn_scheduleappt.png) no-repeat;
	text-indent: -9999px;
}

#patientforms {
	position: absolute;
	width: 212px;
	height: 99px;
	left: 700px;
	top: 51px;
	display: block;
	background: url(../images/btn_downloadforms.png) no-repeat;
	text-indent: -9999px;
}

#patientformspdf {
	display: block;
	margin: 10px auto 5px auto;
}

#formheadline {
	text-align: center;
	margin-top: 20px;
}

#formdownload {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 20px;
}

#patientforms h2 {
	text-indent: -9999px;
}

#facebook {
	position: absolute;
	width: 115px;
	height: 50px;
	left: 829px;
	top: 1px;
	display: block;
	background: url(../images/btn_facebook.png) no-repeat;
	text-indent: -9999px;
}

#fontsize {
	position: absolute;
	left: 708px;
	top: 149px;
}

/* 4. Navigation and Subnavigation
-------------------------------------------------------------- */

#nav {
    width: 684px; height: 33px;
    background: url(../images/nav_bg.jpg); 
    margin: 0px auto; padding: 0;
    position: relative;
}

#nav li {
    margin: 0; 
    padding: 0; 
    list-style: none;
    position: absolute; 
    overflow: hidden;
    top: 0;
}

#nav li, #nav a {
    height: 33px; display: block;
    text-decoration: none;
    border: 0px;
    overflow: hidden;
}
    

#home {left: 0; width: 64px;}
#eyedoctors {left: 64px; width: 78px;}
#education {left: 142px; width: 94px;}
#opticalcenter {left: 236px; width: 77px;}
#locations {left: 313px; width: 89px;}
#testimonials {left: 402px; width: 104px;}
#community {left: 506px; width: 103px;}
#contact {left: 610px; width: 73px;}

  


#home a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -1px -35px no-repeat;}
#eyedoctors a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -67px -35px no-repeat;}
#education a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -147px -35px no-repeat;}
#opticalcenter a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -243px -35px no-repeat;}
#locations a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -322px -35px no-repeat;}
#testimonials a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -413px -35px no-repeat;}
#community a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -519px -35px no-repeat;}
#contact a:hover {
    background: transparent url(../images/nav_sprite.jpg)
    -625px -35px no-repeat;}


/*ul#navigation li.optimal a {
	background: url(../images/optimal.jpg) top left;
}

ul#navigation li.optimal a:hover {
	top:right;
}  */

img.menu_leftcurve, img.menu_rightcurve, img.menu_shadow { 
	position: absolute;
}

img.menu_leftcurve { 
	left:-11px;
	top:1px;
}

img.menu_rightcurve { 
	right:-11px;
	top:1px;
}

img.menu_shadow {
	bottom:-4px;
	width: 100%;
	height:4px;
}

/* 5. Content
-------------------------------------------------------------- */

.column { 
	float: left;
	width: 50%;
	background: #fff;
}

.column .left {
	margin-left: 50px;
	margin-right: 10px;
}

.column .right {
	margin-left: 10px;
	margin-right: 50px;
}

#intro {
	width: 475px;
}

#intro p, #intro h2, #intro ul {
	margin-left: 55px;
	margin-right: 30px;
	line-height: 1.75em;
}

#intro ul {
	list-style-type: disc;
	margin-left: 85px;
	margin-top: 10px;
	line-height: 1.25em;
}
#intro ul li {
	margin-top: 5px;
}

#intro h2 {
	font-size: 18px;
}

#educationctr {
	background: #dee9ed;
	width: 421px;
	margin-left: 15px;
	margin-right: 33px;
}

#educationctr img {
	margin: 0px;
	padding: 0px;
}

.video {
	clear: both
}

#educationctr .video img {
	margin: 20px 15px 10px 20px;
	float: left;

}

#educationctr .video h3 {
	padding: 25px 10px 5px 0px;
}

#educationctr .video p {
	padding: 0px 10px 5px 0px;
}

.headline {
	padding-top: 85px;
}


/* 6. Pages
-------------------------------------------------------------- */


.definitions {
	margin: 0 auto;
	width: 800px;
}

.definitions p {
	padding-top: 10px;
	line-height: 1.5em;
}

#alphabet {
	margin-bottom: 5px;
	padding-bottom: 0px;
}

.definitions img {
	margin: 2px 10px -15px -5px;
}

.definitions h2 {
	font-size: 18px;
	margin-top: 20px;
}

.definitions h3 {
	font-size: 22px;
	margin-top: 30px;
}

.definitions h4 {
	font-size: 15px;
}

.backtotop {
	margin: 20px 0px;
}

#catsurg {
	margin-top: 20px;
}

.disclaimer {
	font-size: 11px;
	margin-top: 5px;
}

.doctor {
	margin: 20px 70px 50px 70px;
}

.doctor img {
	border: 1px #f6a312 solid;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}

.doctor h3 {
	margin-bottom: 10px;
}

.doctor p {
	line-height: 1.25em;
	margin-bottom: 10px;
}

#locationspage {
	margin: 0 auto;
	width: 800px;
}

#locationspage h2 {
	font-size: 18px;
	margin-bottom: 10px;
}

#locationspage p {
	margin-bottom: 2px;
}

#locationspage img {
	border: 1px solid #f6a312;
	margin-top: 10px;
}

.map {
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
	border: 1px solid #f6a312;
}

.phone {
	margin-top: 7px;
	font-size: 16px;
	font-weight: bold;
}

.maptext {
	margin-top: 7px;
}

.building {
	margin-bottom: 20px;
}

#maintestim {
	width: 883px;
	height: 450px;
	margin: 0 auto;
	background-image:url(../images/bg_maintestimtop2.jpg);
	background-repeat:repeat-x;
}

#maintestim h7 {
	margin-top: 30px;
	padding-right: 30px;
	color: #000;
	display: block;
}

#maintestim p {
	margin-top: 10px;
	padding-right: 30px;
}

#maintestim img {
	float: left;
}

#opticalpage {
	margin: 0 auto;
	width: 800px;
}

#opticalpage h2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

#opticalpage p {
	margin-top: 10px;
	line-height: 1.5em;
}

#opticalpage ul {
	list-style-type: disc;
	margin-left: 30px;
	margin-top: 10px;
	line-height: 1.25em;
	width: 300px;
}

#opticalpage ul li {
	margin-top: 5px;
}

.opticalleft, .opticalright {
	width: 380px;
	float: left;
	padding: 5px;
}

.opticalleft {
	padding-right: 20px;
}

#coupon {
	margin: 0 auto;
}

#creditcare {
	text-align: center;
	margin: 20px 0px;
}

.editorial {
	float: left;
	margin-right: 15px;
	margin-top: 20px;
}

.editorial p {
	margin-bottom: 10px;
}

#privacypolicy {
	margin: 0 auto;
	width: 800px;
	padding-top: 50px;
}

#privacypolicy h2 {
	margin-bottom: 2px;
}

#privacypolicy h3 {
	margin-bottom: 15px;
}

#privacypolicy p {
	margin-bottom: 25px;
}

.privacybullets {
	color: #004d82;
	font-family: "Lucida Grande", "Arial", "Helvetica", sans-serif;
	font-size: 14px;
	line-height: 1.25em;
	margin-left: 10px;
	margin-bottom: 20px;
}

#communitypage {
	margin: 0 auto;
	width: 800px;
}

#communitypage h2 {
	font-size: 18px;
	margin-bottom: 8px;
}

#communitypage h3 {
	font-size: 15px;
	margin-bottom: 8px;
}

#communitypage img {
	float: left;
	margin-right: 20px;
}

#employmentform, #employmentconf {
	position: relative;
	width: 700px;
	margin: 0 auto;
}

#insuranceform {
	position: relative;
	width: 700px;
	margin: 0 auto;
}

#contactform, #contactconf, #insuranceformconf { 
	position: relative;
	width: 500px;
	margin: 0 auto;
}

/* stuff I added begin */
#scheduleapptform { 
	margin-left: 390px; 
	margin-top: 20px;
}

#scheduleapptheader {
	margin: 0px 200px;
}

#scheduleapptform p {
	padding-bottom: 5px;
}

.indent {
	padding-left: 30px;
}

select { 
	margin-top: 5px;
}

label { margin-top: 5px; display: block; }

input[type="submit"] { 
	margin-top: 5px;
}
/* Stuff I added end */

.error,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; text-align: center; margin:20px 300px; }
.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error_red { color: #8a1f11; }

/* 7. Footer 
-------------------------------------------------------------- */


#footer {
	clear: both;
	background: #ffec58 url(../images/bg_footer.jpg) no-repeat center top;
	position: relative;
	width: 950px;
	margin: 0 auto;
	height: 127px;
	padding-top: 175px;
}

#footer h6 {
	text-align: center;
	font-size: 10px;
	margin-top: 3px;
}