body {margin: 0px;
	padding: 0px;
	background: #336699;
	font-family: helvetica;
	color: #ffffff;
	font-size: 15px;}
.wrapper {width: 950px;
margin: 0 auto;}

#header {position:fixed;
	top:0px;
	margin:auto;
	z-index:100000;
	width:100%;
	height:120px;
	background-image:url('images/headbg.jpg');
	background-repeat:repeat-x;
	}
#header-mob {
  display: none;
}
#menu {position: fixed;
	z-index: 10000;
	top:120px;
	height: 35px;
	width: 100%;
	background-color: black;}

#contentwrapper {position: relative;
	top: 155px;}
#contentwrapper .wrapper  #tri{
	background: #336699;	
	margin-left: -325px;
	padding-left: 325px;
	margin-right: -325px;
	padding-right: 325px;
	margin-bottom: 50px;}
	
#banner {background-color: white;
	height: 310px;
	width: 950px;}
	
#content {background-image:url('images/contentgrad.jpg');
	background-repeat:repeat-y;}
	
#columnright{ float: right;
	width: 245px;
	background-image:url('images/columngrad.jpg');
	background-repeat:repeat-y;
	border-style:solid;
	border-width:2px;
	border-color: #ffffff;
	margin: 15px 15px 15px 15px;
	color: white;
	padding:5px;}

#columnleft {padding: 15px 15px 50px 40px;}

img#title {float: left;
position:relative;
top: 15px;}

img#phone {float: right;
position:relative;
top: 35px;}

#menu {color: white;
	font-weight: bold;
	text-align: center;
	}
#menu #innerwrap{position:relative;
	top:5px;}
#menu #innerwrap span {
	font-size:30px;
	font-weight: lighter;
	margin: 0px 10px 0px 10px;}
	
#menu a {text-decoration: none;
	color: white;
	position:relative;
	top: -5px;}
#menu a:hover {text-decoration: underline;}
	
div#innerwrap br {
  display: none;
} 
form table {color: white;}

.sub {
	margin-left:15px;}

hr {margin:0px;
  margin-bottom: 15px;
  width: 95%px;
  position: relative;
  color: white;
  left: -0px;}

td {padding: 0px 5px 0px 5px;}
.footer {font-weight: bold;}
.footer br {line-height:11px;}

.clear {clear: both;}

.disc {font-size:10px; font-weight:light;}
img.left {float:left;
margin-right:10px;}
img.right {float: right;
margin-left:10px;}
div#header {}

#mainfoot {padding:10px;
	text-align: center;}
	
input[type=radio] {
  margin-left:10px;
  margin-right:4px;
}
div.tel {
  background-image:url('images/contentgrad.jpg');
  background-repeat:repeat-y;
  font-size: 2em;
  display: none;
  width:96%;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  padding: 2%;

}
div.tel a:link {
  color: #ffff00;
}
div.tel a:visited {
color: #ffff00;
}
div.tel a:active {
      color: #ffff00;
}
div.tel a:hover {
      color: #006633;
}
input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
}
form input[type=checkbox] {
   position: relative;
   top: 0px;
   left: 0px;}
label { 
  -webkit-appearance: push-button;
  -moz-appearance: button; 
  display: none;
  margin: 10px;
  cursor: pointer;
  color:black;
}


div.grid {
  width: 65%;
}
div.grid a {
  font-size: .9em;
  width:31%;
  height: 200px;
  background: #336699;
  float:left;
  margin-right: 1%;
  margin-bottom:1%;
  border-style: solid;
  border-width: 1%;
  text-align: center;
  text-decoration:none;
  color: #ffffff;
  border-color: #ffffff;
  font-weight: Bold;
  border-radius: 5px;
}
div.grid div.item h3{margin:0%;
}
div.grid div.item div.imgbox {width:80%;
padding:3%;
margin-left:auto;
margin-right: auto;
height:120px;
}
div.grid div.item div.imgbox img {
  width:100%;
  height:auto;
  max-height:120px;
}
div#columnsingle div.grid {
  width: 100%;
}

#foot-mob { 
display:none;
}
iframe {
	width: 550px;
	height: 350px;
}


/*MEDIA QUERY*/
/*MOBLIE VERSION*/
@media only screen and  (max-width : 414px) {
body { 	background-color: #336699;
  
}
/* Toggled State */
div#innerwrap {
	display:none;
}
input#toggle-1:checked ~ div#innerwrap {
   display: inline;
}
form#subform {
	display:none;
}
input#toggle-2:checked ~ form#subform {
   display: inline;
}
label { 
  display: inline;
}
.wrapper {
  width: 100%;
  margin: 0 auto;
}
#header {
	display:none;
}
div#header-mob {
background-image:none;
    background-repeat:repeat-y;
	background-size: cover;
    width: 100%;
    height: auto;
    display:inline;
    position:relative;
    z-index:2000;
}
div#header-mob img {
display:block;
width:80%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;}
#foot-mob {
	display:inline-block;
	background-color: #336699;
	width: 100%;
	color: white;
	text-align: center;
}

#menu {
  position: relative;
  z-index: 1000;
  top:0px;
  height: auto;
  width: 100%;
  background-color: #336699;
  padding-top:15px;
  -webkit-box-shadow: 0px 4px 5px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    0px 4px 5px rgba(50, 50, 50, 0.75);
  box-shadow:         0px 4px 5px rgba(50, 50, 50, 0.75);
}
#nav-wrapper {
	padding-bottom: 10px;
}
.menutext {
	margin: 0px;
}
.menutext br {
  display:inline;
}
div#innerwrap br {
  display: inline;
}
span.dt {
	display: none;
}

#columnright{
  float: none;
  width: 97%;
  background-image:none;
  background-size: cover;
  border-style:none;
  margin: 0px 0px 0px 0px;
  padding:5px;
}
#columnleft {
  padding: 10px;
}
#columnleft img {
	width: 98%;
	margin:1%;
}

img#title {
  float: none;
  position:static;
  width: 95%;
  top: 0px;
  height: auto;
}
#menu #innerwrap { top: 15px;}
#innerwrap a{
display: block;
}
img#phone {
  display: inline;
  float: none;
	top: 0px;
}
#contentwrapper {
	position: relative;
  top: 0px;
}
#banner {
  width: 100%;
  height: auto;
}
  
#banner img {
  width:100%;
}
#content-slider {height:auto;}
iframe {
	width: 100%;
	height: 50%;
}



hr {
	margin:0px;
  margin-bottom: 15px;
  width: 80%;
  position: relative;
  left: 0px;
}
div.fb-like-box {
	display: none;
}
.footer {
	display: none;
}
#contentwrapper .wrapper  #tri{
  background-image:url('');
  background-repeat:no-repeat;
  margin-left: 0px;
  padding-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
  margin-bottom: 0px;
}
div.tel {
  display: block;
}

div.grid {
  width: 100%;
}
div.grid a {
  font-size: .9em;
  width:45%;
  height:220px;
  background: #336699;
  float:left;
  margin-right:1%;
  margin-left:1%;
  margin-bottom:1%;
  border-style: solid;
  border-width: 1%;
  text-align: center;
  text-decoration:none;
  color: #ffffff;
  border-color: #ffffff;
  font-weight: Bold;
  border-radius: 5px;
}
div.grid div.item h3{margin:0%;
}
div.grid div.item div.imgbox {width:80%;
padding:3%;
margin-left:auto;
margin-right: auto;
height:120px;
}
div.grid div.item div.imgbox img {
  width:100%;
  height:auto;
  max-height:120px;
}
div#columnsingle div.grid {
  width: 100%;
}
} /* end media query */