@charset "UTF-8";
/* CSS Style Sheet for Screen Index Page */



/*=Color List
	------------------------------------------------------------------------*/
	/*
	Blue	Medium		#00529B	Links 
	Blue	Medium		#006699 	Art Arrow & Logo
	Gray	Dark			#333333	Text
	Gray	Medium		#666666	Dotted Border
	Red	Dark			#660000	Links
	White					#FFFFFF */

/*=Site-wide Style Rules
	------------------------------------------------------------------------*/
	* { 
		border: 0;
		margin: 0;
		padding: 0;
		}
	
	body {
		color: #333; /* Dark Gray */
		font-family: Verdana, Arial, Helvetica, sans-serif;
		outline-style: none; /* Removes dotted border in Firefox */
		text-align: center; /* Centers the page content container in IE 5 browers. */
		}

/*=Links ------------------------- */
	a:link {
		color: #00529B; /* Dark Blue */
		font-weight: normal; 
		text-decoration: none;
		}
	a:visited {
		color: #660000; /* Dark Red */ 
		font-weight: normal; 
		text-decoration: none;
		}
	a:hover {
		color: #00529B; 
		text-decoration: underline;
		}
	a:active {
		color: #660000;
		}
		
/*=Lists ------------------------- */
	li {margin-bottom: 0.6em;} /* Adds extra padding */
	
	li.nobullet {list-style: none;}/* No bullet list */

/*=Classes ----------------------- */
	.center { /* Centers text */
		text-align: center;
		}
		
	.hotkey { /* Underlines accessibility hotkey */
		text-decoration:underline;
		}
	
	.bottomdots {/*Puts horizontal dotted rule under paragaph */
		padding-bottom: 1em; 
		border-bottom:dotted 1px #666;
		}
		
	.smallertext {
		font-size: .8em;
		line-height: 1.5em;
		}

/*=Extra Padding ------------------ */
	.paddingbottom06 {padding-bottom: 0.6em;}
	.paddingbottom2 {padding-bottom: 2em;}
	.paddingbottom4 {padding-bottom: 4em;}
	.paddingbottom8 {padding-bottom: 4em;}
	.paddingbottom12 {padding-bottom: 12em;}
	.paddingbottom20 {padding-bottom: 20em;}
	.paddingleft2 {padding-left: 2em;}
	.paddingtop1 {padding-top: 1em;}
	.paddingtop2 {padding-top: 2em;}


/*=Container
	------------------------------------------------------------------------*/
#container {
	position: relative;
	background-color: transparent;
	border: thin solid #FFF;
	margin: 0 auto; /* Auto sets left and right margin for centering on screen. */
	text-align: left; /* Redefines the text alignment defined by the Body alignment. */
	width: 56em;
	}

/*=Header (Includes Branding, Logo, Links, Navbar, Photo, and Caption)
	------------------------------------------------------------------------*/
#header {
	position: absolute; left: 0; top: 1em;
	background-color: transparent;
	height: 23.5em;
	width: 100%;
	z-index: 5;
	}

	#logo {
		position: absolute; left: .5em; top: 0;
		height: 3em;
		padding: 0; 
		width: 20em;
		} 

	#header_links { /* Wrapping div for the links (probably not needed? */
		position: absolute; right: 0; top: 1.4em; 
		float:left;
		font-size:.65em;
		height: 2.5em;
		text-align:left;
		width: 45em;
		}
	
	#header_link1 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 5em;
		}
	
	#header_link2 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 6em;
		}
	
	#header_link3 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 7em;
		}
	
	#header_link4 {
		position: relative; left: 0em;
		display: block;
		float:right;
		margin-right:2em;
		width: 10em;
		}
	
	#header_links img {
		height: .75em;
		}

	/* Text Formats ------------------ */
	#header_links a {
		color: #333;
		}
		
	#header_links a:hover {
		color: #00529B;
		}

/*=NAVBAR Top Navigation 
	------------------------------------------------------------------------*/

/* Navbar DIV ------------------ */
#navbar_dropdown{
position:absolute; left: 2.3em; top: 5em;
	height:1.6em;   
	width:54em;
	z-index:6;
	display: none;
	}

/* Remove bullets from ul in the navbar */
#navbar_dropdown ul{
	list-style-type:none;
	}

/* List items in the navbar */
#navbar_dropdown li{
	position:relative; /* Required for drop-down menus */
	float:left;
	width: 8em;
	}

/* Applies to navbar links, unvisited and visited */
#navbar_dropdown a,
#navbar_dropdown a:link,
#navbar_dropdown a:visited{
	color:#333;
  	display:block;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, 
	sans-serif;  	
	font-size:80%;
	font-weight: bold;
	line-height:2em;
	margin-right: .5em;
	outline-style:none; /*Removes dotted border in Firefox */
	padding-left: 1.7em;
  	text-decoration:none;
	width:8em;
	}

/* Navbar hover, active, and current page links */
#navbar_dropdown a:hover,
#navbar_dropdown a:active {
	background-color: #FFF; /* Must have background to work in IE6 #CCC*/
  	color:#00529B;
	text-decoration: none;
	}

