/*
// Static Page Styles
*/


/* PRIMARY COLORS OF McHugh&McHugh/tahoelaw.net WEBSITE FOR USE THROUGHOUT

Yellow: #f3ec19;
Dark-grey: #464646;
/*

/* WEB FONT use numerical font-weight for best results

font-family: 'Open Sans', sans-serif;
Book 300  
Book 300 Italic 
Normal 400  
Normal 400 Italic  
Semi-Bold 600  
Semi-Bold 600 Italic  
Bold 700  
Bold 700 Italic  
Extra-Bold 800  
Extra-Bold 800 Italic
*/

/* RESET STYLES - Creates no padding/margin/spacing issues between browsers */

*{
	margin:0;
	Padding:0
}


/* ***** Standard CSS On All Pages Begins Here ***** */

/* Body (Choose Font Family and Font Size here and it will be inherited throughout site.) */
/* html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-size: 100%;
font-family: inherit;} */
body {
	font-family: 'Open Sans', sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:10pt;
	line-height:24pt;
	color:#333;
	background:url(/images/debut_light.png) repeat;
	position:relative;}




/* ***** MAIN TEXT STYLES ***** */

/* Sitewide Link Style */

a:link, a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #00bff3;
}

a:hover, a:active {
	font-weight: bold;
	text-decoration: none;
	color: #00bff3;
}

/* Footer Links Style */

#footer a:link, #footer a:visited {
	font-weight:400;
	color: #c2c2c2;
	text-decoration: underline;
}

#footer a:hover, #footer a:active {
	text-decoration: none;
} 

/* Link Back to VDS Site in Footer Area */

a:link.vdslink, a:visited.vdslink {
	color: #82acd4;
	font-size: 9px;
	font-weight: normal;	
	text-decoration: none;
}

a:hover.vdslink, a:active.vdslink  {
	color: #82acd4;
	font-size: 9px;
	font-weight: normal;	
	text-decoration: underline;
}

/* Standard Headers */

h1 {
	color: #fff;
	text-transform:uppercase;
	background:#464646;
	font-weight: 800;
	font-size:1.5em;
	/* margin: 2em 0 1.5em 0; */
	padding:.3em 20px .4em 20px;
	letter-spacing: 2px;
	position:relative;
}

h2 {
	text-transform:uppercase;
	font-weight: 800;
	font-size:1.3em;
	line-height:2em;
	margin:1.2em 0 .6em 0;
}

h3 {
	font-weight: 800;
	font-size:1.16em;
	line-height:1.16em;
}

h4 {
	font-style:italic;
	font-weight: 600;
	font-size:1.5em;
	line-height:2em;
}

h5 {
	font-weight: 800;
	font-size:1.16em;
	line-height:2em;
}

h6 {
	font-weight: 800;
	font-size:1.16em;
	line-height:2em;
}

/* STANDARD BODY TAG FORMATTING */

p {
	font-weight:400;
	font-size:1em;
	line-height:2em;
	margin: 0 0 .8em 0;
}

hr {}



table{} tr{} td{} th{} 
strong, b{
	font-weight:700;
	}
i{} 
ol{} 
ul{}
li {}

/* Floats and Margins */

.clear{clear:both;}
.marTop{margin:1.5em 0 0 0;}
.marBtm{margin:0 0 1.5em 0;}
.marLft{margin:0 0 0 1.5em;}
.marRgt{margin:0 1.5em 0 0;}

