/*
Theme Name: Taff & Levine
Theme URI: http://www.blazersix.com/
Description: Custom theme for Taff & Levine.
Version: 1.0
Author: Blazer Six, Inc.
Author URI: http://www.blazersix.com/
*/


a { color: #27a247;}
a img { border-width: 0;}
body { margin: 0; padding: 0; color: #201e1f; font-family: Arial, Tahoma, sans-serif; font-size: 65%; text-align: center; background: #9aca98;}

.company-description { color: #27a247; font-size: 1.4em; font-style: italic; font-weight: bold;}
.content { z-index: 1; position: relative; float: left; clear: both; padding: 50px 0 20px 0; width: 960px; background: #fff url(images/content-bg.jpg) left top repeat-x;}
.content .primary { display: inline; float: left; margin: 0 0 0 360px; width: 540px;}
.content .secondary { position: relative; float: left; margin: 0 0 0 -900px; padding: 0 0 0 30px; width: 310px !important; width /**/: 340px;}
.footer { position: relative; clear: both; color: #fff; background: url(images/footer-bg.jpg) left top repeat-x;}
.footer a { color: #fff; text-decoration: none;}
.footer #visit { margin: 0 0 20px 0; color: #222021; font-size: 12px; line-height: 26px; text-align: center; text-transform: uppercase;}

.form { float: left; clear: both; width: 350px;}
.form div { float: left; clear: both; padding: 0 0 10px 0; width: 380px;}
.form div .field { clear: none; padding: 0; width: 250px;}
.form div .field input,
.form div .field textarea { padding: 2px; width: 244px !important; width /**/: 250px; border: 1px solid #000;}
.form div .label { display: inline; float: left; margin: 0 20px 0 0; width: 110px; font-size: 1.2em;}
.form div.button { float: left; margin: 30px 0 0 0; width: 98px; height: 30px; background: url(images/schedule-button.jpg) left top no-repeat;}
.form div.button button { cursor: pointer; float: left; width: 100px; height: 22px; text-indent: -9999px; background: none; border-width: 0;}
.form div .field .error { border-color: #ff0000;}

.header { z-index: 2; position: relative; float: left; clear: both; width: 960px; height: 99px !important; height /**/: 100px; background: url(images/header-bg.jpg) left top no-repeat; border-bottom: 1px solid #58b870;}
.header .logo { display: inline; float: left; margin: 30px 0 0 22px; width: 229px; height: 54px; text-indent: -9999px;}
.header .logo a { overflow: hidden; float: left; width: 229px; height: 54px;}
.header .tagline { position: absolute; left: -9999px;}
.list-pdf { list-style: none; margin: 1em 0; padding: 0;}
.list-pdf li { padding: 4px 0 4px 25px; background: url(images/icon-pdf.jpg) 0 50% no-repeat;}
.nav { position: absolute; bottom: -1px; left: 230px; display: inline; list-style: none; float: left; margin: 0; padding: 0; width: 730px; background: #fff url(images/nav-border.gif) left bottom repeat-x;}
.nav li { display: inline; float: left; margin-left: -1px; font-size: 1.1em; font-weight: bold; text-transform: uppercase;}
.nav li a { z-index: 100; position: relative; float: left; padding: 3px 6px; color: #26a345; text-decoration: none; border-bottom: 1px solid #58b870;}
.nav li a:hover,
.nav > li.current_page_ancestor a,
.nav > li.current_page_item a { padding: 2px 5px 3px 5px; background: #ffe3bb; border: 1px solid #58b870; border-bottom: 1px solid #ffe3bb;}
.nav li ul { position: absolute; top: 20px; left: -9999px; list-style: none; float: left; margin: 0; padding: 0;  width: 958px !important; width /**/: 960px; background: #fff; border: 1px solid #58b870;}
.nav li:hover ul,
.nav li.current_page_item ul,
.nav li.current_page_ancestor ul { left: -230px;}
.nav li ul li { float: left; padding: 0; font-size: 1em;}
.nav li ul li a,
.nav > li.current_page_ancestor ul li a,
.nav > li.current_page_item ul li a { float: left; padding: 5px 6px; color: #94959a; font-weight: normal; line-height: 1; background: #fff; border-width: 0;}
.nav li ul li.current_page_ancestor a,
.nav li ul li.current_page_item a,
.nav li ul li.current_page_ancestor a:hover,
.nav li ul li.current_page_item a:hover { color: #333; background: #99cb98;}
.nav li ul li a:hover { color: #26a345; background: #fff;}
.page .entry p,
.page .entry ol,
.page .entry ul { margin-top: 0; font-size: 1.2em;}
.page .entry .column { display: inline; float: left; margin-right: 5%; width: 45%;}
.page .title { margin: 0 0 1em 0; font-size: 1.4em; font-weight: bold; text-transform: uppercase;}
.subnav { list-style: none; float: left; clear: both; margin: 0 0 2em 0; padding: 0; width: 540px;}
.subnav li { float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; font-size: 1.2em; line-height: 1.4; border-right: 1px solid #5a5047;}
.subnav li.last_item { margin: 0; padding: 0; border-width: 0;}
.subnav li a { color: #201e1f;}
.subnav li a:hover,
.subnav li.current_page_item a { color: #27a247;}
.subscribe { margin: 40px 0 0 0; padding: 0;}
.subscribe button { cursor: pointer; float: left; margin: 0; width: 35px; height: 20px; text-indent: -9999px;background: url(images/subscribe-button.jpg) left top no-repeat; border-width: 0;}
.subscribe input { float: left; padding: 2px; width: 117px !important; width /**/: 121px; height: 16px !important; height /**/: 20px; line-height: 16px; border-width: 0;}
.subscribe p { font-size: 1.2em;}
.subscribe .shadow { float: left; width: 165px; height: 29px; background: url(images/subscribe-shadow.jpg) right bottom no-repeat;}
.subscribe .shadow div { float: left; width: 156px !important; width /**/: 158px; height: 20px !important; height /**/: 22px; border: 1px solid #918f92;}
.testimonial { color: #27a247; margin: 0; font-size: 1.1em; font-style: italic;}
.twinkle { position: relative; margin: 0 0 0 -30px; width: 340px; height: 307px;}
.twinkle img { z-index: 3; position: absolute;}
.twinkle .image-1 { right: 0; bottom: 30px;}
.twinkle .image-2 { bottom: 0; left: 25px;}
.wrapper { margin: 0 auto 0 auto; width: 960px; text-align: left;}

#page-before-after { padding: 30px 0 20px 0;}
#page-before-after .primary { position: relative; margin: 0 20px 0 20px; padding: 20px; width: 876px !important; width /**/: 920px; background: #9aca98; border: 2px solid #fff;}
#page-before-after .primary .page .entry { width: 212px;}
#page-before-after .primary .page .entry img { position: absolute; top: 20px; right: 20px;}
#page-before-after .primary .page .entry p { font-size: 1.1em;}
#page-before-after .secondary { float: left; clear: both; margin: 0 0 0 20px; padding: 0; width: 310px !important;}
#page-before-after #pagenum { display: block; margin: 0 0 20px 0; width: 28px !important; width /**/: 34px; color: #fff; font-size: 2em; font-style: italic; font-weight: bold; line-height: 28px; text-align: center; border: 3px solid #fff;}
#page-before-after #pages { font-size: 1.2em;}
#page-before-after #pages a { color: #201e1f;}

#page-home { padding-top: 0;}
#page-home .primary { margin: 0 0 0 40px; width: 570px;}
#page-home .secondary { overflow: hidden; margin: 0 0 0 60px; padding: 0; width: 270px !important;}
#page-home .twinkle { overflow: hidden; position: relative; float: left; clear: both; margin: 0; width: 960px; height: 245px;}
#page-home .twinkle .image-1 { bottom: 0; left: 380px;}
#page-home .twinkle .image-2 { top: 10px; left: 554px;}
#page-home .twinkle .image-3 { bottom: 0; left: 734px;}
#page-home .twinkle .image-4 { top: 75px; right: 0;}

#page-smiles { padding: 30px 0 20px 0;}
#page-smiles .primary { position: relative; margin: 0 20px 0 20px; padding: 20px; width: 876px !important; width /**/: 920px; height: 405px !important; height /**/: 449px; font-size: 1.2em; background: #9aca98; border: 2px solid #fff;}
#page-smiles .primary a { float: left;}
#page-smiles .primary a img { display: block;}
#page-smiles .primary a:hover { overflow: hidden; float: left; width: 191px !important; width /**/: 195px; height: 121px !important; height /**/: 125px; border: 2px solid #000;}
#page-smiles .primary a:hover img { margin: -2px 0 0 -2px;}
#page-smiles .secondary { float: left; clear: both; margin: 0 0 0 20px; padding: 0; width: 310px !important;}

#page-tour .primary { margin: 0 0 0 630px; width: 270px;}
#page-tour .secondary { margin: 0 0 0 630px; padding: 0; width: 270px !important;}
#page-tour .tour { overflow: hidden; position: relative; float: left; margin: 0 0 0 -900px; padding: 0; width: 600px; height: 435px;}
#page-tour .tour img { z-index: 1; display: none; position: absolute; top: 0; left: 0;}
#page-tour .tour img.active { z-index: 2; display: block;}

#teamnav { position: relative; list-style: none; float: left; clear: both; margin: 0 0 8em 0; padding: 0; width: 269px; height: 158px; background: url(images/team.jpg) left top no-repeat;}
#teamnav li { float: left;}
#teamnav li a { float: left; height: 158px;}
#teamnav li a span { position: absolute; top: 168px; left: -9999px; color: #242021; font-size: 1.2em; font-weight: bold;}
#teamnav li.item_0 a { width: 77px;}
#teamnav li.item_1 a { width: 60px;}
#teamnav li.item_2 a { width: 74px;}
#teamnav li.item_3 a { width: 58px;}
#teamnav li.current_page_item a span { left: 0;}

.alignright { float: right; margin: 0 0 1em 1em;}
.alignleft { float: left; margin: 0 15px 1em 0;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;}