/* reset browser styles */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, th, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}

html, body {width:100%; display: table;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

ol { padding-left: 1.4em; list-style: decimal;}
ul {padding-left: 1.4em; list-style:square;}

table {border-collapse: collapse; border-spacing: 0;} 

/* end reset browser styles */


body { font: 11pt Lato, Arial, Helvetica, sans-serif; color: #2f2e2e; background: #fff; line-height:25px; overflow-x: hidden }

header {margin: 0 auto; width:100%; height:460px; background:#b6b6b6 url('../images/template/header-bg.jpg') no-repeat center top; }

nav {margin:0 auto; width:100%; background-color:#252525;background: -webkit-linear-gradient(#444, #1a1a1a); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#444, #1a1a1a); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#444, #1a1a1a); /* For Firefox 3.6 to 15 */
background: linear-gradient(#444, #1a1a1a); /* Standard syntax */ height:70px
}

article {margin: 0 auto; width:100%; overflow:auto; min-height:300px;}

footer {margin:0 auto; width:100%; background:#1a1a1a; padding:30px 0px; color: #fff}
footer a {
	color:#fff !important; text-decoration:none
}

#top-bar {
	background-color:#252525; width:100%; height:26px; color:#fff; padding-top:5px
}



ul {margin-top:20px;}
ul, li {line-height:25px}
img {border-width: 0px; }
p {margin: 20px 0}
input, textarea { padding: 5px;background: #fff;  color: #ccc; font: 9pt Arial, Helvetica, sans-serif; border: 1px solid #ccc; 
                  margin-bottom:5px; height:21px; width:250px; resize: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
                  box-shadow: inset 0 2px 8px rgba(0,0,0,0.3); 
                }

.active {
	margin: 0 auto; width:1024px
}
.image_border { -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
                background-color: #fff;
                border: 1px solid #ccc;
                padding: 3px;  
                margin: 8px;
              }
 
.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }
 
.fade:hover {opacity: 0.6;}

.center {text-align:center}
.right {text-align:right}
.hover img:hover { opacity:0.7 }
.contact {float:left; width:400px}
.appt {float:left}



.topnav { 
 	font-size: 0.8em;
  color: #000;
 	 	padding: 0px 0px 20px 0px;
 	 	text-transform:capitalize;
}

#back {
    padding: 7px 5px;
    background:transparent;
    color: #fff;
    position: fixed;
    bottom: 0;
    right: 5px;
    display: none; z-index:3000;}

/*-----------------------------------------------------------Div image hover-------------------------------------------------------------------------------------------------------------------------------*/
#hover:hover {opacity:1; filter:alpha(opacity=1);}

#hover {opacity:0; filter:alpha(opacity=0); margin-top:-180px; margin-left:50px; position: absolute;   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
#image:hover + #hover {opacity:1; filter:alpha(opacity=1); } 



/*-----------------------------------------------------------Social media hover icons-------------------------------------------------------------------------------------------------------------------------------*/
	  
.social { list-style:none; margin-left:-18px }
.social li { display:inline; float:left; padding-right:2px }
.social li a { display:block; width:40px; height:41px; position:relative; }
 
li.google { background-image:url('../images/template/google.png'); background-position:left; background-repeat:no-repeat }
li.blogger { background-image:url("../images/template/blogger.png");background-position:left; background-repeat:no-repeat }
li.facebook { background-image:url('../images/template/facebook.png'); background-position:left; background-repeat:no-repeat }
li.twitter { background-image:url("../images/template/twitter.png");background-position:left; background-repeat:no-repeat }
li.linkedin { background-image:url("../images/template/linkedin.png");background-position:left; background-repeat:no-repeat }
li.pinterest { background-image:url("../images/template/pinterest.png");background-position:left; background-repeat:no-repeat }
li.yext { background-image:url("../images/template/yext.png");background-position:left; background-repeat:no-repeat }



li.google2 { background-image:url('../images/template/google2.png'); background-position:left bottom; background-repeat:no-repeat }
li.blogger2 { background-image:url("../images/template/blogger2.png");background-position:left bottom; background-repeat:no-repeat }
li.facebook2 { background-image:url('../images/template/facebook2.png'); background-position:left; background-repeat:no-repeat }
li.twitter2 { background-image:url("../images/template/twitter2.png");background-position:left; background-repeat:no-repeat }
li.linkedin2 { background-image:url("../images/template/linkedin2.png");background-position:left; background-repeat:no-repeat }
li.pinterest2 { background-image:url("../images/template/pinterest2.png");background-position:left; background-repeat:no-repeat }
li.yext2 { background-image:url("../images/template/yext2.png");background-position:left; background-repeat:no-repeat }

.social:hover li { opacity:0.2; }
 
.social li { transition-property: opacity; transition-duration: 500ms; }
 
.social li:hover { opacity:1; }



/*-----------------------------------------------------------Login jQuery dropdown div-------------------------------------------------------------------------------------------------------------------------------*/

.container-main{
    width:100%;
    float:left;
}
.dropdownwrap h2 {
	color:#fff; padding-top:0px; margin-top:0px
}
.dropdownwrap{
    height:auto;
    float:left;
   
    background-color:#434343;
    display:none;
    padding:20px; width:100%; z-index:300000 !important; position:relative
}



/*-----------------------------------------------------------Consultation form pop-up-------------------------------------------------------------------------------------------------------------------------------*/


.overlay-bg {
display: none;
position: fixed;
top: 0;
left: 0;
height:100%;
width: 100%;
cursor: pointer;
background: #000; /* fallback */
background: rgba(0,0,0,0.5); z-index:10000
}
.overlay-content {
background: #fff;
padding: 2%;
width: 438px;
position: relative;
top: 15%;
left: 50%;
margin: 0 0 0 -250px; /* add negative left margin for half the width to center the div */
cursor: default;
border-radius: 4px;
box-shadow: 0 0 5px rgba(0,0,0,0.75); z-index:20000; 
}




.outer-box {
	 width:18%; padding:0px 20px 0px 0px; float:left; text-align:center; position:relative; margin-top:20px
}

.greybox {background-color:#333; padding:1px 0px 13px 0px; height:37px
	
}
.greybox h3 {
	color:#fff
}
h3.dbl_h3{
	position:relative; margin-top:-23px
}

hr.clear{
	clear:both; border-width:0;
}

/*-----------------------------------------------Inner Menu Bar---------------------------------------------------*/

	#inner-menu{background-color:#e68e00; height:40px; padding-top:10px;}

	#menu-bar{ position:relative; top:0px; height:52px;  margin:0 auto; margin-top:3px; z-index:100; }
	#menu-bar td{color: white; text-align:center; padding:0; padding: 0px 20px;}
	#menu-bar td a{color: white; text-decoration: none; padding:0; line-height: 1.2em;
display: block;}
		#menu-bar td a:hover{text-decoration: none;}
	#menu-bar td.current{background: url('../images/current-img.png') no-repeat center bottom; font-weight:bold;}
		#menu-bar td.current a:hover{text-decoration: none;}
		
/*------------------Google search box----------------------*/

.gsc-search-box-tools .gsc-search-box .gsc-input {box-shadow:none;}
.gsib_a {padding: 2px 6px 0; !important}