/* Benj Arriola's Default CSS File 12-08-2004
  ****************************************************************************/

/* Link underlines tend to make hypertext less readable, 
 * because underlines obscure the shapes of the lower halves of words
  ****************************************************************************/
:link,:visited,:hover { text-decoration:none; }

/* No list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code too    */
h1,h2,h3,h4,h5,h6,pre,code { font-size:12px; font-weight: normal; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin
 * the default spacing on headings does not match nor align with normal
 * interline spacing at all, so let's get rid of it.
 * Zero out the spacing around pre, form, body, html, p, blockquote as well
 * form elements are oddly inconsistent, and not quite CSS emulatable.
 * Nonetheless, strip their margin and padding as well.
 *****************************************************************************/
hr,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl
{ margin:0; padding:0; }

/* whoever thought blue linked image borders were a good idea?
 *****************************************************************************/
a img,:link img,:visited img { border:none; }

/* more varnish stripping as necessary...
 *****************************************************************************/
.rightcol-titles span, .titles span, #contact-us span, #head span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }

/* use this class to indent a paragraph 20 pixel...
 *****************************************************************************/
.indent { margin:0 0 0 20px; }

/* use for top of page link
 *****************************************************************************/
.topofpage { text-align: right; }

/* use to clear below floats
 *****************************************************************************/
.clear { clear: both; height: 1px; overflow: hidden;}

/* use to clear below floats
 *****************************************************************************/
img.img-left { float:left; margin:2px 12px 12px 0; }
img.img-right { float: right; margin: 2px 0 12px 12px; }
 
/* Default font settings for this website. This may very depending on the 
 * design. Also set your colors and underlines here for links.
 *****************************************************************************/
h1,h2,h3,h4,h5,h6,p,li{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
}
a:link, a:visited{
	font: 12px Arial, Helvetica, sans-serif;
	color: #2061A5;
	text-decoration: none;
}

a:hover, a:active{
	color: #E36413;
	text-decoration: underline;
}

/* Most of the sites I build are in a 760px to 780px container.
 *****************************************************************************/
body {
	text-align: center;
	color: #000;
	background: #036;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#container{
	margin: 12px auto 0 auto;
	text-align: left;
	width: 770px;
	background: url(../images/allpages/back-container.jpg);
}

/* Default values end here.
 *****************************************************************************/

/*
 * This file is a modification of:
 * ----------------------------------------------------------------------------
 * undohtml.css
 * (C) 2004 Tantek Celik. Some Rights Reserved.
 * http://creativecommons.org/licenses/by/2.0
 * This style sheet is licensed under a Creative Commons License.
 * ---------------------------------------------------------------------------- 
 * Purpose: undo some of the default styling of common (X)HTML browsers
 *****************************************************************************/

/* Thanks to Mike Hawkins for sharing, and to him and Andy Waer for the 
 * mini-lessons. Custom modifications to the file by:
 * Benj Arriola http://www.benjarriola.com (spammers, go away!)
 *****************************************************************************/

/* Main Horizontal Boxes
 *****************************************************************************/

#head{
	background: url(../images/allpages/head.jpg);
	width: 770px;
	height: 121px;
	position: relative;
}
		#head a{
			height: 75px;
			width: 274px;
			margin: 35px 0 0 50px;
			position: absolute;
		}
		
#flashbox{
	width: 721px;
	height: 230px;
	padding: 0 25px 0 24px;
	margin-bottom: -1px;
}
.noflash{
	width: 721px;
	height: 230px;
	margin: 0 0 0 24px;
	position: relative;
}

	.noflash span{
		display: none;
	}

	.noflash #mast-link-home{
		position: absolute;
		margin: 202px 0 0 507px;
		width: 45px;
		height: 14px;
	}

	.noflash #mast-link-bookmark{
		position: absolute;
		margin: 202px 0 0 566px;
		width: 71px;
		height: 14px;
	}

	.noflash #mast-link-contact{
		position: absolute;
		margin: 202px 0 0 649px;
		width: 59px;
		height: 14px;
	}