/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar_dropdown li ul{
  	position:absolute;
	background-color: #FFF;
	display:block;
	padding: .35em 2em 0 .2em;
	visibility: hidden;
	width: 7em;
	z-index: 7;
	}

/* Make drop-down visible on navbar hover */
#navbar_dropdown li:hover ul,
#navbar_dropdown li a:hover ul{ /* IE6 hack */
  	border: 1px solid #666;
	left: 0;
	top: 1.4em;
	visibility: visible;
	}


/* Applies to links on the drop-down menu */
#navbar_dropdown li:hover ul li a,
#navbar_dropdown li a:hover ul li a{ /* IE6 hack */
	border:0;
	color:#000;
	display:block;
	font-size: .75em;
	font-weight: normal;
	height:auto;
	line-height: 1.2em;
	text-align: left;
	}

/* Hover on drop-down menu links */
#navbar_dropdown li:hover ul li a:hover,
#navbar_dropdown li a:hover ul li a:hover{ /* IE6 hack */
background-color: transparent;
	color: #00529B;
	text-decoration: underline;
	}

/* IE6 hack applies to its table drop-down */
#navbar_dropdown table {
	position:absolute; left: 0; top: .5em;
	margin:-1px; 
	border-collapse:collapse; 
	}
	
/*=INDEX Content
	------------------------------------------------------------------------*/
	#index_picture {
		/* position: absolute; left: 0; top: 7em; */
		position: absolute; left: 0; top: 4em;
		width:100%;
		z-index: -1;
		}
		
	#index_navbar_vertical {
		/* position: absolute; left: 0; top: 29em; */
		position: absolute; right: 0; top: 25em;
		z-index: 10;
		background-color: transparent;
		border-style: none; 
		color: #333;
		padding: 0 .75em 0 .75em;
		width: 13.5em;
		}
		
	#quicklinks {
	    position: absolute; 
	    right: 0; 
	    top: 25em;
	    /* top: 40em; */
		background-color: transparent;
		border-style: none; 
		color: #333;
		/* padding: 0 .75em 0 .75em; */
		width: 13.5em;
		}
		
	#quicklinks p,
	#quicklinks a {
		font-size: 0.85em; 
		font-weight:normal;
		text-align: left;
		margin-bottom: 1em;
		}
		
	#index_navbar_vertical p,
	#index_navbar_vertical a {
		font-size: 0.85em; 
		font-weight:normal;
		text-align: left;
		}
	
	#index_navbar_vertical ul,
	quicklinks ul {
		font-size: 0.85em; 
		line-height: 1.1em;
		padding-left: 1em; 
		}
		
	#index_content_main_one { /* No right sidebar */
		border-right: dotted 1px #666;
		/* margin-top: 28em; */
		margin-top: 24em;
		margin-right: 12em; /* Leave room for left sidebar */
		padding: 1em .5em 0 .5em;
		width: 40em;
		}
		
	#index_content_main_one p {
		font-size: 0.8em;
		font-weight:normal;
		line-height: 1.7em;
		margin-bottom: 1em;
		} 
		
	#index_caption { /* Transparent caption box */
		position: absolute; bottom: -4em; right: 2em;
		background-color: #fff;
		filter: alpha(opacity=70); /* IE opacity, lower value more transparent */
		font-size: .7em;
		font-style: normal;
		opacity: 0.7; /* CSS3 standard opacity, lower value is more transparent */
		padding: 1em;
		text-align:left;
		width: 11em; 
		display: none;
		}

/*=Banner Ads
	------------------------------------------------------------------------*/
	
	a.banner,
	#slideshow {
	display: block;
	width: 629px;
	height: 100%;
	/* text-indent: -9999px; */
	overflow: hidden;
	text-decoration: none;
	clear: both;
	/* padding-bottom: 2em; */
	padding-bottom: 3em;
	}
	
	a.banner.faceforward {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/ads/banner-faceforward.jpg) no-repeat center top;
	}
	
/*=Icons
	------------------------------------------------------------------------*/
	
	ul.icons {
		/* position: absolute; */
	list-style: none;
	}
	
	ul.icons li {
	display: block;
	/* height: 20px; */
	min-height: 20px;
	padding-left: 30px;
	/* margin-bottom: 1.25em; */
	margin-bottom: 1em;
	}
	
	li.icon-pay {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-pay.jpg) no-repeat left center;
	}
	
	li.icon-info {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-info.jpg) no-repeat left center;
	}
	
	li.icon-directions {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-directions.jpg) no-repeat left center;
	}
	
	li.icon-forms {
	background: #fffe9d url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-forms.gif) no-repeat left center;
	padding: 5px 0;
	}
	
	li.icon-download {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-download.jpg) no-repeat left center;
	}
	
	li.icon-star {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-star.jpg) no-repeat left -1px;
	font-size: 0.85em;
	clear: both;
	}
	
	li.icon-checkmark {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-checkmark.jpg) no-repeat left center;
	font-size: 0.85em;
	clear: both;
	}
	
	li.icon-mail {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-mail.jpg) no-repeat left center;
	}
	
	li.icon-bandage {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-bandage.jpg) no-repeat left center;
	}
		