/* Highlihts, alerts, etc. */
.hlYellow{
	color: #f3ec19;}
.hlBlue{
	color: #00bff3;}

/* ***** Custom Styles applied to Home and Interior Templates By Designer ***** */

	
/* Header */
#header{}
.headerTopBar{
	padding:.5em 2em 0 2em;
	background:url(/images/debut_dark.png) repeat;
	border-bottom:3px solid #000;
	color:#cccccc;
	text-align:center;
	letter-spacing:1px;
	text-align:left;
	font-size:.9em;
	margin-left:0px;
	margin-right:0px;}
.headerTopBar ul{
	list-style:none;}
	.headerTopBar li{
		float:left;
		line-height:2em;}
.headerSecondary{
	padding:0 0 0 45px;}
.headerEmail, .headerPhone{
	margin:0 3em 0 0;}
.headerEmail a{
	font-size: 1.3em;
	line-height: 2em;}
.headerTopBar img{
vertical-align: text-bottom;
padding: 0 10px;
height: 22px;}
.headerTopBar .phoneNum{
	font-size:1.7em;
	font-weight:500;
	/* margin-right:2em; */}
.headerTopBar a:link, .headerTopBar a:visited, .headerTopBar a:hover, .headerTopBar a:active{
	text-decoration:none;
	color:#cccccc;}

.headerLogo{
	text-align:center;
	padding:1.5em 0 3em 0;}
.headerLogo img{
	padding:0 20px;}

/* Navigation */
#mainNav{}
#mainNav a{
	color: #959595;
	font-weight:600;
	text-transform:uppercase;}
#mainNav .active a{
  color: #fff !important;}

/* Masthead */
#mastHead{}
#myCarousel img{width:100%;}

/* Main Area */
#mainContent{
	display:block;
	background:#fff;border:1px solid #e1e1e1;
	padding-bottom: 3em;}
#mainContent .contentMid ul{
	margin-left:15px;}
/* Sub Navigation */
.subNav{}
.subNav a:link, .subNav a:visited, .subNav a:hover, .subNav a:active{
	color:#464646;
	text-decoration:none;}
.subNav ul{
	width:100%;
	list-style:none;
	margin:2em 0 0 0;}
.subNav li {
	display:block;
	width:100%;
	padding-right:2em;
	background:#f5f5f5;
	position: relative;
	left: -2em;
	}
.subNav li a{
	display:block;
	width:95%;
	font-size:1.16em;
	font-weight:700;
	text-transform:uppercase;
	margin:0 0 1.5em 2em;
	padding-right:20px;
	background:#f5f5f5 url(/images/arrow-rnd-right.png) center right no-repeat;}
.subNav li a:hover{
	background:#f5f5f5 url(/images/arrow-rnd-blue.png) center right no-repeat;}
/* Sub Nav Tier2 Links */
.subNav li+ul{}
.subNav li+ul li{
	background:none;
	margin: -1.5em 0 1em 1em;}
.subNav li+ul li a:link, .subNav li+ul li a:visited{
	background:none;
	text-transform:capitalize;
	font-weight:500;
	margin:0 0 0 2em;
	line-height:2em;}
.subNav li+ul li a:hover, .subNav li+ul li a:active{
	color:#00bff3;}


/* Footer Styles */
#footer{
	padding:2em 0 3em 0;
	border-top:1em solid #464646;
	color:#c2c2c2;
	background:url(/images/debut_dark.png) repeat;
	display: block;}
#footer:before{/* For patterned border on top of the footer */
	content: " ";
	position: relative;
	top: -3em;
	width: 100%;
	display: block;
	height: 1em;
	background:url(/images/pattern-yellow-tri.png) repeat;
	}
#footer h5{
	text-transform:capitalize;
	font-weight: 700;
	font-size:1.16em;
	line-height:2em;}
#footer ul{
	list-style:none;
	margin:0 0 2em 0;}
#footer li{}
.footerLegal{
	padding:0 0 0 2em;}
.legalNote{
	display:block;
	border-left:.5em solid #f3ec19;
	padding:0 0 0 1em;
	margin:0 0 1.5em 0;}
.copyRight{
	margin:0 0 1.5em 0;}

/* Google Search */
.gSearchBox{
	padding: 10px 0 0 0;}
.gResults{}
.gSearchBox *, .gResults *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	line-height:normal;}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
	padding: 0px 7px;}
.gsib_a {
    padding: 0px !important;}
input#gsc-i-id1{
	margin:0px !important;
	text-indent: 3px;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	margin-top:0px !important;}
/*
.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0em !important;}
.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
	padding: 0px 7px;
	line-height: 1.7em;}
.gsc-result .gs-title {
height: 1.5em !important;
}
.gsib_a {
    padding: 0px !important;}*/

/* Callout Styles */


/* Use calloutMark(Y or G) to add yellow or grey accent*/
.contentLeft .calloutMarkY{
	width:2em;
	height:7em;
	position:absolute;
	left:-4em;
	background: url(/images/callout-mark-yellow.png) repeat;}
