/*
Theme Name:		Claris Theme Based on -WP Framework
Theme URI: 		
Version: 		0.1
Description: 	<em>Claris Theme</em> Based on WP framwork
Author: 		Framwork: Ptah Dunbar
Author URI:		

$WP_Framework:	0.3 $

Copyright 2008 Ptah Dunbar <http://ptahdunbar.com> All rights reserved.
WP Framework is licensed under the terms of the GNU General Public License version 2.

If you have any questions, comments, or concerns, 
visit <http://wpframework.com> for more information!
*/

/* Reset Browser Defaults
@import url( 'library/styles/reset.css' ); */

/* Apply base theme styles and colors
@import url( 'library/styles/base.css' ); */

/* Site Specific Styles */
/*@import url( 'assets/css/screen.css' );*/

body{
	font-family: arial, "Verdana";
	background-image: url('ui/body_bg.jpg');
	background-position: center 50px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

.alignleft, .alignleft:active, .alignleft:focus{
	float: left;
	border: 5px solid #fff;
}

.alignright, .alignright:active, .alignright:focus{
	float: right;
	border: 5px solid #fff;
}

.aligncenter, .aligncenter:active, .aligncenter:focus{
	border: 5px solid #fff;
	margin: auto;
	display: block;
}

.entry-content a:link, .entry-content a:visited{
	color: #057DCB;
}

.entry-content a:hover{
	color: #338332;
}

.container{
	width: 1078px;
	margin: 0px auto;
	background-color: transparent;
}

.contet-wrapper{
	width: 960px;
	margin: 0px auto;
}

.inside-hider, .nav li a{
	display: block;
	overflow: hidden;
}

.inside-hider span, .nav li a span{
	display: block;
	padding-top: 150px;
}

/********----HEADER---***********/
.header{
	height: 105px;
	margin-top: 30px;
	overflow: auto;
}

/*--LOGO--*/
#logo{
	margin: 0px;
	width: 	302px;
	float: left;
}

#logo h1{
	margin: 0px;
	padding: 0px;
}

#logo h1 a{
	margin: 0px;
	height: 104px;
	width: 	302px;
	background-image: url('ui/logo-img.gif');
	background-repeat: no-repeat;
}

/*--ALTER TEXT--*/
#alter-text{
	width: 280px;
	height: 104px;
	float: left;
}

#alter-text h2{
	background-image: url('ui/header-alter-txt.gif');
	background-repeat: no-repeat;
	margin: 38px 0px 0px 20px;
	height: 20px;
}

/*--STATIC NAV--*/
#static-nav{
	float: right;
	margin-top: 30px;
}

#static-nav ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#static-nav ul li{
	display: inline;
	float: left;
}

#static-nav ul li a:link, #static-nav ul li a:visited{
	background-position: 0px 0px;
}

#static-nav ul li a:hover{
	background-position: 0px -42px;
}

#stnav-home a{
	background-image: url('ui/stnav-home-bt.gif');
	width: 70px;
}

#stnav-contact a{
	background-image: url('ui/stnav-contact-bt.gif');
	width: 104px;
}

#stnav-login a{
	background-image: url('ui/stnav-login-bt.gif');
	width: 121px;
}

#static-nav ul li a{
	overflow: hidden;
	display: block;
	height: 42px;
}

/*--CONTACT HEADER INFO--*/
.contact_header_info{
	background-image: url(ui/contact_header_info.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 362px;
	height:12px;
	overflow: hidden;
	float: right;
	margin: 5px 0px 0px 0px;
}

.contact_header_info span{
	padding-top: 500px;
	display: block;
}

/********----HEADER---***********/

#page-img-area{
	padding-top: 1px;
	width: 960px;
	height: 234px;
	margin: 16px 0px 0px 0px;
	overflow: hidden;
	clear: both;
}

.nav{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.nav .page_item{
	display: inline;
	float: left;
	background-repeat: no-repeat;
	z-index: 200;
}

* html .nav .page_item {
	position: relative;
}

.nav .page_item:hover ul, .nav li.subm_hover ul{
	display: block;
}

.nav .page_item a{
	height: 47px;
	z-index: 50;
}

.nav .page_item a:hover{
	background-position: 0px -47px;
}

.nav .page_item ul {
	display: none;
	position: absolute;
	list-style: none;
	padding: 0px;
	margin: 0px;
	font-size: 11pt;
	border-bottom: 1px #49AB43 solid;
	border-left: 1px #49AB43 solid;
	border-right: 1px #49AB43 solid;
	z-index: 100;
}

* html .nav .page_item ul {
	left: 0px;
	top: 46px;
}

.nav .page_item ul li {
	display: block;
	position: relative;
	float: none;
	background-color: #dbeedb;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.nav .page_item ul li a:link, .nav .page_item ul li a:visited {
	display: block;
	position: relative;
	margin: 0px;
	padding: 0px;
	height: auto !important;
	width: 180px;
	text-decoration: none;
	color: #576957;
	z-index: 300;
	background-image: none !important;
}

.nav .page_item ul li a:hover{
	background-color: #49AB43;
	color: #fff;
}


.nav .page_item ul li a span {
	display: block;
	padding: 5px;
}

.page-item-about-your-eyes a{
	background-image: url('ui/nav-aye-btn.jpg');
	width: 192px;
}

.page-item-about-claris a{
	background-image: url('ui/nav-aC-btn.jpg');
	width: 165px;
}

.page-item-feedback a{
	background-image: url('ui/nav-fb-btn.jpg');
	width: 122px;
}

.page-item-procedures a{
	background-image: url('ui/nav-p-btn.jpg');
	width: 146px;
}

.page-item-insurance-billing a{
	background-image: url('ui/nav-ib-btn.jpg');
	width: 187px;
}

.page-item-giving-back a{
	background-image: url('ui/nav-gb-btn.jpg');
	width: 148px;
}

/*****--HOME CONTENT - INDEX--*****/
.index-content{
	background-image: url('ui/index-body-bg.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	margin-top: 16px;
	height: 372px;
	overflow: hidden;
}

#home-content{
	width: 460px;
	margin: 50px 0px 0px 95px;
}

#home-content p{
	margin: 5px 0px 0px 0px;
	width: 405px;
	height: 120px;
	background-repeat: no-repeat;
}

