/*--------------------------------------------------------*/
/* --------------- Author: 			Daniel Murphy 
/* --------------- Theme: 			Envy
/* --------------- Copyright: 		CCH SiteBuilder
/* --------------- Date Created:  	5/31/2012
/*--------------------------------------------------------*/

@charset "utf-8";
/* CSS Document */

/*-----Hide Mobile Specific Elements----------*/
#mainNav-wrapper a.menu-title, #content #socialMedia, .mobile-bottom-spacer, #mobileNav-wrapper {
	display: none;
}

*{
	font-family: 'Tinos', serif;
	font-size: 1.01em;
	color: #CCC;
	/*border:none; Commented out because makes forms look terrible it's only effect is to hide the <hr>s */
}

input {
	color: inherit;
}

h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1em;}
h6 {font-size: .8em;}

#content a {
    color: #a6b58f;
}

html {
	background: url(../images/grain.jpg?1750109734) fixed repeat;
}

body {
	margin: 0;
	height: 100%;
}

.center-wrapper {
	width: 980px;
	margin: 0 auto;
}

#top-bar{
	background: url(../images/top-trans.png?1750109734) center no-repeat;
	height: 225px;
	
}

.trans-border {
	background: url(../images/trans-dark1.png?1750109734) repeat;
	height: 12px;
	width: 100%;
}

#branding {
	width: 940px;
	min-height: 70px;	
	padding: 20px 20px 51px;
	overflow: hidden;
}

#main-wrapper {
	width: 980px;	
	overflow: hidden;
	margin: -27px auto -57px;
	position: relative;
	z-index: 10;
}


#bottom-bar{
	background: url(../images/bottom-trans.png?1750109734) center top no-repeat;
	height: 130px;
	clear: both;
}

#top-shiv {
	background: url(../images/top-shiv.png?1750109734) no-repeat;
	width: 980px;
	height: 51px;
}

#bottom-shiv {
    background: url("../images/bottom-shiv.png?1750109734") no-repeat scroll 0 0 transparent;
    height: 51px;
    width: 980px;
    clear: both;
}

#left-col {
	float: left;
	margin-left: 17px;
}

#right-col {
	float: right;	
	margin-right: 18px;
	background: url(../images/trans-dark1.png?1750109734) repeat;
	padding: 12px;
	
}

#right-col-inner {	
	width: 700px;	
	background: #1e1e1d;	
}

#banner-grad {
	background: url("../images/banner-gradient.png?1750109734") no-repeat;
	width: 700px; 
	height: 344px;
}

#banner {
	background: #201d14 url("../images/header.jpg?1750109734") no-repeat;
	width: 700px; 
	height: 344px;
}

#logo-wrapper a img#logo {
    max-height: 120px;
    width: auto;
}

.company {
	float: left;
	font-size: 1.8em;
	font-weight: bold;
}

.slogan {
	float: right;
	margin-top: 10px;
}

#right-col-inner #content {
	padding: 10px;	
}

#content{
	margin-top: -345px;
}

#content #page_title {
    background: url("../images/page-title-bg.png?1750109734") repeat scroll 0 0 transparent;    
	width: 645px;
    padding: 20px 18px;
    text-shadow: 0.1em 0.1em 0.2em black;
	margin-bottom: 230px;
}

#mainNav ul, #submenu ul {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 185px;
}

#mainNav ul a, #submenu ul a {
	text-decoration: none;
}

#mainNav {	
	padding: 14px 14px 0px 14px;
	background: url(../images/trans-dark1.png?1750109734) repeat;
	overflow: hidden;
}


#mainNav ul li a {	
	display: block;
	margin: 0px 0px 14px 0px;
	line-height: 22px;
	width: 181px;
	color: #1e1e1d;
	padding-left: 5px;	
}

#mainNav ul li a:hover {
	color: #ffffff;
	text-shadow: #000000 1px 1px 2px;	
}

/*--------Dynamic Button styles----------------*/

#mainNav ul.button-1 a{
	background: url("../images/trans-light2.png?1750109734") repeat;
}

#mainNav ul.button-2 a{
	background: url("../images/button2.png?1750109734") repeat-x;
}

#mainNav ul.button-3 a {
    background: url("../images/button3.png?1750109734") no-repeat scroll left center transparent;
    padding-left: 15px;
}

.gray-block1 {
	background: url(../images/trans-dark1.png?1750109734) repeat;
	width: 100%;
	height: 12px;	
}

#submenu {
        margin-top: 20px;
		padding: 0 16px;
}

#submenu ul li {
    text-align: right;
    margin-bottom: 14px;
    border-bottom: 1px dashed #ffffff; 
    padding-bottom: 5px;
    text-shadow: #000000 0.1em 0.1em 0.2em;
}

#submenu ul li a{
    text-align: right;
    font-size: .8em;
}

#submenu ul li a:hover{
       margin-right:1px;
        text-decoration: underline;
}

