/*
Theme Name: Elite Eye Group
Theme URI: http://www.revitalagency.com/

Description: elite eye group

Version: 2
Author: Wayne Roddy
Author URI: http://www.revitalagency.com/

	

/* Main Sections 
------------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

body{margin:0; padding:0; background:#FFF url(images/body2-bg.jpg) bottom left repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif;}
@font-face {font-family: Geosans; src: url('fonts/GeosansLight.ttf');}
.clear{clear:both; margin:0; padding:0; height:0;}
.container{margin:0 auto; padding:0; width:900px;}

h1{margin:0; padding:20px 0px 0px 0px; font-size:36px; font-weight: bold; color:#222; font-family: Geosans;}
h2{margin:0; padding:0px; font-size:24px; font-weight: bold; color:#222; font-family: Geosans; display:block; text-align:center;}

.next{margin:5px 0px; padding:2px 30px 2px 2px; border: 1px solid #e99e37; background: url(images/next-arrow.gif) top right no-repeat; font-size: 16px; color:#1b467a; text-decoration:none;}

/*------TOPBAR ----------*/
#topbar{margin:0; padding:0; width: 100%; height: 75px; background: #403f3a; border-bottom: 1px solid #363630;}
#topbarcontainer{margin:0 auto; padding:0; width:900px; background: url(images/top-bar2-bg.jpg) top left no-repeat; height:75px;}
#topbarcontainer ul{margin:33px 0px 0px 15px;  padding:0; list-style: none; float:left;}
#topbarcontainer ul li{display: inline; margin:0; padding:0px 8px; color:#444; font-size:18px;}
#topbarcontainer ul li a{color:#444; text-decoration:none;}
#topbarcontainer ul li a:hover{color: #0f75bc; text-decoration:none;}


/*------HEADER ----------*/
#header{margin:0; padding:0; width: 100%; height: 113px; background: #403f3a;}
#headercontainer{margin:0 auto;  padding:0;padding-top:10px; width:900px;}
#headerRight{margin:0; padding:0 15px 0 0; width: 300px; float: right; text-align:right;}
	#topcontactbutton {margin:0; padding:2px 0 0 25px; width:120px; float:right; color:#a7a7a7; font-size:14px; background: url(images/1800eyecare.jpg) top left no-repeat;}

