body { background-color:#635E5B; height:100%;font:62.5%/1.5 Verdana,Arial,Helvetica,sans-serif; }
html { height:100% }
img { border-style:none }
button { border-style:none; background-color:transparent; vertical-align:top }
p:first-child { margin-top:0 }
table { empty-cells:hide }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0 }
.f-fp { margin-top:0 }

.clearfix:after { content: "."; 	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

::-moz-selection{background:#635E5B;color:#FFF;}
::selection{background:#635E5B;color:#FFF;}

em 		{ font-style:italic }
strong 	{ font-weight:bold }
h1 		{ color:#635E5B; font-weight:bold; font-size:1.2em; letter-spacing:0.24px; margin-top:0; margin-bottom:1em }
h1:first-child { margin-top:0 }
h1.callout { font-family:Georgia,Palatino,Times,serif; font-style:italic; font-size:2em; letter-spacing:1.0px; font-weight:bold; line-height:30px; margin-bottom:0.7em; }
h2 		{ color:#635E5B;font-weight:bold; font-size:1em; letter-spacing:0.2px; margin-top:0; margin-bottom:0.1px }
h2:first-child { margin-top:0 }
h2.callout	{ font-size:2em; line-height:1em; }
h3	{ font-family:Georgia,Palatino,Times,serif; color:#635E5B; letter-spacing: 1px; font-style:italic; font-size:1.2em; font-weight:bold; margin: 0 0 10px 0; }
h3.callout { font-family:Georgia,Palatino,Times,serif; font-style:italic; font-weight:bold; font-size:2em; letter-spacing:1px; line-height:30px }
h4, .headline	{ font-family:Georgia,Palatino,Times,serif; font-style:italic; font-size:1.2em; letter-spacing:1px; }
h4, .headline a	{ color: #635E5B; }
hr { color: #CCC; background: #CCC; border:0; height: 1px; margin: 10px 0; clear: both; }
hr.grey {color:#EFEFEF; background:#EFEFEF;}
p, .teaser 		{ color:#635E5B; font-size:1em; letter-spacing:0.2px; margin:0 0 1em }
p a, h1 a, h2 a, h3 a		{ color:#635E5B; }
p a:hover, p a:focus,
h1 a:hover, h1 a:focus,
h2 a:hover, h2 a:focus,
h3 a:hover, h3 a:focus	{ color:#827E7C; background:#FFF; }
a:hover, a:focus, a:visited	{ color:#827E7C; }

.homepage h1 {font-family:Georgia,Palatino,Times,serif; font-style:italic; font-size:2em; letter-spacing:1.0px; font-weight:bold; line-height:30px; margin-bottom:0.7em;  }
.homepage p { font-style:normal; font-size:1.0em; margin-bottom:12px; }

#site-container	{ background-color: #FFF; width:990px; background:#EFEFEF; z-index:1; margin:50px auto 0; }
#site-page	{ position:relative; height:100%; overflow:hidden; }
	#header	{ width:100%; height:210px; background: #FFF url(../images/headerpicnew.jpeg) 100% 0 no-repeat; position:relative; top:0; padding:0; }
	#content	{ width:100%; padding:40px 0 0; background:#EFEFEF; }
		#services	{ width:100%; height:425px; height:700px; padding:40px 0 0; background:#EFEFEF; }
		#quote, #blog	{ width:180px; float:right; margin:0 0 0 25px; padding:0 10px; font-family:Georgia,Palatino,Times,serif; font-style:italic; font-size:1.4em; }
		#blog	{ font-size:1em; }
		ul.blog	{ display:block;height:280px; overflow:hidden; }
		ul.blog li	{ display:block; overflow:hidden; text-overflow: ellipsis; max-height:270px }
		.blog .link	{ clear:both; margin:1em 0 0 !important }
		#main	{ width:560px; float:right; }
		#service	{ width:560px; height: 700px; float:right; }
			#main.fullwidth	{ width:785px; }
		#side	{ width:150px; padding:0 10px; float:left; margin:0 20px 0 0; position:relative; }
	#footer	{ clear:right;  width:763px; float:right; padding:7px 0 7px 10px;  background:#CFCDCC; /*position:absolute; bottom:0; right:12px;*/ }
#footer-container	{ clear:right;  width:950px; float:right; padding:7px 0 7px 10px; margin: 20px 12px 10px 0;  /*position:absolute; bottom:0; right:12px;*/ }

.ir		{ display:block; overflow:hidden; text-indent:-9999em; text-align:left; background:0 0 no-repeat; }
.ir.logo	{ position:absolute; left:5px; top:4px; width:170px; height:132px; z-index:1; background-image:url(../images/macariolewinlogogray.gif); }

#header h1	{ float:left; }

.nav.main	{ position:absolute; top:180px; left:205px; }
.nav li	{ float:left; }
.nav a	{ display:block; float:left; font-size:1.1em; color:#635E5B; margin:0 1.5em 0 0; padding:0.3em 0.5em; text-decoration:none; }
.nav.main a	{ border-bottom:1px solid #FFF; }
.nav a:hover, .nav a:focus, .nav a.on	{ color:#FFF }
.nav.main a.on	{ padding-bottom:20px; }

.nav.main a	{ border-bottom:2px solid; }
.nav .home a	{ border-color:#D7DE40; }
.nav .about a	{ border-color:#C5292A; }
.nav .services a	{ border-color:#DA7D2F; }
.nav .contact a	{ border-color:#55B9DD; }
.nav .blog a	{ border-color:#64AD51; }
.nav .careers a	{ border-color:#731d20; }
.nav .who a	{ border-color:#348E50; }
.nav .how a	{ border-color:#BC2125; }
.nav .news a	{ border-color:#D8DE40; }



.nav .home a:hover, .nav .home a:focus, .nav .home a.on	{ background:#D7DE40; }
.nav .about a:hover, .nav .about a:focus, .nav .about a.on	{ background:#C5292A; }
.nav .services a:hover, .nav .services a:focus, .nav .services a.on	{ background:#DA7D2F; }
.nav .contact a:hover, .nav .contact a:focus, .nav .contact a.on	{ background:#55B9DD; }
.nav .blog a:hover, .nav .blog a:focus, .nav .blog a.on	{ background:#64AD51; }
.nav .careers a:hover, .nav .careers a:focus, .nav .careers a.on	{ background:#731d20; }
.nav .who a:hover, .nav .who a:focus, .nav .who a.on	{ background:#348E50; }
.nav .how a:hover, .nav .how a:focus, .nav .how a.on	{ background:#BC2125; }
.nav .news a:hover, .nav .news a:focus, .nav .news a.on	{ background:#D8DE40; }
.nav .contact	{ width:auto; margin:0 }

.nav.secondary	{ position:absolute; top:100%; left:205px; min-width:43em }
.nav.secondary a	{ background:#635E5B; font-size:9px; color:#FFF; margin:0; padding:0.3em 1em; }
.nav.secondary a:hover, .nav.secondary a:focus, .nav.secondary .on	{ background:#AAA; color:#FFF; }

.nav.secondary.service_list, .nav.secondary.service_list a	{ background:#DA7D2F; }
.nav.secondary.service_list a:hover, .nav.secondary.service_list a:focus, .nav.secondary.service_list a.on	{ background:#DE9D4F }

.nav.secondary.about_list, .nav.secondary.about_list a	{ background:#C5292A; }
.nav.secondary.about_list a:hover, .nav.secondary.about_list a:focus, .nav.secondary.about_list a.on	{ background:#CF494A }

.nav.secondary.news_list {width: 492px;}
.nav.secondary.news_list, .nav.secondary.news_list a	{ background:#D8DE40; }
.nav.secondary.news_list a:hover, .nav.secondary.news_list a:focus, .nav.secondary.news_list a.on	{ background:#D8DE40 }

.nav.tertiary	{ display:block; width:100% }
.nav.tertiary li	{ float:none; width:100%; display:block; }
.nav.tertiary a	{ margin:0; width:100%; border-bottom:1px dotted #AAA }
.nav.tertiary a:hover, .nav.tertiary a:focus, .nav.tertiary a.on	{ background:#C5292A; color:#FFF; }

#footer a:link { color:#635e5b }
#footer a:visited { color:#635e5b }
#footer a:hover { color:#a19e9d }
#footer a:active { color:#a19e9d }

#footer_keywords	{ position:absolute; left:10px; bottom:90px; width:160px; max-height:300px; overflow:hidden; }
#footer_keywords a	{ color:#AAA; text-decoration:none; font-style:italic; }
#footer_keywords a:hover, #footer_keywords a:focus	{ color:#666; }

.trade_bodies	{  bottom:2px; left:9px; width:160px; }
.trade_bodies li	{ float:left; margin-right:12px; }

#quote p	{ line-height:1.4em }
#quote .cite	{ font-size:0.7em }

#footer p	{ letter-spacing:0.1em; margin-bottom:0.2em; font-size:1em; }

form	{ float:left; width:200px; }

.contact	{ width:250px; float:left; margin:0 50px 0 0; }
.contact input, .contact label, .contact textarea, .contact select	{ display:block; clear:both; border:1px solid #CCC; color:#635E5B; font-size:1.2em; padding:0.2em 0; width:100%; margin:0 0 0.5em; line-height:1.2em; height:1.2em; }
.contact label	{ border:none; clear:none; width:200px; font-size:1em; margin-bottom:0; }
.contact textarea	{ height:80px; }
.contact select	{ border:none; }

.contact input:focus, .contact textarea:focus,
.contact input:active, .contact textarea:active	{ border-color:#635E5B; color:#002503; }
.contact input:hover, .contact textarea:hover	{ border-color:#444; color:#002503; }
.contact input:focus + label, .contact textarea:focus + label,
.contact input:active + label, .contact textarea:active + label	{ color:#002503; }
.contact input:hover + label, .contact textarea:hover + label	{ color:#444; }

.contact input[type=hidden]	{ display:none; }

.contact.wide	{ width:350px }
.contact.wide input	{ width:200px; clear:none; float:left; } 
.contact.wide label	{ width:7em; float:left; margin-right:1em } 
.contact.wide li	{ clear:both; }

.contact.wide .submit	{ margin-left:80px; }


.submit, .contact .submit	{ width:auto !important; padding:0.3em 0.6em; height:auto; cursor:pointer; color:#635E5B; border-color:#CCC; background:#FFF; font-weight:bold; text-transform:uppercase; }
.submit:hover, .contact .submit:hover,
.submit:focus, .contact .submit:focus	{ background:#002503; color:#FFF; border-color:#002503; }

.vcard	{ display:block; float:left; width:45%; margin:0 4% 1em 0; }
.vcard .superfluous	{ display:none; }
.vcard .org	{ font-weight:bold; color:#635E5B }
.vcard p	{ margin-bottom:0 }
address	{ margin:0 0 0.5em; color:#635E5B }
#contact-info	{ float:right; display:block; width:450px; margin:0 30px 0 0; }
#map_area	{ float:left; display:block; width:775px; height: 380px; margin:0 30px 0 0; }
#map	{ border:1px solid #CCC; }
.note	{ margin:0.5em 0 }

#blog a	{ text-decoration:none;color:#635E5B; font-weight:bold; font-style:normal; padding:0 }
#blog a:hover, #blog a:focus	{ color:#827E7C; background:#64AD51; color:#FFF }
#blog h3{ margin-bottom:12px; }
#blog h3 a	{ font-style:italic; }
#blog h4	{ line-height:1.2em; margin-bottom:0.3em; }
#blog h4 a	{ font-family:Georgia,Palatino,Times,serif; font-style:italic; letter-spacing:0.24px; }
#blog h4 a:before	{ content: '_'; color:inherit; }
#blog p	{ font-size:1.2em; font-style:normal }
#blog li	{ margin-bottom:2em; }
#blog .read_more	{ font-size:1.2em; }

body.map #site-container {height: auto;}
body.map #content {height: auto;}
form.directions{width: 170px;}

#map { z-index:100 !important; background-color: #55B9DD; width:775px; height: 200px; text-rendering:optimizeLegibility; }
#map dl { clear: both; }
#map dl dt, #map dl dd {
	margin: 0; padding: 0 20px 0 0;
	float: left;
}
#map dt.location { padding: 11px 10px 0 0; }
#map dd { padding: 2px 20px 2px 0; }
#map dd.location, #map .location input,
#map dd.destination, #map .destination select { width:200px; }
#map dd.location, #map .destination { padding: 7px 20px 0 0; }
#map input.button { height: 25px; padding: 0 10px; margin: 5px 0; }
#map label	{ color:#000; font-weight:bold; }
#map h4		{ color:#000; }

#map #map_head, #map #direction_list { padding:10px 0; clear:both;}
#map #map_canvas	{ width:100%; height:350px; display:block; float:left; clear:both; z-index:10000 !important; margin: 20px 0 0 0; }

#map #map_canvas h3 { color: #000; }
#map #map_canvas a { color: #2200C1; }
#map #map_canvas a:hover { color: #165103; }

#direction_list { margin:20px 0 80px 0; clear:both; background:#FFF; display:none }
#map .view		{ clear:both; display:block; padding:0.5em 0; margin:0.5em 0; font-size:1.2em; font-weight:bold; }
.popup .view	{ color:#222 }
.popup .view:hover,
.popup .view:focus	{ color:#2C500A }

#contact_page #map	{ display:none; width:600px }
#contact_page #map dt	{ display:block; width:100%; }