#main{
	margin: 0 25px 0 24px;
}
		#main-bottom{
			background: url(../images/allpages/back-main-bottom.jpg) no-repeat bottom;
		}
		#left{
			background: url(../images/allpages/back-main.jpg) repeat-x top;
			width: 514px;
			float: left;
		}
				#left-top{
					background: url(../images/allpages/leftcol/back-leftcol-top.jpg) no-repeat top right;
					margin: 32px 0 0 0;
					padding: 0 0 15px 0;
				}
				#left-top h1{
					font-size: 16px;
					font-weight: bold;
					margin: 0 40px 10px 40px;
				}
				#left-top h1.titles, #left-top h2.titles{
					margin: 0 0 10px 15px;
					padding: 10px 0 0 0;
				}
				#left-top h2{
					font-size: 14px;
					font-weight: bold;
					margin: 0 40px 10px 40px;
				}
				#left-top h3{
					font-size: 12px;
					font-weight: bold;
					margin: 0 40px 10px 40px;
				}
				#left-top p{
					margin: 0 40px 10px 40px;
				}
				#left ul{
					margin: 0 40px 10px 40px;
				}
				#left ul li{
					list-style: url(../images/allpages/rightcol/bullet.jpg);
					margin: 0 0 0 25px;
					padding-left: 0px;
				}

				.topofpage span{
					font-size: 15px;
					font-weight: bold;
				}
				.doc-pics{
					margin: 3px 10px 15px 40px;
				}
				.mapbox{
					text-align: center;
					margin: 50px 0 20px 0;
				}
				.contact-page-map-image{
					border: 1px solid #000000;
					padding: 2px;
					margin: 0 0 0 -3px;
				}
		#right{
			background: url(../images/allpages/back-main.jpg) repeat-x top;
			width: 207px;
			float: left;
			padding: 0 0 15px 0;
		}
				#contact-us{
					background: url(../images/allpages/rightcol/contact-us.jpg);
					margin: 32px 0 0 0;
					height: 47px;
					width: 207px;
				}
				
				#contact-us-small{
					background: url(../images/contact-us-btn.jpg);
					margin: 0px 0 0 0;
					height: 35px;
					width: 207px;
				}
				
				#contact-us-small span{
					display:none;
				}
				
				#eye{
					background: url(../images/3deyebutton.jpg);
					margin: 32px 0 0 0;
					height: 100px;
					width: 207px;
					position:relative;
				}
				
				#eye a {
				position:absolute;
				left:0px;
				top:20px;
				width:210px;
				height:60px;
				}
				
				#eye a span, #eye-popup-sub a span{
						display:none;
				}
				
				#eye-popup-sub{
					background: url(../images/3d-eye-button-sub.jpg);
					margin: 0px 0 0 0;
					height: 123px;
					width: 514px;
					position:relative;
				}
				
				#eye-popup-sub a {
				position:absolute;
				left:0px;
				top:22px;
				width:514px;
				height:79px;
				}
				
	
				
				
				#right p{
					margin: 0 20px 10px 20px;
				}
				#right p a span{
					font-size: 15px;
					font-weight: bold;
				}
				#right ul{
					margin: 0 5px 10px 20px;
				}
				#right ul li{
					list-style: url(../images/allpages/rightcol/bullet.jpg);
					margin: 0 0 0 15px;
					padding-left: 0px;
				}
				#featured-film-thumbnails{
					background: url(../images/allpages/rightcol/featured-film-thumbnails.jpg);
					width: 182px;
					height: 303px;
					margin: 0 0 0 10px;
				}
				#affiliate-logos{
					background: url(../images/allpages/rightcol/affiliatelogos.jpg);
					width: 182px;
					height: 269px;
					margin: 0 0 20px 10px;
				}

#closer{
	background: url(../images/allpages/closer.jpg);
	clear: both;
	height: 26px;
	width: 770px;
}
 
/* Other Details
 *****************************************************************************/

 	#mapbox{
		background: url(../images/maps/background.jpg);
		height: 422px;
		width: 600px;
		margin: 0 auto;
		text-align: left;
	}
	#mapbox #left{
		background: none;
		float: left;
		width: 224px;
		padding: 162px 0 0 0;
	}
	#mapbox #right{
		background: none;
		float: left;
		width: 376px;
	}
	#mapbox #right img{
		margin: 134px 0 0 0;
	}
	#mapbox #left p{
		margin: 20px 0 0 40px;
	}
	#mapbox #left a span{
		font-size: 15px;
		font-weight: bold;
	}
	#mapbox #left a{
		font-size: 12px;
	}
 
