@charset "utf-8";
/* CSS Document */

/*General*/
/* Note 0.0625 x Pixel width = the number of EM to use (Provided you haven't changed the base font-size */
@-ms-viewport { width: device-width; }
* {box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html, body { width: 100%; margin:0; }
body { font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; background:#f3fbfe; color:#272e52; }
#wrapper { width: 100%; overflow: hidden; margin:0; padding:0; }
.clear {clear:both;height:1px;width:100%}
.content p, .morebar, .content li, .content td { /*font-size: 1.2em;*/ }
.visuallyhidden { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.hide {display:none;}
#content .contentinner article img {max-width:100% !important;max-height:auto !important;}
ul li {list-style-image:url(../images/bullet.png);}


/*------------------------- MOBILE MENU ----------------------------*/

#mobileNav-control {z-index:1000;cursor:pointer;}
#mobileNav-control {display:none}
#mobileNav {
	display:none; color:#fff;
	right: 10px;	top:72px;
	position: absolute;
	z-index:999;
	min-width:20em;
	max-width:96%;
	background: #3e1f24; 
	-webkit-box-shadow: 2px 3px 10px 1px #333333;
	box-shadow: 2px 3px 10px 1px #333333;
}
#mobileNav.left {left: 10px;right: auto;}
#mobileNav .mobile-menu-title {display:block;padding:1em 1em 0;font-style:italic}
#mobileNav ol {margin:0;list-style:none;padding-left:1.5em}
#mobileNav ol.toplvl {margin:0 0.5em 1em;}
#mobileNav li {display:block;position:relative}
#mobileNav a {display:block;padding:0.5em 0; color:#e9e2bd; border-bottom: 1px solid #250f12;}
#mobileNav a:hover {color:#dedfc0;}
#mobileNav a {margin-left:0.2em}
#mobileNav .toggle {cursor:pointer;width:3em;background-color:#eee;height:1.5em;position:absolute;left:-1.5em;top:5px;}

@media only screen and (min-width: 46em) { /*737px*/
	#mobileNav {display:none !important}
}
@media only screen and (max-width: 46em) { /*737px*/
	.horizontalMenu, .textHorizontalMenu {display:none;}
	#mobileNav-control {display:block}
	header #header {position:relative;}
	#mobileNav-control {width:45px;height:52px;position:absolute;right:10px;top:1em;width:2.5em;}
	#mobileNav-control.left {left:10px;right:auto;}
	#mobileNav-control span {display:block;height:7px;width:100%;}
	#mobileNav-control span.menubar {height:3px;-webkit-border-radius: 4px;border-radius: 4px; background:#aaca93;}	
}
@media only screen and (max-width: 28em) { /*448px*/
	#mobileNav {max-width:98%;width:98%;margin-left:1%;margin-right:1%;left:0;right:0;}
}

/*------------------------- MOBILE MENU END ----------------------------*/

/*Content Styling*/
a {
	color: #364F6F;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #364F6F;
	text-decoration: none;
	font-weight: bold;
}
#menu a {  background: #1ab7ea none repeat scroll 0 0;
    border-radius: 10px;
    color: #fff;
    margin: 10px;
    padding: 10px 20px;}
#menu a:hover {background:#7ac142;}
/*Header*/

#header {
	background-image:url(../images/header.jpg);
	background-color:#00265a;
	height:0;
	position:relative;
	padding-bottom:32%;
	background-repeat:no-repeat;
}
#shadow {display:none;}
#logo {padding:5px; }
#logo img {    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border-radius: 20px;
    max-width: 80%;
    padding: 5px;}
h1.headertxt { 	font-size: 1.1em;
	color: #fff;
	font-weight: bold;
	text-align:right;
	display:block;
	margin:0 10px 0 0;text-shadow:2px 1px 0 #000;
	}
/*Content*/
#contentbk {
	background:#fff;
	padding:1px 20px;
}
#contentbk #menu {
    text-align: center; margin:2em 0;
}
/* Google Maps */
#gmap {
	width: 100%;
	height: 280px;
	margin: 16px auto;
}
#photos {max-width: 350px; margin:auto;}
#photos img {max-width:100%;}
#photos .row img {max-width:48%; margin:2px; float:left;}
/*Footer*/

#footerWrap {
	margin:15px auto 0;
	font-size:0.8em;
	padding:0 20px;
}
#footerWrap img {max-width:100%;}
#footerWrap .left, #footerWrap .right { margin:1em 0;}
table.services td { display:block; vertical-align:top;}

@media only screen and (min-width: 28em) { /*448px*/ .button.left, .button.right { width:95%;}
#header { padding-bottom: 140px;}
table.services td { display:table-cell;}
#photos .row img {max-width:50%;}
 }

@media only screen and (min-width: 46em) { /*737px*/
#footerWrap .left { float:left; text-align:left; width:50%;}
#footerWrap .right { float:left; text-align:right; width:50%;}
}

@media only screen and (min-width: 60em) { /*960px*/
#wrapper {
	margin:15px auto 0;
}
#contentbk, #footerWrap {	width:960px; margin:auto;}
.services {
    float: left;
    width: 500px;
}
#header {}
#logo, #header h1 {display:block; width:960px; margin:auto;}
#shadow {
	position: absolute;
	left: -310px;
	top: 9px;
	width: 398px;
	height: 367px;
	overflow: hidden;
	display:block;
}
#photos {
	float:right;
	width:350px;
	margin-left:8px;
}

#menu {
	float:right;
	width:388px;
	margin: 20px 0;
}
#footerWrap {
	margin:15px auto 0;
	width:900px;
}
h2 {font-size:1.3em;
}
.super {font-size:0.9em;
margin-bottom: 5px;
}}