#home-content h3{
	margin: 0px;
	height: 18px;
	background-repeat: no-repeat;
}

#home-content h2{
	margin: 8px 0px 0px 0px;
	height: 70px;
	background-repeat: no-repeat;
}

#home-learn-more a:link, #home-learn-more a:visited{
	background-image: url('ui/home-learn-more-btn.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	height: 33px;
	width: 162px;
}

#home-learn-more a:hover{
	background-position: left -33px;
}


/*****--SIDEBAR HOME--*****/
#sidebar-home-area{
	height: 238px;
	overflow: auto;
	background-image: url('ui/sidebar-home-bg.jpg');
	background-position: left top;
	background-repeat: no-repeat;
}

.sidebar-home-box{
	height: 237px;
	width: 305px;
	margin-left: 11px;
	float: left;
	background-position: left bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	display: inline;
}

#recognition-box .sidebar-home-title{
	background-image: url('ui/home-sidebar-recognition-title.jpg');
}

#news-box .sidebar-home-title, #news-box-inside .sidebar-home-title{
	background-image: url('ui/home-sidebar-news-title.jpg');
}

#contact-box .sidebar-home-title{
	background-image: url('ui/home-sidebar-contact-title.jpg');
}

#recognition-box{
	background-image: url('ui/recognition-box-bg.jpg');
}

#news-box{
	background-image: url('ui/news-box-bg.jpg');
}

#contact-box{
	background-image: url('ui/contact-box-bg.jpg');
}

.sidebar-home-title{
	height: 48px;
	margin: 0px;
}

#recognition-box ul{
	margin: 20px 0px 0px 25px;
	padding: 1px 0px 0px 0px;
	list-style: none;
	color: #346b96;
	display:block;
	overflow: auto;
}

#recognition-box ul li a:hover{
	color: #338332 !important;
}

#recognition-box ul li a:link, #recognition-box ul li a:visited{
	color: #346b96;
	font-size: 11pt;
	line-height: 18pt;
}

.home-newssec-title, .home-newssec-title a{
	text-decoration: none;
	color: #414841;
	font-size: 10.5pt;
}

.home-newssec-link{
	padding-top: 5px;
}

.home-newssec-link, .home-newssec-link a{
	color: #057DCB !important;
	font-size: 10.5pt;
	display: block;
	font-weight: bold;
	text-align: right;
}

.home-recogsec-readmore a:hover, .home-newssec-link a:hover{
	color: #338332 !important;	
}

.home-recogsec-readmore{
	padding: 5px 25px 0px 20px;
	clear: both;
}

.home-recogsec-readmore a, .home-recogsec-readmore{
	color: #057DCB !important;
	font-size: 10.5pt;
	display: block;
	font-weight: bold;
	text-align: right;
}

#news-box-inside .home-newssec-link{
	padding-top: 0px !important;
	padding-right: 20px;
}

.home_news_metalinks{
	padding-top: 1px;
	overflow: auto;
	margin: 0px;
}

.home_news_sec{
	width: 250px;
	margin: 20px auto 0px auto;
}

.home_news_sec p{
	color: #444a44;
	font-size: 10pt;
}

.home-newssec-readmore a:hover{
	color: #057DCB !important;
}

a:link, a:visited, a:hover{
	text-decoration: none !important;
}

.home-newssec-readmore, .home-newssec-readmore a:visited, .home-newssec-readmore a:link{
	color: #338332;
	font-weight: bold;
	font-size: 10pt;
	font-style: normal;	
	display: block;
	width: 130px;
}


/*******---------------INSIDE CONTENT ------------------***********/

.menu{
	overflow: auto;
	z-index: 100;
}

.content{
	padding-top: 1px;
	z-index: 10;
}

.hfeed{
	margin-top: 20px;
	padding: 0px 25px;
	width: 580px;
	float: left;
}

.hfeed .entry-title{
	font-size: 18.5pt;
	color: #6699cc;
}

.hfeed .entry-title a{
	font-size: 13.5pt;
	color: #6699cc;
	text-decoration: none;
}