/* Titles */
	.titles{
		width: 489px;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlWelcome{
		background: url(../images/titles/welcome.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
 	#ttlCosmeticLaserSurgery{
 		background: url(../images/titles/cosmeticlasersurgery.jpg) no-repeat left bottom;
 	}
 	#ttlOpticalShop{
 		background: url(../images/titles/optical_shop.jpg) no-repeat left bottom;
 	}
	#ttlLasikVsPrk{
		background: url(../images/titles/lasikvsprk.jpg) no-repeat left bottom;
	}
	#ttlCataract{
		background: url(../images/titles/cataract.jpg) no-repeat left bottom;
	}
	#ttlDoctors{
		background: url(../images/titles/doctors.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlPractice{
		background: url(../images/titles/practice.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlLasik{
		background: url(../images/titles/lasik.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlPrk{
		background: url(../images/titles/prk.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlCataract{
		background: url(../images/titles/cataract.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlOther{
		background: url(../images/titles/other.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlContact{
		background: url(../images/titles/contact.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlThanks{
		background: url(../images/titles/thankyou.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	#ttlSitemap{
		background: url(../images/titles/sitemap.jpg) no-repeat left bottom;
		height: 20px;
		margin: 0 0 10px 15px;
		padding: 10px 0 0 0;
	}
	.rightcol-titles{
		width: 185px;
		height: 35px;
		margin: 0 0 10px 20px;
	}
	#our-procedures{
		background: url(../images/allpages/rightcol/our-procedures.jpg) no-repeat left bottom;
	}
	#featured-films{
		background: url(../images/allpages/rightcol/featured-films.jpg) no-repeat left bottom;
	}
	#professional-affiliations{
		background: url(../images/allpages/rightcol/professional-affiliations.jpg) no-repeat left bottom;
	}

	#optical-shop{
		background: url(../images/allpages/rightcol/optical-shop.jpg) no-repeat left top;
		width: 185px;
		height: 35px;
		margin: 0 0 0px 20px;

	}
	.img-optical { padding:10px 0px 10px 18px; }
/* Mast */

	#mastDoctors{
		background: url(../images/mast/doctors.jpg);
	}
	#mastPractice{
		background: url(../images/mast/practice.jpg);
	}
	#mastLasik{
		background: url(../images/mast/lasik.jpg);
	}
	#mastPRK{
		background: url(../images/mast/prk.jpg);
	}
	#mastCataract{
		background: url(../images/mast/cataract.jpg);
	}
	#mastOther{
		background: url(../images/mast/other.jpg);
	}
	#mastContact{
		background: url(../images/mast/contact.jpg);
	}
	
/* Quick Contact Form */

		#quickcontactform1 input, #quickcontactform1 textarea, #quickcontactform1 select{
			color: #000000;
			border: 1px solid #3F3F3F;
			background: #FFFFFF;
			font: 11px Arial, Helvetica, sans-serif;
			margin: 0 0 2px 20px;
			padding: 2px 0 0 0;
		}
		#quickcontactform1 label {
			font: 11px Arial, Helvetica, sans-serif;
			margin: 0 0 10px 20px;
			}
		.quickcontact1{
			width: 157px;
		}
		
		/* phone type contact */
		#quickcontactform1 .phonetype{
			width: 52px; padding-right:0; margin-right:0;
		}
		/* phone input field */
		#quickcontactform1 .phonenumber{
			width: 102px; padding-left:0; margin-left:0;
		}

		#quickcontactform1 textarea{
			height: 100px;
			overflow: auto;
			width: 157px;
			height: 54px;
		}
		 #quickcontactform1 select{
			width: 160px;
		 }
		
		#quickcontactform1 .quickcontact-button1{
			width: 70px;
			margin-bottom: 10px;
		}


		

