/*------------------------General HTML definitions-------------------*/

body {
	/* Centers the web site */
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	/*Edit the below items for background and color of the entire page*/ 
	background-color:#6f0400;
	background-image:url(images/background.jpg);
	background-repeat:repeat-x;
}
/*Lets you hide text in an <em> tag so that it is on the page but not visible to the user*/
em{
	display:none;
}

/*Defines the Format(font,font-size,color,etc.) for the H1 tag*/
h1{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:24px;
	color:#6f0400;
}

h2{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:100;
	color:#6f0400;
}

h3{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px;
	font-weight:100;
	color:#6f0400;
}

h4{
	font-family: Arial, Helvetica, sans-serif; 
	font-size:16px;
	font-weight:100;
	color:#535456;
}

/*Prevents any image that is a link from being displayed with a blue link border*/
a,img {
	outline:none;
	border:0px;
}

/*-----------------------Layout Containers----------------------------*/

/*This "wraps" all of the xhtml and in one container.
	page width and background image or color are set here. */
#container {
	position:relative;
	display:block;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	min-height: 100%;
	background-color:#FFFFFF;
	background-image:url(images/content_background.jpg);
}

/*This defines the header tag. Be sure to always include the height and width
because weird stuff can happen if you do not. */
#nav {
	position:relative;
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:99px;
}

#nav em {
	display:none;
}

#nav_home {
	position:absolute;
	display:block;
	top:0px;
	left:0px;
}

#nav_home a {display: block; width: 216px; height: 96px;}
#nav_home a:hover {
	background: transparent url(images/navigation.jpg) 0px -96px no-repeat; 
}	

#nav_home.selected{
background: transparent url(images/navigation.jpg) 0px -192px no-repeat;
}

#nav_about {
	position:absolute;
	display:block;
	top:0px;
	left:216px;
}

#nav_about a {display: block; width: 71px; height: 96px;}
#nav_about a:hover {
	background: transparent url(images/navigation.jpg) -216px -96px no-repeat;
}

#nav_about.selected{
background: transparent url(images/navigation.jpg) -216px -192px no-repeat;
}

#nav_locations {
	position:absolute;
	display:block;
	top:0px;
	left:287px;
}

#nav_locations a {display: block; width: 77px; height: 96px;}
#nav_locations a:hover {
	background: transparent url(images/navigation.jpg) -287px -96px no-repeat;
}

#nav_locations.selected{
background: transparent url(images/navigation.jpg) -287px -192px no-repeat;
}

#nav_testimonials {
	position:absolute;
	display:block;
	top:0px;
	left:364px;
}

#nav_testimonials a {display: block; width: 101px; height: 96px;}
#nav_testimonials a:hover {
	background: transparent url(images/navigation.jpg) -364px -96px no-repeat;
}

#nav_testimonials.selected{
background: transparent url(images/navigation.jpg) -364px -192px no-repeat;
}

#nav_news {
	position:absolute;
	display:block;
	top:0px;
	left:465px;
}

#nav_news a {display: block; width: 49px; height: 96px;}
#nav_news a:hover {
	background: transparent url(images/navigation.jpg) -465px -96px no-repeat;
}

#nav_news.selected{
background: transparent url(images/navigation.jpg) -465px -192px no-repeat;
}
#nav_vision {
	position:absolute;
	display:block;
	top:0px;
	left:514px;
}

#nav_vision a {display: block; width: 60px; height: 96px;}
#nav_vision a:hover {
	background: transparent url(images/navigation.jpg) -514px -96px no-repeat;
}

#nav_vision.selected{
background: transparent url(images/navigation.jpg) -514px -192px no-repeat;
}

#nav_eyeconditions {
	position:absolute;
	display:block;
	top:0px;
	left:574px;
}

#nav_eyeconditions a {display: block; width: 113px; height: 96px;}
#nav_eyeconditions a:hover {
	background: transparent url(images/navigation.jpg) -574px -96px no-repeat;
}

