/* CSS for Northern Virginia Doctors of Optometry */



* { font-family: arial, helvetica, sans-serif; }



body {

	margin: 0;

	background-color: #FFFFFF;

	text-align: center;

}



#container {

	background-color: #FFFFFF;

	width: 756px;

	margin: 0px auto;

	position: relative;

}



/*+++++++++++++++ header ++++++++++++++*/

#indexheader {

	position:relative;

	width: 750px;

	height: 253px;

	background-image: url(../images/indexheader.jpg);

	background-repeat: no-repeat;

}



#headertext{

	display: block;

	position: relative;

	top: 95px;

	left: 22px;

	width: 442px;

	font-family: arial, geneva, sans-serif;

	font-size: 14px;

	text-align: justify;

	line-height: 17px;

	color: #000000;

}

#headertext1{

	display:block;

	position: relative;

	top: 100px;

	left: 15px;

	width: 482px;

	font-family: arial, geneva, sans-serif;

	font-size: 13px;

	text-align: left;

	line-height: 17px;

	color: #000000;

}

#headertext a{

	color: #31689e;

}

#phones {

	width: 768px;

	height: 75px;

	position: relative;

	text-align: right;

	background-color: #FFFFFF;

	font-family: verdana, geneva, sans-serif;

	font-size: 16px;

	font-style: italic;

	font-weight: bold;

	color: #000000;

}

#phones p {

	float: right;

	text-align: center;

	margin: 8px 10px 0px 4px;

}

#phones .dir{

	width: 100%;

	height: 70px;

	position: relative;

	text-align: right;

	background-color: #FFFFFF;

	font-family: verdana, geneva, sans-serif;

	font-size: 10px;

	color: #000000;

	}

	

	

#phones a {

	color: #003366;

	text-decoration: none;

	}

#phones a:hover { text-decoration: underline; }	



/*+++++++++++++++ main ++++++++++++++++*/

#main {

	width: 750px;

	background-color: #FFFFFF;

	position: relative;

	text-align: left;

	font-size:16px;

	padding: 3px;

	color: #000000;

	border: solid 1px #CCCCCC;

}

.main 
{

	position: relative;
	
	font-size: 18px;

}



/*+++++++++++++++ nav +++++++++++++++++*/

#nav {

	width: 750px;

	height: 30px;

	background-color: #000000;

	position: relative;

	margin: 3px 0px 0px 0px;

	text-align: left;

	line-height: 30px;

	font-size: 13px;

	color: #FFFFFF;

}

#nav a {

	color: #FFFFFF;

	text-decoration: none;

	margin: 0px 5px 0px 5px;

}

#nav a:hover { text-decoration: underline; }

	

/*+++++++++++ content +++++++++++*/

#content {

	width: 700px;

	position: relative;

	padding: 25px 20px 25px 20px;

	background-color: #FFFFFF;

	color: #000000;

	line-height: 18px;
	
	font-size:12px;

}


#content .disclaimer {

	width: 100%;

	position: relative;

	margin: 0px 0px 0px 0px;

	text-align: left;

	font-size: 10px;

	color: #555555;

}

#content .contact input {

	background: #E5E5FF;

	color: #333333;

	border: solid 1px #555555;

}

#content .contact textarea {

	background: #E5E5FF;

	color: #333333;

	border: solid 1px #555555;

}

#content .contact select {

	background: #333333;

	color: #000000;

	border: solid 1px #555555;

	}



#content h1 {

	color: #555555;

	font-size: 28px;

	margin: 0;

}

#content h2 {

	color: #336699;

	font-size: 16px;

	margin: 20px 0 10px 0;

}

#content h3 {

	color: #CC6600;

	font-size: 16px;

	margin: 20px 0 0 0;

}



#content a { color: #072779; text-decoration: underline; }

#content a:hover { color: #072779; text-decoration: none; }



td.lasik {

	width: 360px;

	background: url(../images/lasikbg.jpg) repeat-y;

	vertical-align: top;

}

td.sunglasses {

	width: 360px;

	background: url(../images/sunglassesbg.jpg) repeat-y;

	vertical-align: top;

}

td.contacts {

	width: 360px;

	background: url(../images/contactsbg.jpg) repeat-y;

	vertical-align: top;

}

td.sports {

	width: 360px;

	background: url(../images/sportsbg.jpg) repeat-y;

	vertical-align: top;

}

.text { padding: 10px; }

.learnmore { border: 0; margin-top: 5px; }

.right { float: right; margin: 0px 0px 10px 10px; }

.left { float: left; margin: 0px 10px 10px 0px; }

	

/*+++++++++++++++ footer +++++++++++++++*/

#footer {

	width: 750px;

	height: 20px;

	background-color: #808080;

	text-align: center;

	line-height: 20px;

	font-size: 10px;

	color: #FFFFFF;

}

#footer a {

	color: #FFFFFF;

	text-decoration: none;

	margin: 0px 15px 0px 15px;

}

#footer a:hover { text-decoration: underline; }



/*+++++ copy and bwm ++++++++++++++*/

#copyright {

	width: 100%;

	position: relative;

	margin: 5px 0px 0px 0px;

	text-align: right;

	background-color: #FFFFFF;

	font-size: 10px;

	color: #072779;

}

#copyright a { color: #072779; text-decoration: none; }

#copyright a:hover { text-decoration: underline; }

	

#disclaimer {

	width: 100%;

	position: relative;

	margin: 0px 0px 0px 0px;

	text-align: left;

	font-size: 10px;

	color: #555555;

}	



#color-change

{

	font-size: 14px;

	font-family: verdana, geneva, sans-serif;

	

}

.chngbutton {

	width:100px;

	background:#999;	

}

.clear { clear:both;}

.promos { float:left; width:300px; margin:20px 20px 20px 25px; 

/*border:solid 1px #cacaca;*/}

.email_confirm {display:none}