/* Horizontal SpriteNav */

		#h-spritenav1, #h-spritenav1 li, #h-spritenav1 a{
			/* Change height of nav */
			height: 25px;
		}
		
		#h-spritenav1{
			/* Change image of nav */
			background: url(../images/allpages/topnav.jpg) no-repeat left top;
			position: relative;
			/* Change width of nav */
			width: 747px;
			margin: 0 0 0 11px;
		}
		
		#h-spritenav1 li a span{
			display: none
		}
		
		#h-spritenav1 li{
			list-style-type: none;
			position: absolute;
			top: 0px;
			display: block;
		}
		
		#h-spritenav1 a{
			display: block;
		}
		
		/* Change left coordinate and width of link */
		#h-spritenav1-1{left:  33px; width:  49px}
		#h-spritenav1-2{left:  84px; width: 108px}
		#h-spritenav1-3{left: 193px; width: 124px}
		#h-spritenav1-4{left: 318px; width:  51px}
		#h-spritenav1-5{left: 371px; width:  41px}
		#h-spritenav1-6{left: 413px; width: 107px}
		#h-spritenav1-7{left: 522px; width: 111px}
		#h-spritenav1-8{left: 634px; width:  76px}
		
		/* Change image of nav and negative left coordinate and negative height */
		#h-spritenav1-1 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat  -33px -25px}
		#h-spritenav1-2 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat  -84px -25px}
		#h-spritenav1-3 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -193px -25px}
		#h-spritenav1-4 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -318px -25px}
		#h-spritenav1-5 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -371px -25px}
		#h-spritenav1-6 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -413px -25px}
		#h-spritenav1-7 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -522px -25px}
		#h-spritenav1-8 a:hover{background: url(../images/allpages/topnav.jpg) no-repeat -634px -25px}

		

/* Vertical SpriteNav */
		
		#v-spritenav1 li, #v-spritenav1 a {
			height: 73px;
			display: block;
		}
		
		#v-spritenav1 li a span{
			display: none
		}
		
		#v-spritenav1{
			width: 100px;
			height: 219px;
			background: url(../images/v-spritenav.gif);
			position: relative;
		}
		
		#v-spritenav1 li{
			list-style: none;
			position: absolute;
		}
		
		#v-spritenav1-1, #v-spritenav1-2, #v-spritenav1-3{left: 0; width: 100px;} 
		
		#v-spritenav1-1{top:   0px;}
		#v-spritenav1-2{top:  73px;}
		#v-spritenav1-3{top: 146px;}
		
		
		#v-spritenav1-1 a:hover{background: transparent url(../images/v-spritenav.gif) -100px    0px no-repeat;}
		#v-spritenav1-2 a:hover{background: transparent url(../images/v-spritenav.gif) -100px  -73px no-repeat;}
		#v-spritenav1-3 a:hover{background: transparent url(../images/v-spritenav.gif) -100px -146px no-repeat;}


/* Text Nav */
	
		#text-nav{
			clear: both;
			width: 775px;
			margin: 10px auto 0 auto;
			text-align: center;
			padding: 0;
		}	

		#text-nav ul{
			margin: 5px 0 0 0;
			}
			
		#text-nav li{
			padding: 0 5px 0 7px;
			display: inline;
			border-left: 1px solid #ffffff;
			background: none;
			font-size: 12px;
			line-height: 13px;
			color: #ffffff;
		}
		
		#text-nav li.first{border: none;}
		#text-nav p{font-size: 12px; color: #ffffff; margin: 20px 0 20px 0;}
		#text-nav a:link, #text-nav a:visited{color: #ffffff; text-decoration:underline;}
		#text-nav a:hover, #text-nav a:active{color: #F9DA97;}
		
		
