@import '_reset.css';

.clearfix:before,.clearfix:after{content:' ';display:table;}
.clearfix:after{clear:both;}

body{color:#233d2b;background-color:#105425;font-family:Arial,Helvetica,sans-serif;font-size:0.8em;line-height:1.3;}

#wrapper{position:relative;width:90%;max-width:1000px;margin:0 auto;padding:0 0 1em 0;background:#efecd4 url("art/bg_body.jpg") no-repeat center top;background-size:100% auto;}

#wrapperimg{position:relative;width:100%;height:auto;margin:0 auto;}

div.contentarea{padding:0 2em;}

#footdots{width:100%;height:2px;margin:2em 0 1em 0;background:transparent url('art/gr_dots.jpg') no-repeat center top;}

h1{margin:0 0 0.2em 0;padding:0;color:#105425;font-family:Garamond,'Times New Roman',Times,serif;font-weight:normal;font-size:3.5em;}
h2{margin:0 0 0.2em 0;padding:0;color:#105425;font-family:Garamond,'Times New Roman',Times,serif;font-weight:bold;font-size:1.8em;font-variant:small-caps;}
h3{position:absolute;top:144px;left:148px;margin:0;padding:0;color:#105425;font-family:Garamond,'Times New Roman',Times,serif;font-weight:normal;font-size:1.2em;font-style:italic;letter-spacing:0.5mm;}
h4{margin:0 0 0.4em 0;padding:0;color:#105425;font-family:Garamond,'Times New Roman',Times,serif;font-weight:bold;font-size:1.6em;font-variant:small-caps;}

p,ul,ol,table,iframe{margin:0 0 1em 0;}
.bodynb{margin:0;}

hr{margin:1em 0 2em 0;border:0;height:1px;background-image:-webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));background-image:-o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));}

ul{list-style-type:disc;}
ul li{margin-left:2em;}

input[type=text]{width:20em;}
textarea{width:20em;height:5em;}

strong,b{font-weight:bold;}
em,i{font-style:italic;}

a,a:visited{color:#105425;text-decoration:underline;}
a:hover,a:active{text-decoration:none;}

a img:hover,a img:active{opacity:0.8;}

#mobilenavwrap{display:none;}

ul#nav{list-style-type:none;margin:0 0 0 2em;}
ul#nav li{position:relative;float:left;margin:0;}
ul#nav li a,ul#nav li a:visited{display:inline-block;padding:0.4em 1.2em 0.5em 0.2em;font-family:Garamond,'Times New Roman',Times,serif;font-weight:bold;font-size:1.1em;text-decoration:none;}
ul#nav li a:hover,ul#nav li a:active{text-decoration:underline;}

ul#nav li:hover span.nav1menu{display:block;}

ul#nav li span.nav1menu{display:none;position:absolute;top:2em;left:0;}
ul#nav li span.nav1menu a,ul#nav li span.nav1menu a:visited{display:block;width:15em;padding:0.4em 0.5em;color:#105425;background-color:#ece7c1;text-decoration:none;border-right:1px solid #105425;border-top:1px solid #105425;border-left:1px solid #105425;white-space:nowrap;}
ul#nav li span.nav1menu.lesswidth a{width:8em;}
ul#nav li span.nav1menu a:last-child{border-bottom:1px solid #105425;}
ul#nav li span.nav1menu a:hover,span.nav1menu a:active{color:#ece7c1;background-color:#105425;}

#contact{position:absolute;top:6em;right:2em;color:#9b956d;font-size:0.8em;line-height:1.7;}
#footercontact{display:none;color:#9b956d;font-size:0.8em;text-align:center;}

#synergy{left:180px;margin-top:-0.3em;color:#000;font-weight:bold;font-size:1.5em;font-style:normal;text-align:left;letter-spacing:0;}

#harleylink a,#harleylink a:visited{display:block;width:auto;margin:-2em 0 2em 2em;font-weight:bold;text-decoration:none;}
#harleylink a:hover,#harleylink a:active{text-decoration:underline;}

#clientlogin{margin:1.5em 0 1em 0;padding:0 2em 0 0;text-align:right;}
#clientlogin input{width:10em;height:1.4em;padding:0 0 0 0.5em;color:#000;background-color:#fff;font-size:0.8em;border:none;}

.homedots1{width:100%;height:2px;margin:1em 0;background:transparent url('art/gr_dots.jpg') no-repeat center top;}
#homephoto{display:block;width:100%;height:auto;}
#logostrip{display:block;width:90%;max-width:834px;margin:0 auto;}

#homelinks{list-style-type:none;margin:2em 0 0 0;text-align:center;}
#homelinks li{display:inline;margin:0;}
#homelinks li a{display:inline-block;padding:0 1em;}

ul.portfolio{list-style-type:none;}
ul.portfolio li{display:inline;margin:0 1em 0 0;}

ul.blocks{list-style-type:none;margin:0;}
ul.blocks li{float:left;margin:0 2em 1em 0;}

table#contactform tr td{vertical-align:top;padding-right:1em;}

iframe#googlemap{width:400px;height:350px;}
iframe.youtubevideo{width:560px;height:315px;}

.floatright{float:right;margin:0 0 1em 2em;}
.spaceleft{margin-left:2em;}
.red{color:#c00;}
.nowrap{white-space:nowrap;}

@media only screen and (max-width:1000px){
	h3{top:130px;left:140px;font-size:1em;}

	ul#nav li{font-size:0.95em;}
	ul#nav li a,ul#nav li a:visited{padding:0.35em 1.2em 0.45em 0.2em;}

	#contact{top:5em;line-height:1.6;}
	#synergy{left:160px;font-size:1.45em;}
}

@media only screen and (max-width:940px){
	h3{top:124px;left:132px;font-size:0.9em;}

	ul#nav li{font-size:0.9em;}
	ul#nav li a,ul#nav li a:visited{padding:0.3em 1.2em 0.4em 0.2em;}

	#contact{top:4.5em;line-height:1.5;}
	#synergy{left:140px;font-size:1.4em;}
}

@media only screen and (max-width:880px){
	h3{top:116px;left:124px;font-size:0.8em;}

	ul#nav li{font-size:0.85em;}
	ul#nav li a,ul#nav li a:visited{padding:0.25em 1.2em 0.35em 0.2em;}

	#contact{top:4em;line-height:1.4;}
	#synergy{left:130px;font-size:1.35em;}
}

@media only screen and (max-width:820px){
	h1{font-size:2.2em;}
	h2{font-size:1.6em;}
	h3{top:104px;left:120px;font-size:0.6em;}

	ul#nav li{font-size:0.7em;}
	ul#nav li a,ul#nav li a:visited{padding:0.2em 1.1em 0.3em 0.2em;}

	#contact{display:none;}
	#footercontact{display:block;}
	#synergy{display:none;}
}

@media only screen and (max-width:700px){
	#wrapper{background-image:url("art/bg_body_alt.jpg");}

	div.contentarea{padding:0 1em;}

	h1{font-size:2em;}
	h2{font-size:1.4em;}
	h3{display:none;}

	input[type=text]{width:10em;}
	textarea{width:10em;height:5em;}

	img{max-width:100%;}

	#mobilenavwrap{display:block;}
	#mobilenavwrap img{float:right;width:auto;height:40px;padding:0 0.5em;margin:1.5em 1em 0.5em 0;background-color:#fff;cursor:pointer;}

	ul#nav{display:none;margin:0;}
	ul#nav li{display:block;float:none;padding:1em 1.5em 1em 0;background-color:#233d2b;font-size:1.1em;text-align:center;border-bottom:1px solid #efecd4;white-space:nowrap;}
	ul#nav li:last-child{border-bottom:none;}
	ul#nav li a,ul#nav li a:visited{display:inline-block;width:100%;height:100%;color:#efecd4;}

	ul#nav li span.nav1menu{display:block;position:relative;top:0;left:0;width:100%;padding-left:0.7em;}
	ul#nav li span.nav1menu a,ul#nav li span.nav1menu a:visited{display:block;width:auto;padding:1em 1.2em 1em 1.2em;color:#efecd4;background-color:#233d2b;font-size:0.8em;border:none;border-top:1px solid rgba(239,236,212,0.5);}
	ul#nav li span.nav1menu.lesswidth a{width:auto;}
	ul#nav li span.nav1menu a:first-child{border-top:none;}
	ul#nav li span.nav1menu a:last-child{border-bottom:none;}
	ul#nav li span.nav1menu a:hover,span.nav1menu a:active{color:#efecd4;background-color:#233d2b;text-decoration:underline;}

	#harleylink{display:none;}
	#clientlogin{display:none;}

	#homelinks li{display:block;margin:0;}
	#homelinks li a{display:block;padding:0.5em 1em;}

	.floatright{float:none;margin:0 0 1em 0;}

	#golf{max-width:50%;}

	iframe#googlemap{width:100%;height:200px;}
	iframe.youtubevideo{width:100%;height:auto;}
}