/********************************************************/
/*	VisionBoston.com general style sheet				*/
/*	Coded by Ryan Herndon, Ceatus Media Group, LLC		*/
/*	Created 01/18/2007									*/
/*	Browser test: Moz, IE5.5+, NS7.2+, Opera, Safari	*/
/********************************************************/

*	{ margin: 0; padding: 0; }
html	{ min-height: 100%; margin: 0 0 .01em; }
#skip	{ display: none; }

body	{ background: url(../i/body.gif) repeat-x 0 0 #e1ecf0; font: 12px/18px Arial, Helvetica, sans-serif; color: #464646; }

a:link	{ color: #38a; }
a:visited	{ color: #2E5A6B; }
a:hover	{ text-decoration: none; color: #B72A26; }

#container	{ position: relative; width: 764px; background: #fff; margin: 0 auto; }

#header	{ position: relative; left: 2px; top: 2px; float: left; width: 760px; w\idth: 756px; height: 98px; he\ight: 94px; margin: 0 2px 2px 0; border: 2px solid #e0e1e2; background: url(../i/bg-header.gif) repeat-x 0 0; }
	#header #lasikBoston	{ position: relative; float: right; right: 10px; top: 5px; margin: 0 0 5px 10px; display: block; font-size: 14px; color: #38a; font-style: italic; font-weight: bold; }
	#header #appt	{ position: absolute; right: 10px; bottom: 15px; float: right; font-size: 20px; font-weight: bold; text-align: right; }
		#header #appt strong	{ font-size: 12px; color: #1f546a; }
	#header #offices	{ position: relative; right: 100px; top: 5px; float: right; font-size: 11px; line-height: 12px; text-align: center; }
		#header #offices strong	{ font-size: 16px; line-height: 20px; color: #1f546a; }
	#header #logo	{ position: absolute; top: 0; left: 0; width: 433px; height: 94px; display: block; background: url(../i/vb-logo.jpg) no-repeat 0 0; }

#topNav	{ position: relative; left: 2px; top: 0; margin: 0 2px 0 0; float: left; width: 760px; list-style: none; }
	#topNav li	{ position: relative; left: 22px; top: 1px; float: left; width: 134px; w\idth: 132px; border: 1px solid #1f546a; line-height: 12px; margin: 0 22px 1px 0; }
	#topNav a:link, #topNav a:visited	{ position: relative; width: 132px; w\idth: 102px; border: none; text-decoration: none; text-align: center; background: #3d8eae; color: #fff; font-size: 11px; display: block; padding: 8px 15px; }
	#topNav a:hover, #topNav li.on a:link, #topNav li.on a:visited, #topNav li.on a:hover	{ background: #93BDCF; padding: 9px 14px 7px 16px; }
	#topNav li#homeNav, #topNav li#homeNav.on	{ left: 1px; margin: 0 1px 1px 0; }
#topNavBar	{ position: relative; left: 2px; top: 6px; margin: 0 2px 6px 0; float: left; width: 760px; height: 2px; background: #577f8f; }

/* send a friend button */
#send	{  width: 132px;  height: 39px; he\ight: 37px; border: 1px solid #1f546a; line-height: 12px; float: left; margin-left: 15px;}
	#send a:link, #send a:visited	{ position: relative; width: 132px; w\idth: 102px; height: 37px; he\ight: 27px; border: none; text-decoration: none; text-align: center; background: #3d8eae; color: #fff; font-size: 11px; display: block; padding: 5px 15px; }
	#send a:hover	{ background: #B72A26; padding: 6px 14px 4px 16px; }

/* email button */
#email	{ width: 134px; w\idth: 132px; height: 39px; he\ight: 37px; border: 1px solid #1f546a; line-height: 12px; float: left; margin: 0px 0px 0px 20px; padding: 0px;}
	#email a:link, #email a:visited	{  width: 132px; w\idth: 102px; height: 37px; he\ight: 27px; border: none; text-decoration: none; text-align: center; background: #3d8eae; color: #fff; font-size: 11px; display: block; padding: 5px 15px; }
	#email a:hover	{ background: #B72A26; padding: 6px 14px 4px 16px; }

#home #content, #sub #content	{ position: relative; top: 19px; margin: 0 0 19px; float: right; width: 606px; }
	#content #text	{ position: relative; top: 27px; margin: 0 0 27px; float: left; width: 419px; }
		#content #text img	{ float: left; margin: 0 10px 0 0; }
		#content #text h2	{ font-size: 16px; color: #1f546a; }
		#content #text h3	{ font-size: 12px; color: #1f546a; margin: 0 0 5px; }
			#content #text h3.subHeading	{ font-weight: normal; line-height: 14px; margin: 0 0 3px; }
		#content #text p	{ margin: 0 0 10px; }
		#home #content #text a.none:link, #content #text a.none:visited, #content #text a.none:hover	{ text-decoration: none; color: #464646; }
		#content #text #email	{ float: left; margin: 0px; }
		#content #text #send	{ float: left; margin: 0px; }
	
	#content #media	{ position: relative; right: 2px; float: right; background: url(../i/media.gif) no-repeat 0 0; width: 180px; height: 299px; }
		#content #media span	{ display: none; }
	
	#content div.books	{ position: relative; top: 25px; margin: 0 0 45px; float: left; width: 577px; height: 117px; color: #000; line-height: 14px; font-weight: bold; }
		#content div.books li	{ list-style: url(../i/bullet-arrow.gif); }
		#content div.books#lasikBook, #content div.books#bestDocs	{ background: #d8ebef; }
		#content div#lasikBook	{  }
			#content div#lasikBook img	{ position: absolute; bottom: -27px; }
			#content div#lasikBook ul	{ position: relative; top: 25px; float: right; width: 365px; }
		#content div.books#bostonMag	{ background: #f8f3d4; }
			#content div#bostonMag img	{ position: absolute; right: 0; bottom: -36px; }
			#content div#bostonMag ul	{ position: relative; left: 45px; top: 9px; float: left; width: 255px; }
			#content div#bostonMag li	{ margin: 0 0 10px; }
		#content div.books#bestDocs		{  }
			#content div#bestDocs img	{ position: absolute; bottom: -20px; }
			#content div#bestDocs ul	{ position: relative; right: 15px; top: 38px; float: right; width: 235px; }
			
			.title { margin: 0px; padding: 0px 0px 0px 210px; color:#207f98; font-size: 13px;}

/* SUB PAGES *******************************************************/
	#sub #content	{ right: 20px; width: 586px; }
	#sub #content #aboutText	{ position: relative; left: 15px; float: right; width: 210px; w\idth: 180px; padding: 15px; background: url(../i/aboutText-top.gif) no-repeat 0 0 #E1ECF0; border: 2px solid #a1b7c0; border-width: 0 0 1px; font-size: 11px; color: #969696 }
		#aboutText span	{ background: url(../i/aboutText-bot.gif) no-repeat 0 0; width: 210px; height: 19px; display: block; position: absolute; bottom: 0; left: 0; }
		#aboutText a:link, #aboutText a:visited, #aboutText a:hover	{ text-decoration: none; color: #969696; }
	#sub #content h1	{ font-size: 18px; margin: 0 0 15px; }
	#sub #content h2	{ font-size: 16px; margin: 0 0 10px; color: #1f546a; }
	#sub #content h3	{ font-size: 14px; margin: 0 0 10px; }
	#sub #content h4	{ font-size: 12px; margin: 0 0 10px; }
	#sub #content p	{ margin: 0 0 14px; }
	#sub #content ul, #sub #content ol	{ margin: 5px 10px 15px 25px; }
	
	/* tables */
	#sub #content table.table1	{ border: 1px solid #E1ECF0; border-collapse: collapse; }
		.table1 th, .table1 td	{ padding: 3px; border: 1px solid #E1ECF0; }
		.table1 th	{ background: #93BDCF; color: #fff; }
		.table1 tr.row1	{ background: #F9FCFD; }
	
	/* form */
	#form	{ width: 370px; }
		#form fieldset	{ position: relative; float: left; border: 1px solid #E1ECF0; width: 370px; w\idth: 362px; padding: 3px; margin: 0 0 3px; }
		#form label	{ position: relative; float: left; width: 120px; font-size: 11px; line-height: 14px; text-align: left; }
		#form select	{ font-size: 11px; }
		.requiredField	{ background: #fcc; border: 1px solid #c92026; }
		.error	{ color: #c00; font-size: 10px; font-style: italic; }
		.subject { display: none; }
	
	/* testimonials */
	p.testimonial	{ position: relative; padding: 5px 30px 0; background: url(../i/lquotes.gif) no-repeat -3px -5px; }
		p.testimonial span	{ position: absolute; bottom: 55px; right: 0; background: url(../i/rquotes.gif) no-repeat 0 0; width: 33px; height: 40px; }
		
	.cataract-faq-img {
		width:150px;
		margin: 10px 0 0 10px;
		float: right;
		text-align: center;
	}
	
		.cataract-faq-img span{
			margin: 3px;
			color: #666;
			line-height: 1em;
		}
		
#footer	{ position: relative; right: 2px; top: 30px; margin: 0 0 40px 2px; float: right; width: 604px; border-top: 2px solid #577f8f; }
	#footer p	{ font-size: 11px; line-height: 13px; }
	#footer p#btmText	{ position: relative; top: 20px; margin: 0 0 45px; float: left; }
		#footer p#btmText a:link, #footer p#btmText a:visited, #footer p#btmText a:hover	{ color: #464646; }
	#footer li	{ position: relative; left: 23px; float: left; list-style: none; font-size: 11px; line-height: 9px; border-left: 1px solid #000101; }
	#footer li.first	{ border: none; }
	#footer a:link, #footer a:visited	{ text-decoration: underline; color: #38a; }
	#footer a:hover	{ color: #B72A26; }

#copyright, #marketing	{ position: relative; top: 15px; float: right; width: 604px; text-align: center; }
	#copyright	{ font-size: 11px; line-height: 11px; }
	#marketing	{ font-size: 10px; margin: 0 0 25px; }
		#marketing a:link, #marketing a:visited, #marketing a:hover	{ text-decoration: none; color: #464646; }

#hitCounter	{ position: relative; right: 250px; float: right; border: 1px solid #7f7f7f; width: 80px; height: 18px; margin: 0 0 15px 250px; }

#leftColumn	{ position: absolute; left: 2px; top: 154px; float: left; margin: 0 2px 154px 0; width: 134px; }
#nav	{ list-style: none; }
	#nav li	{ position: relative; width: 134px; w\idth: 132px; border: 1px solid #1f546a; line-height: 12px; margin: 0 0 3px; }
	#nav a:link, #nav a:visited	{ position: relative; width: 132px; w\idth: 122px; border: none; text-decoration: none; text-align: center; background: #3d8eae; color: #fff; font-size: 11px; display: block; padding: 8px 5px; }
	#nav a:hover, #nav li.on a:link, #nav li.on a:visited, #nav li.on a:hover	{ background: #93BDCF; padding: 9px 4px 7px 6px; }

#hipaa	{ position: relative; left: 10px; top: 20px; }
#testimonials	{ position: relative; left: 0px; top: 20px; }

/* GENERAL CLASSES */
.clear	{ clear: both; }
a.none:link, a.none:visited, a.none:hover, .none a:link, .none a:visited, .none a:hover	{ color: #464646; text-decoration: none; }
.img	{ font-size: 10px; line-height: 12px; }
.top	{ font-size: 11px; text-align: right; }