html, body {width:100%; margin:0 auto; font-family: Segoe UI, Arial; background:#e9e9e9; font-size: 18px;}
img {max-width: 100%;}
img#left {float:left; max-width: 35%; margin: 13px; margin-left: 0px;     box-shadow: 5px 5px 0px rgba(0,0,0,0.10);}
img#right {float:right; max-width: 35%; margin: 13px; margin-right: 0px;     box-shadow: 5px 5px 0px rgba(0,0,0,0.10);}
li {list-style-type: square;}
div#clear {clear: both;}
.center {text-align: center;}
a img:hover {opacity: 0.9;}
h1 {text-shadow: #000 2px 2px; background: #00b3ae; padding: 6px; color: #FFF;}
h2 {font-size: 24px; font-weight: 700; text-align: center; text-shadow: 2px 2px #aaa;}
h1 a, h2 a, h3 a, h4 a {text-decoration: none; color: #000;}

div#logo {float: left; font-weight: 900; line-height: 0px; text-align: right; color: #FFF; margin-right: 7px; text-shadow: 2px 2px #000; margin-left: 2%;}
div#logo  p {margin: 0;}
div#logo img {margin-top: -23px;}
div#menu-toggle { display: none; float: left; width: 100%; text-align: center; font-weight: bold; color: #4d4d4d; font-size: 18px; background-image: url(/templates/adamgatt/images/menu-toggle.png); background-repeat: no-repeat; background-position: 13px;}
nav#main-menu {float:right;}
nav#main-menu ul{margin: 0px; padding: 0px; width: auto; list-style: none; text-align: right; position: relative;}
nav#main-menu ul li{display: inline-block; margin: 0px 1px 1px 0px;}
nav#main-menu ul li.active > a{background: #00b3ae; }
nav#main-menu ul li a{color: #FFF; background: #4d4d4d; font-weight:bold; padding: 6px; text-transform: uppercase; font-size: 18px; line-height: 55px; text-decoration: none; display: block; width: 200px; height: 50px; text-align: center; text-shadow: 1px 1px #000;}
nav#main-menu ul li a:hover{color: #000; background-color: #00b3ae; text-shadow: 1px 1px #FFF;}
nav#main-menu ul li.active a{zoom: 1;}

nav#main-menu ul ul {display: none;}
nav#main-menu ul ul {float: left; background-color: transparent; width: 150px; position: absolute; z-index: 100000;}
nav#main-menu ul ul li {float: left; background-color: #4d4d4d; -color: #FFF; width: 200px; height: auto; margin-top: 2px;}
nav#main-menu ul ul li a {height: auto; width: 100%; font-size: 14px; line-height: 18px; text-align: left;}

div#content {padding: 30px; background-image: url(/templates/adamgatt/images/transparency80.png); margin: 2%;}
div#phone-number-mobile {display: none;}
div#phone-number {float:right;}
div#phone-number p {color: #FFF; font-size: 24px; font-weight: 700; margin-top: 3px; text-align: right; padding-right: 15px; text-shadow: 2px 2px #000;}

div.feature-button-wrapper {margin-top: 18px;}
div.feature-button {display: inline-block; zoom: 1; vertical-align: middle; padding: 10px 35px; font-size: 22px; line-height: 1.0em; cursor: pointer; background-color: transparent; border: 2px solid #000; color: #000; text-transform: uppercase; font-weight: 800; border-radius: 0px; -webkit-appearance: none; -webkit-transition-property: background-color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-property: background-colors; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease; transition-property: background-color; transition-duration: 0.3s; transition-timing-function: ease; border-radius: 20px; outline: none; margin: 20px;}

div#slideshow-wrapper {height: 0px;}

div#header, 
div#body, 
div#services-feature
{margin:0 auto; max-width: 1290px; padding: 6px; position: relative;}
div#header {margin-top: 30px;}

div.bi-feature {width: 46%; float:left; margin: 2%; border: 1px solid #000; background: #d9d9d9;}
div.tri-feature {width: 29%; float: left; margin: 2%; border: 1px solid #000; background: #d9d9d9;}
div.quad-feature {width: 21%; float:left; margin: 2%; border: 1px solid #000; background: #d9d9d9;}
div.tri-feature p, div.quad-feature p {padding: 13px; background: #d9d9d9;}
div.tri-feature h2, div.quad-feature h2 {color: #FFF; margin: -3px 0px -16px 0px; text-align: center; font-size: 22px; text-shadow: 2px 2px #000; }
div.tri-feature h2 a, div.quad-feature h2 a {background-color: #00b3ae; color: #FFF; display: block; padding: 6px;}
div.tri-feature h2 a:hover, div.quad-feature h2 a:hover {background-color: #00c3ae;}

.highslide-heading { display: none; }

@media screen and (max-device-width: 1340px){ 
	div#logo img {margin-top: 0; width: 300px;}
}

@media screen and (max-device-width: 1280px){ /*iPad Landscape*/
	nav#main-menu ul li a {width: 165px;}
	div#logo img {margin-top: 0; width: 270px;}
}

@media screen and (max-device-width: 800px){ /*iPad Portrait*/

	
}

@media screen and (max-device-width: 680px){ /*iPhone*/

	div#header {margin-top: 6px;}
	div#logo {float: left; text-align: center; width: auto; max-width: 100%; padding: 6px;}
	div#logo img {width: 100%;}
	div#phone-number {display: none;}
	div#phone-number-mobile {display: block;}
	div#phone-number-mobile p.slogan {display: none;}
	div#phone-number-mobile p {text-align: center; font-weight: 700; font-size: 26px; margin-top: 0px; float: left; width: 100%;}
	div#menu-toggle {display: block; width: 100%; float: left; background-color: #4d4d4d; line-height: 32px; font-size: 20px; text-align: center; color: #FFF; cursor: pointer; border-bottom: 1px solid #e9e9e9;}
	nav#main-menu {float: left; display: none;}
	nav#main-menu ul li {width: 100%;}
	nav#main-menu ul li a{width: 97%;}
	nav#main-menu ul ul {position: relative; width: 100%;}
	nav#main-menu ul ul li {width: 97%;}
	div#slideshow {display:none;}
	div.feature-button-wrapper {margin-top: 3px;}
	div.feature-button {padding: 10px 15px; font-size: 17px; margin: 8px;}
	div.bi-feature, div.tri-feature, div.quad-feature {width: 96%;}

}