/*=Main Navigation Vertical Buttons
	------------------------------------------------------------------------*/
	
	#vertical-navigation {
	position: absolute; left: 0; top: 4em;
	/* width: 212px; */
	width: 215px;
	height: 301px;
	z-index: 8;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/vertical-nav-bg.jpg) no-repeat 0;
	border-right: 2px solid #bbc4ca;
	overflow: hidden;
	/* background-color: #8eaf2f; */
	}
	
	#vertical-navigation a {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;
	color: #2d2e2e;
	font-size: 12px;
	text-shadow: 0px 1px 1px #fff;
	clear: both;
	margin-bottom: .5px;
	margin-left: 3.5px;
	/* display: none; */
	/* border: 1px solid #bdcad4; */
	}
	
	#vertical-navigation a:hover,
	#vertical-navigation a:hover strong {
	color: #074e69;
	}
	
	#vertical-navigation a strong {
	color: #000;
	display: block;
	clear: both;
	font-size: 15px;
	letter-spacing: -1;
	margin-bottom: 1.5px;
	}
	
	a.button-home {
	display: block;
	/* width: 212px; */
	width: 130px;
	/* height: 58px; */
	height: 50px;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-home.jpg) no-repeat 0;
	padding: 5px 12px 5px 70px;
	}
	
	a:hover.button-home {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-home-hover.jpg) no-repeat 0;
	}	
	
	a.button-doctors {
	display: block;
	/* width: 212px; */
	width: 130px;
	/* height: 58px; */
	height: 50px;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-doctors.jpg) no-repeat 0;
	padding: 5px 12px 5px 70px;
	}
	
	a:hover.button-doctors {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-doctors-hover.jpg) no-repeat 0;
	}
	
	a.button-specialties {
	display: block;
	/* width: 212px; */
	width: 130px;
	/* height: 58px; */
	height: 50px;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-specialties.jpg) no-repeat 0;
	padding: 5px 12px 5px 70px;
	}
	
	a:hover.button-specialties {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-specialties-hover.jpg) no-repeat 0;
	}
	
	a.button-forms {
	display: block;
	/* width: 212px; */
	width: 130px;
	/* height: 58px; */
	height: 50px;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-forms.jpg) no-repeat 0;
	padding: 5px 12px 5px 70px;
	}
	
	a:hover.button-forms {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-forms-hover.jpg) no-repeat 0;
	}			
	
	a.button-links {
	display: block;
	/* width: 212px; */
	width: 130px;
	/* height: 58px; */
	height: 50px;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-links.jpg) no-repeat 0;
	padding: 5px 12px 5px 70px;
	}
	
	a:hover.button-links {
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-links-hover.jpg) no-repeat 0;
	}	
		
/*=Headertext
	------------------------------------------------------------------------*/	
	
	#headertext {
	position: absolute; left: 235px; top: 6em;
	z-index: 20;
	width: 300px;
	height: 200px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	line-height: 1.25;
	color: #102840;
	letter-spacing: -.5px;
	/* background-color: #8eaf2f; */

	}	
	
	#headertext h1 {
	font-size: 1.4em;
	display: block;
	clear: both;
	margin-bottom: .45em;
	color: #000;
	}
	
	#headertext span {
	font-size: 1.1em;
	}
	
	#headertext a.more {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	width: 155px;
	height: 33px;
	margin-top: 1.25em;
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-more.png) no-repeat 0;
	}
	
	#headertext a:hover.more {	
	background: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/button-more-hover.png) no-repeat 0;
	}
/*=Footer
	------------------------------------------------------------------------*/
#footer {
	border-top: 1px dotted #666;
	padding: 1em 1em 3em 1em;
	}
	
	/* Text Formats ------------------ */
	#footer p {
		color: #999;
		font-size: 0.6em;
		font-weight: normal;
		line-height: 1.5em;
		} 
	
	#footer a:link, a:visited {
		color: #00529B; 
		}
	
	p.footer1{
		float:left;
		text-align: left;
		width: 36em;
		} 
	
	p.footer2 {
		text-align: right;
		} 
		
	p.footer3 {
		display: block;
		margin: 0 auto;
		width: 210px;
		float: left;
		text-align: center;
		position: relative;
	}	
	
	p.footer3 strong {
		display: block;
		margin-top: -2px;
	}
		
	a.facebook{
		margin: 0 auto;
		display: block;
		width: 100px;
		height: 38px;
		overflow: hidden;
		text-indent: -9999px;
		background-image: url(http://www.carolinaeye.com/themes/carolinaeye/images/miscellaneous/icon-facebook.jpg);
		} 

/*=Logo and Contact Information that Only Prints - Does NOT Show on Screen
	------------------------------------------------------------------------*/
#print_only { 
	display:none;
	}