@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

body {
	background-color: #EAEBEC;
}
body,td,th {
	color: #000000;
}
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 1.82%;
	padding-right: 1.82%;
	background-color: #EAEBEC;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
}
a[href^="tel"] {
  color: inherit; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}

#Top {
	clear: both;
	float: center;
	text-align: center;
	width: 100%;
	display: block;
}

#logo {
	clear: both;
	visibility: visible;
	display: block;
	float: center;
	width: 100%;
	text-align: center;
}
.logo	{
	float: center;
	height: auto;
}
#topcontact	{
	font-size: 2em;
	text-align: center;
}
.slicknav_menu{
	display: block;
}
.js .slicknav_menu {
		display:block;
	}
#Nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 96%;
	display: block;
}
#Nav ul li {
	list-style-type: none;
	float: left;
	margin-left: 0px;
}
#Nav ul li a {
	line-height: 30px;
	text-transform: capitalize;
	background-color: #9EB0BA;
	text-align: center;
	float: left;
	width: 90px;
	list-style-type: none;
	text-decoration: none;
	margin-left: 0px;
	border: 1px solid rgb(42,31,0);
	border-radius: 3px;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	color: rgb(255,255,255);
}
#Nav ul li a:hover {
	background-color: #8FA4AF;
	color: rgb(179,205,232);
}
* {
	margin: 0px;
	padding: 0px;
}
#Nav ul {

}
#navMenu {
	visibility:hidden;
	display:none;
}
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	display: inline-block;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  float: right;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: right;
  }

.rslides img {
  display: block;
  height: auto;
  float: right;
  width: 100%;
  border: 0;
  }
/*#slideshow {
	clear: both;
	float: right;
	display: block;
	position: relative;
	margin: 0 auto;
	visibility: visible;
} */
#mobSlider{
	clear: both;
	float: center;
	width: 100%;
	display: block;
	visibility: visible;
	}
#slider {
	clear: both;
	float: right;
	margin-left: 0;
	width: 100%;
	display: none;
	visibility: hidden;
}
#mainContent {
	clear: both;
	float:left;
	width: 96%;
	padding-left: 1.82%;
	padding-right: 2.82%;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 98%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo	{
	clear: both;
	visibility: visible;
	display: block;
	float: center;
	align-content: center;
	max-width: 800px;
}
#Top {
	clear: both;
	float: center;
	margin-left: 0;
	width: 100%;
	display: block;
}
.logo {
	clear: both;
	float: center;
	display: block;
}
#topcontact	{
	float: left;
	color: black;
	font-size: 1.5em;
	position: absolute;
	width: 38.7755%;
	text-align: left;
}
#mainimage {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
.js .slicknav_menu {
	display: none;
	}
#Nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#navMenu {
	visibility:visible;
	display:block;
	margin: 0;
	padding: 0;
}

#navMenu ul {
	margin:0;
	padding:0;
	
	}
	
#navMenu li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	position: relative;
	background-color: #6397B4;
	}	
#navMenu ul li a {
	text-decoration: none;
	height: 30px;
	width: 220px;
	display: block;
	color: #fff;
	border: 1px solid #000;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #000;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-ms-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
	line-height: 30px;
	text-align: center;
	}
	
#navMenu ul ul {
	position: absolute;
	visibility: hidden;
	top: 32px;
		}
#navMenu ul li:hover ul {
	visibility: visible;
	z-index: 1000;
	}		
	
	
	/*********************************************************/
	
#navMenu li:hover {
	background-color: #8fa4af;
	background-position: 8;
	}
	
#navMenu ul li:hover ul li a:hover {
	background:#ccc;
	color:#000;
	}	
	
#navMenu a:hover {
	color:#000;
	}	
#navMenu ul li .current {
	color:#000;
}

	#navMenu ul.sub2 {
		display:block;
	position: absolute;
		top: 0px;
		left: 151px;
	}	
	ul#navMenu .sub1 li:hover .sub2 {
		display: block;
	}
	
.clearFloat {
	clear:both;
	margin:0;
	padding:0;
	}
#mobSlider {
	clear: both;
	float: left;
	width: 98%;
	display: block;
	visibility: visible;
	}
#slideshow {
	clear: both;
	float: right;
	margin-left: 0;
	display: block;
	top: 0px;
	left: 0px;
	text-align: center;
}
	
#slider {
	clear: both;
	float: right;
	width: 100%;
	display: none;
	visibility: hidden;
}
#mainContent {
	clear: both;
	float: left;
	margin-left: 0px;
	width: 100%;
	display: block;
	padding-left: 0%;
	padding-right: 0%;
	}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}



}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.2%;
	max-width: 1000px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
/*#Top {
	clear: both;
	width: 100%;
	background-color: #EAEBEC;
}*/
#logo {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
	}
#topcontact	{
	float: left;
	color: black;
	font-size: 2em;
	position: absolute;
	width: 38.7755%;
	text-align: left;
}
#Telaphone	{
	clear: both;
	float:left;
}

#mainimage {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#Nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#navMenu ul li a {
	width: 325px;
	visibility: visible;
	display:block;
	}
#footer {
	clear: both;
	float: none;
	width: 100%;
	display: block;
	background-position: center;
	text-align: center;
	margin-left: 0;
}
h1 {
	color: rgb(0,0,0);
}


#contactUs {
	text-align: center;
	font-size: x-large;
	font-weight: bold;
}

.gridContainer.clearfix #LayoutDiv1 #Telaphone {
	font-size: medium;
	color: rgb(0,0,0);
	background-color:  #C6CBCD;
	text-align: center;
}
#mainContent {
	max-width: 1000px;
	clear: both;
	margin-left: 0;
	width: 100%;
	color: rgb(0,0,0);
	font-size: medium;
}
#bodycopy {
	clear:both;
	float:left;
	margin-left: 0;
	width: 48.7755%;
	max-width: 500px;
	}
#copy {
	max-width: 500px;
	clear:both;
	float:left;
	width: 48.7755%;
	position: absolute;
	}
#mobSlider	{
	visibility: hidden;
	display: none;
	}
#slider {
	clear:both;
	float: right;
	width: 48.7755%;
	max-width: 400px;
	visibility: visible;
	display: block;
}
#form1 {
	width: 100%;
	text-align: left;
}
}