.contentLeft .calloutMarkG{
	width:2em;
	height:7em;
	position:absolute;
	left:-4em;
	background: url(/images/callout-mark-grey.png) repeat;}

.contentLeft .callOut{
	position:relative;}
.contentLeft .callOut p{
	padding-right: 2em;}
.contentLeft .callOut ul{
	list-style:none;}
.contentLeft .callOut li{
	line-height:1.8em;}
	
.contentMid .callOut{}

.contentRight .callOut{}

.callOut{
	min-height:7em;
	margin:3em 0;}


/* Padding for 3 column layout */
.contentLeft{
	padding:0 0 0 2em;}
.contentMid{
	padding:0 20px 0 20px;}
.contentRight{
	padding:0 20px 0 20px;}
	
.contentMid h1{
	margin: 2em 0 1.5em -20px;}
.contentRight h1{
	margin: 2em -20px 1.5em -20px;}
	
#footer .contentMid, #footer .contentRight{
	padding:0 0 0 2em;}

/* Contact Form Styles */
body#tempPlain {
	background: #fff;
}
body#tempPlain textarea {
	width: 100%;
	padding: 2%;
}
body#tempPlain .label {
	line-height: 1.2em;
}
body#tempPlain .item {
	width: 100%;
	height: 2em;
	text-indent: 5px;
}
body#tempPlain input[type="text"], body#tempPlain textarea {
	background: #f5f5f5;
	border: 1px solid #e8e8e8;
	text-indent:5px;
}
body#tempPlain input.button {
	width: 100%;
	font-weight: bold;
}
body#tempPlain label{
	display: inline-block;
	margin-top: 5pt;
	font-weight: bold;
	line-height: 20pt;
	font-size: 9pt;
	color: #777;}

@media (min-width: 0px) and (max-width: 235px) {
		body#tempPlain input.button{
			font-size: .8em;}
}
.formRow{}
.formLeft, .formRight{
float: left;
width: 48%;}
.formLeft{
margin-right: 4%;}
.formRight{}




/* Buttons */

.button, a.button{
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
color: #464646;
text-decoration: none;
font-size: 1.1em;
border: 1px solid #ccc;
white-space: nowrap;}
	

.yellow{
	padding-right:40px;
	background: #fff60d;
	background: url(/images/arrowBtn.png) 95% center no-repeat, -moz-linear-gradient(#fff60d 0%, #ffd40a 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, -webkit-gradient(linear, 0 100%, 0 0, from(#fff60d), to(#ffd40a));
	background: url(/images/arrowBtn.png) 95% center no-repeat, -webkit-linear-gradient(#fff60d 0%, #ffd40a 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, -o-linear-gradient(#fff60d 0%, #ffd40a 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, -ms-linear-gradient(#fff60d 0%, #ffd40a 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, linear-gradient(to bottom, #fff60d 0%,#ffd40a 100%);}
.yellow:hover{
	background: #ffd40a;
	background: url(/images/arrowBtn.png) 95% center no-repeat, -moz-linear-gradient(#ffd40a 0%, #fff60d 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, -webkit-gradient(linear, 0 100%, 0 0, from(#ffd40a), to(#fff60d));
	background: url(/images/arrowBtn.png) 95% center no-repeat, -webkit-linear-gradient(#ffd40a 0%, #fff60d 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, -o-linear-gradient(#ffd40a 0%, #fff60d 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, -ms-linear-gradient(#ffd40a 0%, #fff60d 100%);
	background: url(/images/arrowBtn.png) 95% center no-repeat, linear-gradient(to bottom, #ffd40a 0%,#fff60d 100%);}

/* Sticky Affixes */
.preAffix{
	width:0px;
	overflow:hidden;
	color:#fff !important;}

.preAffix.affix{
	z-index:1;
	top:0px;
	margin-left:60px;
	display:block;
	width: 150px;
	overflow:visible;
	background: #f3ec19;
	color: #464646 !important;
	padding: 5px 0;
	text-align: center;
	line-height:20pt;}
	
.leftAffix{
	top:1em;}
	

.carousel-control.left, .carousel-control.right {
	background-image:none !important;
}