#mainTitle{ margin:0; padding:0; width:430px; float: right;}
.subTitle{ font-size:20px; font-weight: normal; color:#666; font-family: Geosans; float:right;}

h3{margin:0; padding:5px 0px; color:#333; font-size:16px;}
h4{margin:0; margin-top:10px; padding:5px 0px; color:#333; font-size:16px; border-top:1px solid #ddd;}

	/* begin rollover */		
	#headerbuttons {margin:0; padding:0; height: 100px; list-style: none; display: inline; overflow: hidden; float:right;}	
	#headerbuttons li {margin: 0; padding: 0;list-style: none;	display: inline;}	
	#headerbuttons a {float: left;	padding: 100px 0 0 0; overflow: hidden; height: 0px !important;}		
	#headerbuttons a:hover {background-position: 0 -100px;}
	#revitalbutton a {width: 153px;background: url(images/revital-button.png) top left no-repeat;}
	#bvnbutton a {width: 166px;background: url(images/bvn-button.png) top left no-repeat;}
	#vclickbutton a {width: 163px;background: url(images/vclick-button.png) top left no-repeat;}
	#sabutton a {width: 153px;background: url(images/sa-button.png) top left no-repeat;}
	/* end rollover */	

/*------NAVBAR ----------*/
#navbar{margin:0; padding:0; width: 100%; height: 25px; background: url(images/nav-bg.jpg) top left repeat-x;}
#navbarcontainer{margin:0 auto; padding:0; width:860px;}
	/* begin rollover */		
	#nav {margin:0 auto; padding:0; height: 50px; list-style: none; display: inline; overflow: hidden; width: 860px;}	
	#nav li {margin: 0; padding: 0;list-style: none;	display: inline;}	
	#nav a {float: left;	padding: 50px 0 0 0; overflow: hidden; height: 0px !important;}		
	#nav a:hover {background-position: 0 -50px;}
	#navHomeTab a {width: 132px; background: url(images/nav-home-tab.png) top left no-repeat;}
	#navAboutTab a {width: 139px; background: url(images/nav-about-tab.png) top left no-repeat;}
	#navServicesTab a {width: 158px; background: url(images/nav-services-tab.png) top left no-repeat;}
	#navBlogTab a {width: 158px; background: url(images/nav-blog-tab.png) top left no-repeat;}
	#navMarketsTab a {width: 158px; background: url(images/nav-markets-tab.png) top left no-repeat;}
	/* end rollover */	

/*------FLASH ----------*/
#flashholder{margin:0 auto; padding:20px 0 0 0; width:900px; height: 241px;}


/*------CONTENT ----------*/
#content{margin:0 auto; padding:20px 0px 20px 0px; width:900px;}

#content ul{ margin:10px 20px; padding:0; list-style:disc; list-style-position: outside; color:#333; font-size:12px;}
#content ul li{margin:0; padding:5px 0;}
#content ul ul{ margin:5px 0px; padding:0; list-style:circle; list-style-position: outside; color:#333; font-size:12px; position:relative; left:10px;}
#content ul ul li{margin:0; padding:0;}

#mainCopy{margin:0; padding:0; width: 645px; float: left;}
#mainCopy p{margin:0; padding:0px 0px 0px 20px; clear:both; color:#333; font-size: 12px; line-height: 1.9em;}

#templateCopy{margin:0; padding:0px 15px 0px 25px; width: 605px; float: left;}
#templateCopy p{margin:0; padding:0px; clear:both; color:#333; font-size: 12px; line-height: 1.9em;}

#fullCopy{margin:0; padding:0px 15px 0px 25px; width: 850px;}
#fullCopy p{margin:0; padding:0px; clear:both; color:#333; font-size: 12px; line-height: 1.9em;}

#headlineParagraph{margin:0; padding: 15px 0px 0px 0px; width:285px; float: right; color:#333; font-size: 14.5px; line-height:1.5em;}
.headline{margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; display: block; font-size: 26px; color:#0f75bc; font-weight: bold; border-bottom: 1px solid #666; line-height:1.25em;}

/*------Request Form ----------*/
#request{margin:0; padding:0; width: 250px; float: right;}
#requestForm{margin:0; padding:15px 5px 10px 10px; width: 213px; background: #ddd; color:#363131; font-size: 14px; line-height: 1.5em;}
.requestTitle{color:#0f75bc; font-size:14px; font-weight:bold;}

#requestForm ul{margin:15px 0px 0px 20px; padding:0; list-style: disc; color: #e6eff5;}
#requestForm li{margin:10px 0px; padding:0px; list-style-position:outside;}
#requestForm label{color:#363131; font-size: 14px;}

.requestSubtmit{margin:10px 0px 0px 15px; padding:0; cursor:pointer; font-size:0px; text-indent: -5000px; width: 98px; height:31px; background: url(images/request-submit-btn.jpg) top left no-repeat; border:0px;}

.seoTable{margin:0; padding:5px; color:#333; font-size:14px;}
.seoTable td{border-bottom: 1px solid #ddd; padding:5px;}

/*------FOOTER ----------*/
#footer{margin:0; padding:0; width: 100%; height: 70px; background: url(images/footer2-bg.jpg) top left repeat-x;}

#copyright{margin:0; padding:30px 0px 0px 0px; color:#333; font-size:11px; width: 600px; float: left; }
#copyright a{color:#333; text-decoration:underline;}
#copyright a:hover{color:#0f75bc; text-decoration:underline;}

	
	/* begin rollover */		
	#social {margin:15px 0 0 0; padding:0; height: 45px; list-style: none; display: inline; overflow:hidden; float:right; border-bottom:1px solid #504f4a; width:240px;}	
	#social li {margin: 0; padding: 0;list-style: none;	display: inline; float:right;}	
	#social a {float: left;	padding: 45px 0 0 0; overflow: hidden; height: 0px !important;}		
	#social a:hover {background-position: 0 -48px;}
	#buzz a {width: 45px;background: url(images/buzz_48.png) top left no-repeat;}
	#twitter a {width: 45px;background: url(images/twitter_48.png) top left no-repeat;}
	#tumblr a {width: 45px;background: url(images/tumblr_48.png) top left no-repeat;}

/* end rollover */


/* Fixes for RichText widgets
------------------------------------------------------------------------------- */
.MODX_RichTextWidget {
	float: left;
}

.MODX_RichTextWidget a {
	border: 0px;
}


/* Front Boxes
------------------------------------------------------------------------------- */

h6{ margin: 5px 10px 0 10px; color:#FFF; padding:0;  font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }

			
			.boxgrid{ 
				width: 200px; 
				height: 160px; 
				margin:10px; 
				float:left; 
				background:#161613; 
				border: solid 2px #8399AF; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				text-align: left;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 90;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 130;
 					left: 0;
 				}

.boxcaption a{color:#3399FF; text-decoration:underline;}