.hfeed h1, .hfeed h2, .hfeed h3, .hfeed h4{
	color: #6699cc;
}

.entry-content, .entry-summary{
	font-size: 10.5pt;
	line-height: 14pt;
	color: #4e4e4e;
}

:active, :focus {
	border: none 0px;
	outline: none;
}

/*******---------------INSIDE SIDEBAR ------------------***********/

#sidebar-inside-area{
	margin: 20px 0px 0px 0px;
	float: right;
	width: 320px;
}

#news-box-inside{
	background-image: url('ui/news-inside-box-bg.jpg');
	height: 386px;
}

#sidebar-inside-area .sidebar-home-box{
	margin-top: 10px;
}

/****----*** FOOTER ***----***/
.footer{
	clear: both;
	overflow: auto;
}

#foot-up{
	margin: 32px auto 0px auto;
	overflow: auto;
}

#foot-up ul{
	width: 790px;
	margin: 0px auto;
	padding: 1px 0px 0px 0px;
	list-style: none;
}

#foot-up ul li{
	float: left;
	display: inline;
}

.foot-li{
	height:22px;
	overflow: hidden;
	margin: 0px 10px
}

.foot-li a:link, .foot-li a:visited{
	font-size: 10pt;
	letter-spacing: 1px;
	color: #3c8bcb;
}

.foot-li a:hover{
	color: #338332 !important;
}


#foot-middle{
	margin: 10px auto 0px auto;
	overflow: auto;
}

#foot-middle ul{
	width: 690px;
	margin: 0px auto;
	padding: 1px 0px 0px 0px;
	list-style: none;
	text-align: center;
	font-size: 10pt;
}

#foot-middle ul li{
	float: middle;
	display: inline;
}

.foot-middle-li{
	height:22px;
	overflow: hidden;
	margin: 0px 10px;
	color: #3c8bcb;
}

.foot-middle-li a:link, .foot-li a:visited{
	font-size: 10pt;
	letter-spacing: 1px;
	color: #3c8bcb;
}

.foot-middle-li a:hover{
	color: #338332 !important;
}


#foot-down{
	width: 610px;
	margin: 20px 0px;
	clear: both;
	float: right;
}

#foot_lnk{
	background-image: url('ui/foot_nada_design.jpg');
	background-repeat: no-repeat;
	height: 16px;
	width: 240px;
	float: left;
	margin: 10px 0px 0px 0px;
}

#follow_us_area{
	width: 240px;
	height: 42px;
	overflow: hidden;
	float: right;
}

#follow_us_area .followUs{
	background-image: url(ui/followus.jpg);
	background-repeat: no-repeat;
	width: 130px;
	height: 15px;
	float: left;
	margin: 10px 0px 0px 0px;
}

#follow_us_area .facebookButton{
	background-image: url(ui/facebook.jpg);
	background-repeat: no-repeat;
	width: 41px;
	height: 42px;
	float: left;
	margin: 0px 0px 0px 12px;
}

#follow_us_area .twitterButton{
	background-image: url(ui/twitter.jpg);
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	float: left;
	margin: 0px 0px 0px 12px;
}


/***-----CONTAC FOTM------**/

#contact_area{
	width: 252px;
	margin: 0px auto;
	position: relative;
}

#contact_area p{
	margin: 8px 0px 0px 0px;
}

.cf-your-message textarea, .cf-your-name input, .cf-your-email input{
	width: 250px;
	font-family: arial;
	font-size: 10pt;
}

.cf-your-message textarea{
	height: 65px;
	max-height: 65px;
	max-width: 250px;
}

.send_button_holder{
	height: 21px;
	overflow: hidden;
	float: left;
}

.send_button_holder button{
	background: transparent url('ui/contact-sbmt-bg.jpg');
	background-position: left top;
	background-repeat: no-repeat;
	height: 21px;
	width: 111px;
	border: none;
	cursor: pointer;
}

.send_hover_btn{
	background-position: left -21px !important;
}

.cform_send_button{
	overflow: hidden;
	display: block;
}

.cform_send_button span{
	padding-top: 50px;
	display: block;
}

span.wpcf7-not-valid-tip-no-ajax{
	font-size: 8pt !important;
}

.wpcf7-response-output{
	margin: 7px 0px 0px 0px !important;
	font-size: 8pt;
	width: 115px;
	float: right;
}

/*-----RECOGNITION PAGE --------*/
.page ul li a {
	color: #057DCB ;
}

.page ul li a:hover {
	color: #338332 !important;	
}

/*----- CAPTION IN CONTENT --------*/
.wp-caption{
	/*background-color: #eeeeee;*/
}

.wp-caption a, .wp-caption a img{
	border:none;
	outline: none;
}

.wp-caption img{
	margin: 5px auto 5px auto;
	display: block;
}

.wp-caption-text{
	font-style: italic;
	font-size: 8pt;
	color: #000;
	margin: 5px;
	padding: 3px;
	/*background-color: #F3F3F3;*/
}

#home-content .inside-hider { visibility: hidden; }
#home-learn-more .inside-hider { visibility: visible; }