#inner-content {
    overflow: hidden;    
}

#inner-content ul {
	text-align: left;
}

#footer {
	padding-top: 40px;
    margin-top: 30px;
    text-align: center;
}
#footerNav {
    font-size: .7em;
    line-height: 20px;
    padding: 5px;
}
#footerNav ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
}
#footerNav li {
    display: inline;
    padding: 4px;
}
#footerNav a:link, #footerNav a:visited {
   
    text-decoration: none;
}
#footerNav a:hover {      
    text-decoration: underline;
}

.footer {
	font-size: .8em;
}

.trans-bg {
	background: url("../images/trans-light.png?1750109734") repeat;	
}

#endofline {
	/*--using javascript to determine height---see main.js ---*/
	width: 100%; 
	background: url(../images/trans-dark2.png?1750109734) repeat;
}
.sitebuilderModules {
    margin-bottom: -60px; 
	overflow: hidden;
}

/*---------------------- module column ---------------------*/
#home_panel a img {
	display: block;
	margin: 0 auto;
}

#home_panel input{
    color: #000000;
}

#home_panel a {
    color: #a6b58f ;
}

div#divNewsletter1, #tax_alerts_home  {
	width: 230px;
}

#home_panel, #tax_alerts {
	overflow: hidden;
	padding-top: 10px !important;  
	margin-left: 10px; 		
	font-size: .8em;
	padding-left: 0 !important;
}

#home_panel, #tax_alerts {	
	width: 230px;		
}

#home_panel input {border: 1px solid #3f3f3f; }

input#button.NewsletterFormSubmit, input#buttonSubmit {
	background: #727271;
	border: 1px solid #3f3f3f;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
}

input#button.NewsletterFormSubmit:hover, input#buttonSubmit:hover {
	background: #a9a9a8;
}

div.NewsletterForm {
	border: none;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
	width: 220px;
	font-size: .8em;
	margin: 10px 0 10px 5px;	
	padding-bottom: 0px;	
	overflow: hidden;
}

.NewsletterForm form #recaptchaContainer {
	width: 230px;
	overflow: hidden;
	margin: 27px 0 -3px 1px;
	border: 1px solid #000;
	vertical-align: bottom;
	height: 75px;
}

.NewsletterForm #recaptchaContainer > div {
	width: 230px !important;
}

.NewsletterForm #subscribeButton {
	display: block;
	width: 100%;
	padding: 10px;
}

p#enewsletter_title {
	font-size: 1.2em;
	font-weight: bold;
}

div.NewsletterForm table{
	border-spacing: 0px; 
}

#reCaptcha > center > div > div:nth-child(1) {
    color: black;
}

div#tax_alerts_home {
	margin-left: 5px;	
}

#tax_alerts_home br {
	display: none;
}

/*--------------------info center calendar------------------*/
.info_center div#inner-content .not_selected a{
    color: #ffffff;
}

/*--------------------Services Page-------------------------*/
.client_services div#content div#inner-content h4, .client_services div#content div#inner-content p {
    margin-left: 20px;
}

.client_services div#content div#inner-content h4 {
    color: #a6b58f;
    margin-top: 10px;
}

/*--------------------Newsletters Page-------------------------*/
 .newsletters #tax_alerts_home {
	background: url("../images/trans-light.png?1750109734") repeat;	
        overflow: hidden; 
        padding: 20px 0px; 
        height: 400px;      
 }

/*-----------------Contact Page--------------------------------*/
.contact_us div#inner-content table tbody tr td form input {
	margin: 10px 0;        
	background: #727271;
	border: 1px solid #3f3f3f;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
}

.contact_us div#inner-content table tbody tr td form input:hover {
	background: #a9a9a8;
}

.get_direction input[type="submit"] {
	margin: 10px 0;
	background: #727271;
	border: 1px solid #3f3f3f;
	color: #ffffff;
}

.get_direction input[type="submit"]:hover {
	background: #a9a9a8;
}
.get_direction input[type="text"] {
    color: #000;
}

#appointment #appointmentButton, .map input[type="submit"] {
	margin: 10px 0;
	background: #727271;
	border: 1px solid #3f3f3f;
	color: #ffffff;
	font-size: 1.2em;
}

#appointment #appointmentButton:hover {
	background: #a9a9a8;
}

#appointment #firmContactDiv #firmContact optgroup, #appointment #firmContactDiv #firmContact option {
    color: #000;
}

#appointment #apptMessageDiv2 textarea#appointmentMessage {
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*----------------------Begin Social Media----------------------*/
#socialMedia {    
    margin-bottom: 0;
    margin-left: 780px;
    top: 10px;
    position: absolute;
}

