/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html,body { margin: 0px; padding: 0px; border: 0px none transparent; width: 100%; height: 100%; }
body > div { transition: all 0.3s ease; }
body {
	font: 400 16px/26px Roboto, Arial, Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #464646;
	}
b, strong { font-weight: 700 !important; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: inherit; }
.main_wrapper, .masthead_wrapper, .menu_wrapper, .slideshow_wrapper, .content_wrapper, .footer_wrapper {
	position: relative;
	clear: both; 
	overflow: hidden;
	}
.masthead, .menu, .slideshow, .content, .footer {
	width: 960px;
	margin: 0 auto; 
	position: relative;
	overflow: auto;
	}
.main_wrapper { 
	min-height: 100%;
	background: transparent url() no-repeat center top;
	}

	
/* COLUMN STRUCTURE */

.content {  
	__background-color: #EEE;
	}
.col { 
	float: left;
	margin: 0px 10px;
	width: 60px;
	overflow: auto;
	__background-color: #CCC;
	}
.one_quarter { width: 220px; }
.one_quarter.nomargin { width: 240px; margin: 0px; }
.one_third { width: 300px; }
.one_third.nomargin { width: 320px; margin: 0px; }
.one_half { width: 460px; }
.one_half.nomargin { width: 480px; margin: 0px; }
.two_thirds { width: 620px; }
.two_thirds.nomargin { width: 640px; margin: 0px; }
.three_quarters { width: 700px; }
.three_quarters.nomargin { width: 720px; margin: 0px; }
.full { width: 940px; }
.full.nomargin { width: 960px; margin: 0px; }

.top_marg { margin-top: 20px; }

.one_third.has_card { padding-top: 120px; }
.two_thirds .has_card { width: 220px; height: 97px; float: right; }

/* MASTHEAD */

.masthead_wrapper, .masthead { height: 158px; height: 108px; overflow: visible; }
.masthead_wrapper {
	background: #FFF url() no-repeat center top;
	}
.masthead_logo {
	background: transparent url("images/masthead_logo.png") no-repeat left top;
	width: 269px;
	height: 95px;
	position: absolute;
	top: 83px;
	top: 33px;
	left: 10px;
	z-index: 10;
	}
.masthead_logo h2 { position: absolute; top: -500px; left: -1000px; }

/* SOCIAL MEDIA ICONS */

.social_icons {
	width: 330px;
	height: 15px;
	position: absolute;
	top: 57px;
	right: 0px;
	}
.social_icon {
	width: 15px;
	height: 15px;
	float: right;
	margin: 0px 10px 0px 0px;
	border: 0px transparent none;
	background: transparent url("/css/images/icons_social.png") no-repeat 0px 0px;
	cursor: pointer;
	opacity: 0.25;
	-webkit-transiton: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	-transition: opacity 0.3s;
	}
.facebook { background-position: 0px -15px; } .facebook:hover { background-position: 0px -15px; opacity: 1; }
.twitter { background-position: -24px -15px; } .twitter:hover { background-position: -24px -15px; opacity: 1; }
.googleplus { background-position: -48px -15px; } .googleplus:hover { background-position: -48px -15px; opacity: 1; }
.pinterest { background-position: -72px -15px; } .pinterest:hover { background-position: -72px -15px; opacity: 1; }
.instagram { background-position: -96px -15px; } .instagram:hover { background-position: -96px -15px; opacity: 1; }
.youtube { background-position: -120px -15px; } .youtube:hover { background-position: -120px -15px; opacity: 1; }
.flickr { background-position: -144px -15px; } .flickr:hover { background-position: -144px -15px; opacity: 1; }
.social_icons:hover {  }

/* MENU */

.menu { 
	margin: 0px; 
	padding: 0px; 
	list-style: none;  
	font: 400 22px/28px Oswald, Arial, Helvetica, sans-serif; 
	color: #8a7a67;  
	position: absolute; 
	top: 111px;
	top: 62px;
	left: 297px; 
	z-index: 100; 
	}
.menu li { 
	display: inline-block; 
	border-bottom: 14px solid transparent;
	padding-bottom: 5px;
	margin: 0px 14px 0px 0px;
	}
.menu a { text-decoration: none !important; color: inherit !important; }
.menu li:hover, #page_home .menu_home, #page_programs .menu_programs, #page_faq .menu_faq, #page_about .menu_about, #page_contact .menu_contact, #page_locate .menu_locate { 
	border-color: #8dc63f;
	}