#nav_eyeconditions.selected{
background: transparent url(images/navigation.jpg) -574px -192px no-repeat;
}

#nav_contact {
	position:absolute;
	display:block;
	top:0px;
	left:687px;
}

#nav_contact a {display: block; width: 93px; height: 96px;}
#nav_contact a:hover {
	background: transparent url(images/navigation.jpg) -687px -96px no-repeat;
}

#nav_contact.selected{
background: transparent url(images/navigation.jpg) -687px -192px no-repeat;
}

#header {
	position:relative;
	margin-left:0px;
	margin-bottom:0px;
	height:96px;
	width:780px;
	background-image:url(images/navigation.jpg);
	background-repeat:no-repeat;
}

#primarynav {
	position:relative;
	margin-left:0px;
	margin-top:0px;
	width:780px;
	height:189px;
	background-color:#ffffff;
}

#primarynav a{
	text-decoration:none;
}

#content_container {
	width:780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-left:0px;
	margin-right:0px;
	line-height:0px;
	color:#535456;
	background-color:#FFFFFF;
	background-image:url(images/content_background.jpg);
	
}

#content_container a,link,visited {
	color:#6f0400;
	text-decoration:underline;
}

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

#column_left {
	float:left;
	display:block;
	text-align:left;
	margin-top:-57px;
	margin-left:20px !important;
	margin-left:11px;
	margin-right:0px;
	margin-right:5px !important;
	width:200px;
	width:260px !important;
	z-index: 1000;
	position: relative;
}

#column_right {
	float:left;
	display:block;
	text-align:left;
	margin-top:0px;
	width:450px !important;
	width:400px;
	line-height:17px;

}

#column_center {
	float:left;
	display:block;
	text-align:left;
	margin-left:50px !important;
	margin-left:25px;
	margin-top:0px;
	width:675px !important;
	width:650px;
	line-height:17px;

}

#column_right_text {
    float:left;
	display:block;
	text-align:left;
	margin-top:0px;
	padding-top:8px;
	padding-left:8px;
	padding-right:8px;
	width:434px !important;
	width:434px;
	line-height:17px;
	background-color:#EAEAEA;
 }
 #column_center_contest {
	float:left;
	display:block;
	text-align:left;
	padding:12px;
	margin-left:10px;
	margin-top:10px;
	width:650px;
	font-size:16px;
	line-height:17px;
	background-color:#FFFFFF;
}
 
 #column_center_text {
	float:left;
	display:block;
	text-align:left;
	margin-left:0px !important;
	margin-left:0px;
	margin-top:0px;
	padding-top:8px;
	padding-left:8px;
	padding-right:8px;
	width:675px !important;
	width:650px;
	line-height:17px;
	background-color:#EAEAEA;
}
	
/*----------------------------Footer----------------------------*/

#footer {
	clear:both;
	position:relative;
	width:780px;
	height:37px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/footer.jpg);
}

#footer_text{
	padding-top:10px;
	margin-left:30px;
}

#footer a,link,visited {
	font-family: Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	margin-bottom:-60px;
}
#footer a:hover{text-decoration:underline;}


/*--------------------Classes-----------------------------------*/

.importantText {
	color:#6f0400;
	font-size:18px;
}


/*----------------Utility Classes--------------*/
.italicText {
	font-style:italic;
}

.noborders {
	border-style:none;
	border: 0px;
}

.boldText {
	font-weight:bold;
}

.imgfloatLeft {
	margin-left:12px;
	margin-right:10px;
	float:left;
	border-style:none;
	border: 0px;
}

.imgfloatRight {
	margin-left:5px;
	margin-right:10px;
	float:right;
	border-style:none;
	border: 0px;
}

.bottompush {
	margin-top:5px;
}

input.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	background-color:#7d858a;
	height:22px;
	border: 0px;
} 

.locationimage {
	position:absolute;
	top:400px;
	left:405px;
}
.contest {
	margin-left:-8px !important;
	margin-left:0px;
}
.videoWidth {
	width:330px;
}