/* ------ Main Contact Form ---------*/

		#big-contact{
			width: 400px;
			margin: 0 0 0 0px;
		}

		#big-contact label{
			border:none;
			margin: 40px auto 0 auto;
			width: 400px;
		}
		

		#big-contact input, #big-contact textarea, #big-contact option, #big-contact select{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
		}

		#big-contact br{
			clear: both;
		}
		
		#big-contact p
			{
				text-align:center;
				margin: 10px 0 10px 0;
				font-size: 12px;
			}
	
		#big-contact label input, #big-contact label select{
			background: #E5E6E0;
			border: 1px solid #7B7C6F;
			position: absolute;
			left: 110%;
			top: -1px;
			width: 190px;
		}
		#big-contact label select {width: 195px;}
		#big-contact #contact_business {display: none;}
		#big-contact form, #big-contact label, #big-contact input, #big-contact textarea, #big-contact select{
			font-size: 12px;
		}
	
		#big-contact label{
			position: relative;
			width: 220px;
			display: block;
			margin: 0 10px;
			text-align: right;
			height: 20px;
		}
		#big-contact label.indicate{ font-size: .95em; width: 300px; text-align: center;}
		#big-contact fieldset{
			width: 400px;
			padding: 5px 10px;
			border: none;
			margin-bottom: 20px;
		}
		
		#big-contact hr{
			border: 0px;
			height: 1px;
			color: #E7E8E0;
			background: #E7E8E0;
			margin: 0 0 20px 0;
		}

		#big-contact label textarea{
			background: #E5E6E0;
			border: 1px solid #7B7C6F;
			overflow: auto;
			position: absolute;
			left: 110%;
			top: 0px;
			width: 190px;
			height: 100px;
		}

		#big-contact .radio{
			top:0;
			width: 14px;
		}
		
		#big-contact .reset{
			width:60px;
			margin: 10px 0 0 90px;
		}

		#big-contact .reset-clear{
			width:60px;
			margin: 100px 0 0 250px;
		}
		
		#big-contact .submit-contact-main{
			width:60px;
			margin: 100px 0 0 250px;
		}
		
		
		#big-contact .clear-textarea{
			margin:100px 0 10px 0;
		}
		
		#big-contact .subscribe{
			width:90px;
			margin: 10px 0 0 110px;
		}
		
		#big-contact .submit-center{
			width:140px;
			margin: 10px 0 0 80px;
		}
		

		#center-column-inside #big-contact label{
			font: 12px Arial,Helvetica,sans-serif;
		}
		
		
		
		
/* SPRITE NAVIGATION */
#h-suckersprite1 {
	background: url(../images/h-suckerspritenav.jpg) top left no-repeat;					
	width: 600px;		/* Benj - Width whole navigation */
	height: 30px;		/* Benj - Height of Nav Bar */
	text-align: left;	/* Benj - Clear out align center styles */
}
#h-suckersprite1 span { display: none; }
#h-suckersprite1 li { 
	position: relative;
	float: left;
	list-style: none;
}
#h-suckersprite1 li, #h-suckersprite1 a { 
	height: 30px;			/* Benj - Height of Nav Bar */
	display: block;
}

/* left - Offset from left edge, for the first button. */
/* width - Width of each button */
#h-suckersprite1-01 {left: 79px; width: 79px;}
#h-suckersprite1-02 {left: 79px; width: 89px;}
#h-suckersprite1-03 {left: 79px; width: 94px;}
#h-suckersprite1-04 {left: 79px; width: 87px;}
#h-suckersprite1-05 {left: 79px; width: 89px;}

/* Position of each button, then negative of height */
#h-suckersprite1-01 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -79px -30px no-repeat;}
#h-suckersprite1-02 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -158px -30px no-repeat;}
#h-suckersprite1-03 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -247px -30px no-repeat;}
#h-suckersprite1-04 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -341px -30px no-repeat;}
#h-suckersprite1-05 a:hover {background: transparent url(../images/h-suckerspritenav.jpg) -428px -30px no-repeat;}

/* SON OF SUCKERFISH */

#h-suckersprite1 li ul {
	position: absolute;
	left: -9999px;
	background-color: #720000;	/* Background color of drop down h-suckersprite1 - add more styles (i.e. background image) if you want */
}

#h-suckersprite1 li ul li {
	height: 20px;				/* Height of each drop down h-suckersprite1 item */
}
#h-suckersprite1 li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down h-suckersprite1 item, should match above */
	line-height: 20px;			/* Height of each drop down h-suckersprite1 item again, should match above */
}
#h-suckersprite1 li ul li a span {
	display: block;
	padding-left: 5px;
}

/* Drop down link styles */
#h-suckersprite1 a:link, #h-suckersprite1 a:visited, #h-suckersprite1 a:hover, #h-suckersprite1 a:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

#h-suckersprite1 li:hover ul, #h-suckersprite1 li.hsfhover ul	{ left: auto; } 

/* Hover styles for drop down items */
#h-suckersprite1-03 ul a:hover, #h-suckersprite1-04 ul a:hover { 
	background-image: none;
	background-color: #AA0000; 
}