.menu .na { cursor: default; color: rgba(138,122,103,0.25) !important; }
.menu .na:hover { border-color: transparent !important; }

/* CONTENT */

.content_wrapper, .content { overflow: visible; }
.fitzcard_overlay { position: absolute; top: -66px; right: 1px; width: 504px; height: 174px; background: transparent url("/css/images/fitzcard_overlay.png") no-repeat left top; }
.fitzcard_flow { width: 495px; height: 106px; height: 93px; float: right; margin: 0px 10px 20px 20px; background-color: transparent; }
h1,h2,h3,h4,h5,h6 {
	font-family: Oswald, Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin: 0px;
	padding: 0px;
	}
h1 { 
	font-size: 36px;
	line-height: 46px;
	padding-top: 13px;
	}
h2 {
	font-size: 28px;
	line-height: 36px;
	padding-top: 15px;
	}
h3 {
	font-size: 24px;
	line-height: 30px;
	padding-top: 15px;
	}
ul { margin-bottom: 0px; padding-bottom: 0px; }

.sb_notice, .footnotes {
	font-style: italic;
	color: #c14228;
	font-size: 12px;
	line-height: 18px;
	}
.footnotes { color: #999; margin-top: 20px; }

/* DENTAL TABLE */

.dental_table, .drug_table, .labs_table {
	width: 100%;
	line-height: 18px;
	margin-bottom: 20px;
	}
thead, tbody { width: 100%; }
th.procedure, th.fee, th.discounted_fee, th.savings {
	vertical-align: bottom;
	}
td.procedure, td.fee, td.discounted_fee, td.savings {
	vertical-align: top;
	}
.procedure, .fee, .discounted_fee, .savings { padding: 5px 10px; }
.fee, .discounted_fee, .savings { text-align: right; }
.procedure { text-align: left; }
.odd { background-color: #EEE; }
th.savings { color: #FFF; background-color: #8dc63f; }
td.savings { background-color: #e8f4d9; }
.savings.odd { background-color: #d1e8b2; }
th.discounted_fee { color: #FFF; background-color: #3f98c6; }
td.discounted_fee { background-color: #d9eaf4; }
.discounted_fee.odd { background-color: #b2d6e8; }

.table_fineprint, .other_fineprint { font-size: 12px; line-height: 14px; display: block; clear: both; }
.other_fineprint { margin-top: 20px; }

.service_pic { float: right; margin: 10px 0px 10px 10px; }

iframe { border: 0px none transparent; padding: 0px; margin: 10px 0px 10px 0px; width: 100%; min-height: 600px; }

.red { color: #c14228 !important; }
.orange { color: #f8981d !important; }
.gold { color: #ffc423 !important; }
.green { color: #8dc63f !important; }
.lt_green { color: #d6e03d !important; }
.tan { color: #8a7a67 !important; }

/* FOOTER  */

.main {
	padding-bottom: 500px; /* must be same height as the footer */ 
	}

.footer_wrapper, .footer { height: 500px; }
.footer_wrapper {
	background: #8dc63f url("/css/images/bkg_footer.png") repeat-x center top;
	margin-top: -500px; /* negative value of footer height */
	} 
.footer {
	
	}
.footer_text { position: absolute; left: 10px; top: 18px; color: #FFF; }
.footer a { text-decoration: none; color: inherit; }
.company_name { font-family: Oswald, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 24px; line-height: 28px; padding: 0px 0px 0px 0px; }
	.company { font-weight: 400; }
	.tagline { font-weight: 300; }
.address { font-size: 18px; line-height: 22px; padding-top: 4px; }
.copyright { font-size: 12px; line-height: 12px; padding-top: 25px; }
.address .divider, .company_name .divider { padding: 0px 5px; color: rgba(255,255,255,0.25); }
.company_name .divider { padding: 0px 10px; }

.disclosure {
	font: normal 12pt/14pt Arial, Helvetica, sans-serif;
	}

.bean_logo, .beansprout_logo { position: absolute; height: 25px; top: 81px; background: transparent url("/css/images/footer_logos.png"); cursor: pointer; z-index: 50; }
.bean_logo { width: 64px; right: 9px; background-position: -75px 0px; }
.beansprout_logo { width: 67px; right: 81px; background-position: 0px 0px; }
	.bean_logo:hover { background-position: -75px -25px; }
	.beansprout_logo:hover { background-position: 0px -25px; }

/* GLOBAL OVERRIDES */

.clear { clear: both; }