#cchFacebook, #cchTwitter, #cchLinkedin, #cchYoutube {
    display: inline;
    margin: 0 3px;
	width:36px;
}
#cchFacebook img, #cchTwitter img, #cchLinkedin img, #cchYoutube img {
	width:36px;
}
#cchLike, #cchPlusOne {
    display: inline;
}
#cchDynamic {
    margin: 3px auto 0;
    overflow: hidden;
}
#cchStatic {
    margin: 0 auto;
}
#cchPlusOne {
    float: right;
}
#fblike {
    width: 73px !important;
}
#___plusone_0 {
    width: 62px !important;
}
#cluetip-inner, #cluetip-inner b {color: #000;}


/*----------------------Begin Mobile Style----------------------*/

@media only screen and (max-width: 768px) {

	/*structure*/
	html { background: none repeat scroll 0 0 #383938; }
	.home #inner-content, .index #inner-content, .newsletters #inner-content {position: relative; overflow: visible; padding-bottom: 440px; }
	#tax_alerts { position: absolute; bottom: 15px; margin: 0 0 0 5px; padding: 0; width: 100%; font-size: 1em; }	
	#tax_alerts br { display: none; }
	.home .mobile-bottom-spacer, .index .mobile-bottom-spacer {display: block; height: 180px;}
	#left-col { float: none; margin: 0px; }
	#content { margin: 0; }		
	#right-col {float: none; margin: auto; background: none; padding: 0px; clear: both;	}	
	#right-col-inner { width: auto;	}	
	#main-wrapper {	width: 95%; margin: 0 auto;	}
	.center-wrapper { width: auto; }		
	
	/*mobile header*/
	#branding { width: auto; display: block; padding: 20px 20px 51px; overflow: hidden; text-align: center; margin: 0 auto; }	
	#slogan, .slogan, #company, .company { float: none;}	
	#logo-wrapper a img#logo { max-height: 60px; max-width: 300px; width: auto; }		
	#company { font-weight: bold; margin-top: 10px; }	
	#slogan { margin-top: 10px; }	
	
	/*mobile menu*/
	#non-mobile-menu { display: none; }		
	#mobileNav-wrapper { display: block; font-size: 1.0em; text-transform: uppercase; font-weight: bold; }	
	#mobileNav-wrapper-2 { clear: both; display: none; }	
	#mobileNav-wrapper a.menu-title { display: block; width: 50%; margin: 0 auto; background: url("../images/trans-light2.png?1750109734") repeat;}
	#mobileNav-wrapper-2 ul a, #mobileNav-wrapper a.menu-title { text-decoration: none; padding: .8em; text-align: center; display: block; margin-bottom: 10px; }	
	#mobileNav-wrapper a.bottom-menu-title { display: none;}	
	#mobileNav-wrapper-2 ul { list-style: none; padding: 0; margin-bottom: 20px; overflow: hidden;}			
	#mobileNav-wrapper a.bottom-menu-title #branding #socialMedia { display: none; }	
	#mobileNav-wrapper-2 ul li a, #mobileNav-wrapper a.menu-title {  color: #ffffff; text-shadow: 1px 1px 1px #333;}
	#mobileNav-wrapper-2 ul li a {background: url("../images/trans-light2.png?1750109734") repeat;}
	#mobileNav-wrapper-2 ul li li { background: #ffffff; width: 80%; margin: 10px auto;}	
	#mobileNav-wrapper-2 ul li li a {margin: 0; padding: 8px; color: #333; text-shadow: none !important;}	        
	
	/*General*/
	#page_title {width: 150px !important; background: none !important; padding: 10px 0 0 0 !important; text-align: center !important; margin: 0 auto !important; }	
	#bottom-bar, #banner{ display: none; }		
	#banner, #submenu-block, #banner-shadow { background: none !important; }	
	#banner-wrapper #banner{ height: auto;	}		
	#divNewsletter1, #footer, #branding #socialMedia { display: none; }
	#content #socialMedia { display: block;	position: relative; display: inline; text-align: center; }		
	#divNewsletter1, #tax_alerts_home { width: 89%; padding-top: 15px; }	
	#taxAlertPanel_Heading, #taxAlertPanel { width: 100% !important; }	
	#home_panel #tax_alerts_home { background: url(../images/trans-light.png?1750109734); }			
	#home_panel { bottom: 15px; font-size: 1em; width: 100% !important; margin: 0 2.5%; position: absolute; background: none; }		
	#tax_alerts { position: absolute; bottom: 15px; margin: 0 0 0 5px; padding: 0; width: 100%; font-size: 1em; }	
	#tax_alerts br { display: none; }
	.home .mobile-bottom-spacer, .index .mobile-bottom-spacer {display: block; height: 180px;}	
	#news.ticker table.undefined, #news.ticker table.undefined td, #contlayer0, #mainlayer0, div#lmain0 { width: 95% !important; } 
}

@media only screen and (min-width: 769px) and (max-width: 800px) {
	/*shows menu after hiding in mobile if resized to larger screen*/
	#nav-wrapper-2 {display: block !important;}
	
	/*hide menu titles if resized to larger screen*/
	#mainNav-wrapper a.menu-title{ display: none !important; }

}