/* width of drop down h-suckersprite1 - choose width that allows items to display on one line */
#h-suckersprite1-03 ul, #h-suckersprite1-03 li { width: 260px; }		
#h-suckersprite1-04 ul, #h-suckersprite1-04 li { width: 90px; }








/* SPRITE NAVIGATION */
#v-suckersprite {
	position: relative;
	background: url(../images/v-suckerspritenav.jpg) top left no-repeat;					
	width: 100px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 150px;		/* Height of entire image */
	}

#v-suckersprite li span { display: none; }

#v-suckersprite li {
	float: left;
	list-style: none;
	}

#v-suckersprite li, #v-suckersprite a { 
	height: 30px;			/* Each button must have the same height, define it here */
	display: block;
	}

/* Fix IE5.01Win jumping bug - Hide from IE Mac \*/
* html #v-suckersprite li { height:1% }
/* End */

/* Increments of each button height defined above */
#v-suckersprite-01 { top:   0px }
#v-suckersprite-02 { top:  30px }
#v-suckersprite-03 { top:  60px }
#v-suckersprite-04 { top:  90px }
#v-suckersprite-05 { top: 120px }

/* width set here should be same width set in #v-suckersprite */
#v-suckersprite-01, #v-suckersprite-02, #v-suckersprite-03, #v-suckersprite-04, #v-suckersprite-05 { left: 0px; width: 100px; }

/* Changed values should match "top" numbers specified above */
#v-suckersprite-01 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px   -0px no-repeat; }
#v-suckersprite-02 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px  -30px no-repeat; }
#v-suckersprite-03 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px  -60px no-repeat; }
#v-suckersprite-04 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px  -90px no-repeat; }
#v-suckersprite-05 a:hover { background: transparent url(../images/v-suckerspritenav.jpg) -100px -120px no-repeat; }

/* SON OF SUCKERFISH */

#v-suckersprite li ul {
	position: absolute;
	left: -9999px;
	background-color: #720000;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	margin-left: 100px;			/* Set to same width as in #v-suckersprite */
	margin-top: -30px;			/* Set to each button height, same as used above */
	}

#v-suckersprite li ul li {
	height: 20px;				/* Height of each drop down menu item */
	}

#v-suckersprite li ul li a {
	width: 100%;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	}

#v-suckersprite li ul li a span {
	display: block;
	padding-left: 5px;
	}

/* Drop down link styles */
#v-suckersprite a:link, #v-suckersprite a:visited, #v-suckersprite a:hover, #v-suckersprite a:active {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	}

#v-suckersprite li:hover ul, #v-suckersprite li.vsfhover ul	{ left: auto; }

/* Hover styles for drop down items */
#v-suckersprite-03 ul a:hover, #v-suckersprite-04 ul a:hover { 
	background-image: none;
	background-color: #AA0000;
	}

/* width of drop down menu - choose width that allows items to display on one line */
#v-suckersprite-03 ul, #v-suckersprite-03 li { width: 260px; }		
#v-suckersprite-04 ul, #v-suckersprite-04 li { width: 90px; }





/* Tooltip */

a.tooltip-1{
	position:relative;
	z-index:1;
	color:#333333;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 2px;
	text-decoration: none;
}

a.tooltip-1:hover{
	z-index:99;
	padding: 2px;
    background-color:#CCC; color:#333;
	border: 1px solid #000;
	text-decoration: none;
}

a.tooltip-1 span{display: none}

a.tooltip-1:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:12px; left:22px; width:120px;
    border:1px solid #000;
	padding:5px;
	background-color: #999; color:#FFF;
}



body#eye-popup { background:#002b58 url(../images/3deyepopup.jpg) top left no-repeat; 
								position:relative; }
body#eye-popup #tdeonline {
position:absolute;
top:144px;
left:17px;
width:402px;
height:400px;
 }
 
 
body#eye-popup #wrap {
	position:relative;
	height:90px;
	}
	/* index page link within #masthead */		
body#eye-popup #wrap a {	
		position:absolute;
		left:18px;
		width:398px;
		top:30px;
		height:80px; 
		}
	#masthead a span {
		display:none;
		}