/*
Theme Name: Lakeside Marina
Author: David Meade
Author URI: DaveMeadeMedia.com
Description: Lakeside Marina
Version: 1.0
*/
* {
	margin: 0 auto 0 auto;
	text-align: left;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family: sans-serif;
	/*background: url(img/<insert_image_here>.jpg) #eeeeee;
	background-repeat: no-repeat;
	background-position: center top;*/
	background: linear-gradient(to bottom, #C6DDE4, #FEFEFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
	height: 100%;
	letter-spacing: .04em;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*************************************************************
**************************************************************
**************************************************************
**************************************************************
**************************************************************/



body {
	text-align: left;
	font-size: 13px;
	font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	/*background: url(img/bg-pattern1.png) #383838;*/
	/*background: linear-gradient(to bottom, #C6DDE4, #FEFEFF) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background: linear-gradient(to bottom, #22324C, #FEFEFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
	
}

h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 24px; line-height: 30px;
}

h2 {
	color: #fc16c0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 22px; line-height: 28px;
}

h3 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 20px; line-height: 26px;
}

h4 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; line-height: 24px;
}

h5 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 16px;
}

h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
	color: #464b21 !important;
	font-weight: 100;
	font-style: normal; 
}

label {
	display: inline-block;
	width: 150px;
}

p {	
	text-align: left;
	font-size: 13px;
	font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	margin-bottom: 2%;
}

strong {
	font-weight: bold;
}

.agm_google_maps {
	float: left;
	max-width: 450px !important;
	width: 100% !important;
}

.agm_google_maps > div {
	margin-top: 5%;
	max-width: 450px;
	width: 100%;
	border: 1px solid #3B3B3B;
}



#address {
  float: left;
  width: 50%;
}

#google-map {
  float: right;
  margin-left: 2%;
  width: 45%;
}





.google-map {
	float: left;
	margin-bottom: 5%;
}



#homepage-form {
	max-width: 450px;
	width: 100%;
	float: right;
	margin-left: 5%;
	margin-top: 12px;
}

.gform_button {
  background-clip: padding-box;
  background-color: #90B575;
  background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.15) -17%, rgba(255, 255, 255, 0.15) 117%);
  border: 1px solid rgba(87, 121, 63, 0.8);
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  color: #FFFFFF;
  font-weight: bold;
  margin: 10px 0 0;
  padding: 7px 10px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  width: 150px;
}

.gform_button:hover {
  background-clip: padding-box;
  background-color: #90B575;
  background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.35) -17%, rgba(255, 255, 255, 0.15) 117%);
  border: 1px solid rgba(87, 121, 63, 0.8);
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
  color: #FFFFFF;
  font-weight: bold;
  margin: 10px 0 0;
  padding: 7px 10px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  width: 150px;
}

.gform_wrapper form {
  text-align: left;
  border: 1px solid #3B3B3B;
  padding: 5%;
  max-height: 300px;
}

.gform_wrapper form {
	background: rgba(183,48,36,.8);
}

.gform_wrapper h3.gform_title {
  letter-spacing: normal !important;
  margin-bottom: 25px !important;
  text-decoration: underline;
  color:  #fff !important;
  text-align: center;
}

.gform_description {
	color: #FFF;
}

.gfield_label {
	color: #FFF;
}


#field_1_2 {
  margin-left: 100px !important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
  width: 66% !important;
}


.button.gform_button {
  margin-left: 38%;
}



#sidebar {
	margin-right: 10px;
}

#sidebar #content ul, #sidebar #content li {
	list-style-type: none !important;
}

#sidebar #field_1_2 {
	margin: 0 !important;  
}
#sidebar .gform_wrapper {
  margin: 0 0 5% 0 !important;
}

#sidebar .button.gform_button {
  margin-left: 25%;
}

.slide.current > img {
  height: 90% !important;
  width: 90% !important;
}





.container {
	max-width: 970px;
	width: 100%;
	margin: auto;
	height: 100%;
 	padding: 0;
  	position: relative;	
}

.nav-container {
	max-width: 320px;
	width: 100%;
}

.container>h2, #container>span {
	color: #333333;
}

#content ul, #content ul li, #content ul li a {
	font-family: georgia;
	font-size: 16px;
	color: #333333;
}

#content ul, #content li {
  	list-style-type: circle;
}

#content li {
	padding-left: 2%;
}

#content ul {
	padding-left: 4%;
}

#content {
	min-height: 600px;
	background: #FFFFFF;
	padding: 0 20px;
	overflow: hidden;
	line-height: 1.4em;
	letter-spacing: 1.2px;
	width: 68%;
	float: left;
}

#content img {
	margin: 2%;
	float: right;
}

#content p {
	/*padding-top: 2%;*/
	color: #666666;
}

#content-wrap {
  background-color: #FFFFFF;
  min-height: 100%;
  padding: 0;
}

.entry-content {
	background: #FFFFFF;
	min-height: 500px !important;
	margin-bottom: 5%;
	float: left;
}

#home-content {
	background: #FFFFFF;
	min-height: 700px !important;
	margin-bottom: 5%;
}

#home-content p {
	text-align: center;
}

#home-content h1 {
	font-size: 30px;
	text-align: center;
	margin-top: 3%;
	margin-bottom: 2%;
}

#home-content article .entry-content{
	background: #FFFFFF
	text-align: center;
	margin-bottom: 4%;
	min-height: 630px;
	width: 100%;
}

.home-widget-container {
	float: left;
	margin-bottom: 10%;
	width: 100%;
}

.home-widget li {
	margin-bottom: 10px;
}

.home-widget ul {
	list-style: disc outside none !important;
	margin-left: 5%;

}

.home-widget {
	float: left;
	background: none repeat scroll 0 0 #FFFFFF;
	border-radius: 2em;
	/*box-shadow: 0 4px 3px rgba(255, 214, 0, 0.4), 0 8px 13px rgba(255, 214, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);*/
	box-shadow: 0 4px 3px rgba(75, 38,33, 0.4), 0 8px 13px rgba(75, 38, 33, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);
	float: left;
	margin: 2% 1% 2% 0;
	padding: 15px;
	width: 29%;
}


.home-widget h1 {
  margin-bottom: 10% !important;
  text-align: center;
  font-size: 20px !important;
}
.entry-content h1 {
	margin-top: 3% !important;
}

.entry-header {
  background-attachment: scroll;
  background: #fff;
  background-position: left center;
  background-repeat: repeat-x;
  font-size: 20px;
  letter-spacing: 1px;
  margin: 0;
  
}

.entry-title {
	display: none;
}

.fluid {
	float: left;
	width: 100%;
}

.gmap > div > div > div {
  max-width: 600px;
  width: 100% !important;
}

#mobile-nav-bar {
	display: none;
	position: relative;
}

#page-title {
  background-attachment: scroll;
  background-image: url("img/divider1.png");
  background-position: left center;
  background-repeat: repeat-x;
  font-size: 20px;
  letter-spacing: 1px;
  margin: 10px;
}

#page-title span {
	background: #FFFFFF;
	padding: 0 10px
}

.read-more {
  background: none repeat scroll 0 0 #22324C;
  border-bottom-left-radius: 15%;
  border-top-right-radius: 15%;
  color: #FFFFFF;
  float: right;
  line-height: 20px;
  padding: 2%;
  margin-top: 5%;
}

.read-more a {
	color: #FFFFFF;
	text-decoration: none;
}

.rev_slider_wrapper {
	border: 1px solid #DDDDDD;
}

.scrollup {
	right: 96px !important;
}

#sidebar {
	background: #FFFFFF;
	width: 26%;
	float: right;
	min-height: 600px;
}

#sidebar-optin {
  /*background: none repeat scroll 0 0 #F69727;*/
  background: rgba(183,48,36,.8);
  border-radius: 2em;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);
  float: right;
  margin: 2% 1% 2% 0;
  padding: 15px;
  max-width: 220px;
  width: 100%;
  overflow: hidden;
  height: auto;
}

#slide-menu {
	display: none;
}

#wrapper {
	border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-webkit-border-radius: 1em; 
  margin: 1.5% auto;
  padding: 0;
  position: relative;
  max-width: 990px;
  width: 100%;
  background: #FFFFFF;
  display: block;
  box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.4), 0 8px 13px rgba(0, 0, 0, 0.1), 0 18px 23px rgba(0, 0, 0, 0.1);  
}


/*************************************************************
**************************************************************
**************************************************************
**************************************************************
**************************************************************/


/* CSS For Blog Content */

#blog-content {
	float: left;
	margin-bottom: 5%;
}

#blog-content img {
	max-width: 200px;
	height: auto;
	border-left: 1px solid #3B3B3B;
	border-top: 1px solid #3B3B3B;
	border-right: 2px solid #3B3B3B;
	border-bottom: 2px solid #3B3B3B;
	float: left;
	margin: 2% 2% 2% 0;
}

#blog-content a {
	text-decoration: none;
	color: #832119;
}

#blog-content .entry-content {
	min-height: 200px !important;
	margin-bottom: 10%;
}

.featured-image-thumbnail {
	float: right;
}


/* CSS For Single Blog Content */

#single-blog-content {
	float: left;
	margin-bottom: 10%;
	min-height: 500px;
}

#single-blog-content img {
	max-width: 200px;
	height: auto;
	border-left: 1px solid #3B3B3B;
	border-top: 1px solid #3B3B3B;
	border-right: 2px solid #3B3B3B;
	border-bottom: 2px solid #3B3B3B;
	float: left;
	margin-left: 2%;
}

#single-blog-content a {
	text-decoration: none;
	color: #832119;
}

#single-blog-content .entry-content {
	min-height: 200px !important;
	margin-bottom: 10%;
}

#single-blog-content ul, #single-blog-content li {
	list-style-type: none !important;
}

#single-blog-content ul {
	padding: 0;
}

#single-blog-content ul li a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
}

#single-blog-content h2 {
	margin-bottom: 5%;
}

.tab-content {
	margin-top: -20px;
	border: 1px solid #DDDDDD;
	border-top: none;
}

.tab-content {
	width: 600px;
	padding: 10px;
}

.tab-content img {
	max-width: 400px !important;
	float: left;
}

.nav.nav-tabs a:hover {
	background: #832119;
	color: #FFFFFF !important;
}


/***********************************
***********************************
***********************************
***********************************/

/* CSS For Pagination */

a.page-numbers {
    color:#3B3B3B;
    font-size:14px;
    border:1px solid #999;
    padding:4px 4px;
    text-decoration:none;
    font-weight:bold;
    background:#e5e5e5;
    margin-bottom: 10px;
}

a.page-numbers:hover {
    color:#fff;
    font-size:14px;
    border:1px solid #aaa;
    padding:4px 4px;
    text-decoration:none;
    font-weight:bold;
    background:#832119;
}

.pagination {
	margin-bottom: 10px;
	float: left;
}

/***********************************
***********************************
***********************************
***********************************/


/* CSS For Footer Elements */


#copyright {
  width: 49%;
  float: left;
}

#design-by {
	float: right;
}

#footer>h1, #footer>h2, #footer>h3, #footer p, #footer>span{
	color: #303030;
}

#footer {
	padding-top: 10px;
	padding-bottom: 20px;
	min-height: 150px
}

#footer li {
	margin-bottom: 4%;
	margin-left: 0; /* over-rides the margin in the header social icons */
}

#footer a {
	text-decoration: none;
}

#footer-credits a {
	text-decoration: none;
}

#footer-credits a:hover {
	color: #FFFFFF !important;
}
	
#footer h1 {
	font-size: 18px;
}

#footer h2 {
	font-size: 16px;
	background-image: url(img/divider1.png);
	background-repeat: repeat-x;
	background-position: left center;
	width: 100%;
	color: #FFFFFF;
	margin-bottom: 20px;
}

#footer h2>span {
	background-color: #FFFFFF;
	width: 100%;
	padding-right: 4%;
	color: #303030;
	margin-left: -2px;
}

#footer h3 {
	font-size: 14px;
}

#footer h4 {
	font-size: 12px;
}

#footer .social-icons {
  	float: left;
  	margin-left: 0;
  	margin-top: 20px;
}

footder p {
	line-height: 15px;
	margin: 0;
}

footer a, footer a:hover, footer a:visited {
	color: #303030;
	text-decoration: none;
}

#footer-credits {
	padding: 0 10px;
	min-height: 36px;
	margin-top: 28px;
}

#footer-credits a {
	color: #989898;
}

#footer-credits p {
	margin: 0;
}

#footer-credits a:hover {
	color: #303030;
	transition: color 0.3s linear 0s;
	-webkit-transition: color 0.3s linear 0s;
	-moz-transition: color 0.3s linear 0s;
	-ms-transition: color 0.3s linear 0s;	
}

#footer-container {
	float: left;
	min-height: 80px;
	height: auto;
	width: 100%;
	max-width: 990px;
	background: #FFFFFF;
	padding-top: 10px;
}

#footer-left {
	float: left;
	width: 29%;
}

#footer-middle {
	float: left;
	width: 29%;
}

#footer-right {
	float: right;
	width: 29%;
	padding: 10px;
}

#footer-wrap {
  	background: none repeat scroll 0 0 #FFFFFF;
  	display: block;
  	float: left;
  	overflow: hidden;
  	width: 100%;
	border-top: 1px solid #DDDDDD;  
}

#footer .address-icon {
	background-image: url("img/home.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 45px;
	float: left;
	margin-right: 8px;
	position: relative;
	display: block;
}

#footer .mail-icon {
	background-image: url("img/mail.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 11px;
	float: left;
	margin-right: 8px;
	margin-top: 2px;
	position: relative;
	display: block;
}

#footer .phone-icon {
	background-image: url("img/phone.png");
	background-repeat: no-repeat;
	width: 16px;
	height: 19px;
	float: left;
	margin-right: 8px;
	position: relative;
	display: block;
	margin-top: -2px;
}

#footer .mobile-icon {
	background-image: url("img/mobile.png");
	background-repeat: no-repeat;
	width: 15px;
	height: 25px;
	float: left;
	margin-right: 8px;
	position: relative;
	display: block;
	margin-top: -2px;
}

#sub-footer-wrap {
	float: none;
	background: #242424;
	width: 100%;
	overflow: hidden;
}

/* END OF CSS FOR FOOTER*/




/* CSS For the Header */



[title~=phone]:before {
	content: "\260E";
	display: inline-block;
	margin-right: 0.5em;
	color: #FFF;
	font-size: 25px;
}

#header .left {
  float: left;
  width: 30px !important;
}

#header-wrap .mail-icon {
	background-image: url("img/email-3-24.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 9px;
	margin-top: 3px;
	position: relative;
	display: block;
}

#header-wrap .mobile-icon {
	background-image: url("img/phone-46-24.png");
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 9px;
	position: relative;
	display: block;
	margin-top: 3px;
}

.mobile > div {
  color: #FFF;
  text-decoration: none;
}

.mobile > div {
  background: none repeat scroll 0 0 #22324C;
  border-radius: 2em;
  padding: 4px 0px 4px 12px;
  box-shadow: 0 1px 2px #fff, /*bottom external highlight*/
  0 -1px 1px #666, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(34,50,76,0.8); /*top internal highlight*/
}

.mobile {
	display: none;
}

.desktop {
	display: block;
}

#mobile-div {
	background: #3B3B3B;
}




.call-us {
	float: left;
	line-height: 32px;
	margin-right: 5px;
	color: #3B3B3B;
	/*font-weight: bold;*/
	width: 208px;
}

.call-us a {
	text-decoration: none;
	color: #303030;
}

#close-menu {
	display: none;
}

#close-menu {
	display: inline-block;
	position: relative;
	color: #000;
	margin: 0;
}

#close-menu a {
	color: #000;
	line-height: 40px;
	text-decoration: none;
	font-weight: bold;
}

#close-menu a:hover {
	color: #000;
}

#close-menu a:visited {
	color: #000;
}


#header-wrap {
	float: left;
	min-height: 50px;
	height: auto;
	width: 100%;
	background: #fff;
	overflow: hidden;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-ms-border-radius: 1em;
	-webkit-border-radius: 1em; 	
}

#home-nav-wrap {
	background: #fff;
	height: auto;
	display: block;
	height: 56px;
	padding: 10px 0 0 0;
	border-bottom: 0 solid #D9D9D9;
	margin-bottom: 0;
	width: 100%;
}

.header-nav a {
	line-height: 40px;
}

.header-right {
	float: right;
	margin-top: -66px;
	margin-right: 10px;
}

.header-separator {
	/*
	float: left;
	line-height: 64px;
	border-right: 1px solid #000;
	margin-top: -16px;
	*/
	
	float: left;
	width: 1px;
	height: 52px;
	margin: -8px 5px 0 5px;
	background-image: radial-gradient(#000, #FFF), radial-gradient(#CCC, #FFF);
	background-position: 0, 100%, 0, 100%;	
}

.logo {
	display: block;
	width: 100%;
	margin-top: 30px;
	/*margin-left: 10px;*/
}

#menu-image {
	max-width: 50px;
	width: 100%;
	float: left;
}

.container>#nav-bar {
	width: 100%;
	display: block;
	max-width: 970px;
	height: 56px;
}

#nav-wrap {
	background: #fff;
	height: auto;
	display: block;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #D9D9D9;
	margin-bottom: 43px;
}

#open-menu {
	display: inline-block;
	position: relative;
	color: #000;
	margin: 0;
}

#open-menu a {
	color: #000;
	line-height: 40px;
	text-decoration: none;
	font-weight: bold;
}

#open-menu a:hover {
	color: #000;
}

#open-menu a:visited {
	color: #000;
}

#show-nav {
	display: none;
}

/* END OF CSS FOR HEADER*/



/*************************************************************
**************************************************************
**************************************************************
**************************************************************
**************************************************************/



/* CSS For Social Icons  in Header */

.buttons li {
	display: inline-block;
}

.email {
	background: url(img/sprite-32px.png) no-repeat -128px 0;
}

.email:hover{
	background: url(img/sprite-32px.png) no-repeat -128px -35px;
}

.facebook {
	background: url(img/sprite-32px.png) no-repeat 0 0;
}

.facebook:hover{
 	background: url(img/sprite-32px.png) no-repeat 0 -35px;
}

.icon {
	width: 32px;
	height: 32px;
	display: block;
	text-indent: -9999px;
}

.linkedin {
	background: url(img/sprite-32px.png) no-repeat -64px 0;
}

.linkedin:hover{
	background: url(img/sprite-32px.png) no-repeat -64px -35px;
}

.twitter {
	background: url(img/sprite-32px.png) no-repeat -32px 0;
}

.twitter:hover{
	background: url(img/sprite-32px.png) no-repeat -32px -35px;
}

.youtube {
	background: url(img/sprite-32px.png) no-repeat -96px 0;
}

.youtube:hover{
	background: url(img/sprite-32px.png) no-repeat -96px -35px;
}

.social-icons {
	float: right;
	/*margin: -74px 10px 0 0;*/
}

ul.buttons li {
	margin: 0 0 0 5px;
}


/* END OF CSS FOR SOCIAL ICONS IN HEADER


/*************************************************************
**************************************************************
**************************************************************
**************************************************************
**************************************************************/



/* CSS For Navigation */

.main-nav {
	text-align: left;
	display: inline-block;
	margin-top: 7px;
}


/* This handles the top items in the navigation bar */
.main-nav > ul > li > a {
	height: 56px !important;
	line-height: 13px !important;
}

.main-nav ul li a {
	font-family: "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif !important
	font-size: 13px;
	color: #333333;	
	padding: 0 20px 0 20px;
	text-decoration: none;
	display: block;
	margin-right: 5%;
	width: 100%;
}

.main-nav a:hover {
	background: none;
	color: #016015;
}

.main-nav .current-menu-item > a {
	color: #016015;
}

.main-nav ul li:first-child {
	border-left: none;
}

.main-nav > ul > li:first-child {
	margin-left: -10px;
}

.main-nav ul li {
	position: relative;
	float: left;
}

/* Adds border to the left of the items in the top nav bar and keeps the height the same as the font size. */
.main-nav > ul > li {
	border-left: 1px solid #D9D9D9;
	height: 13px;
}


/* This sets the background colour for the sub menus */
.main-nav ul li:hover>ul {
	background: rgba(37,37,37,1);
}

.main-nav ul ul li a{
	width: 200px !important;
	
}

.main-nav ul ul {
	widdth: 100%;
}

.main-nav ul ul a {
	color: #fff;
}

.main-nav ul li:hover>ul a {
	background: none;
}

.main-nav ul ul {
	position: absolute;
	top: -9999999px;
	left: 0;
	opacity:0;
	text-align: left;
	border-top: 2px solid #016015;
	margin-top: 36px;
}


/* This adjusts the sub-menu so it's in line with it's parent item */
.main-nav ul ul>li:hover li:first-child {
	margidn-top: -2px !important;
}

.main-nav ul ul li:hover>ul {
	margin-top: -46px;
}

.main-nav ul ul li:first-child:hover>ul {
	margin-top: -48px;
}

.main-nav ul ul a {
	display: inline-block;
}

.main-nav ul ul li {
	widdth: 300px;	
}

.main-nav ul li:hover > ul {
	position:absolute;
	top: 100%;
	opacity: 1;
	z-index: 2;
 }


/* Setting the height at 46px and hiding the overflow forces the menu item to be edited. Setting the height to auto will automatically adjust to however much text is entered in the menu item. */
.main-nav ul>ul li { 
	height: auto;
}

.main-nav ul ul li a{
	line-height: 46px;
}

.main-nav ul ul li:hover{
	background: redd;
}

.main-nav ul ul li ul {
	widdth: 240px;
	margin-left: 240px;
	margin-top: -46px;
}

.main-nav ul, .main-nav li {
	display: inline;
	transition: opacity .55s ease .1s;
	-moz-transition: opacity .55s ease .1s;
	-webkit-transition: opacity .55s ease .1s;
	-ms-transition: opacity .55s ease .1s;
	z-index: 99999;
}

/* Using > ul means only the next ul of this li and only this ul will be affected */
.main-nav ul li:hover > ul {
	position:absolute;
	top: 100%;
	opacity: 1;
	z-index: 2;
}


.main-nav li ul.sub-menu li a:hover {
	background: #EEEEEE;
	/*width: 160px;*/ /* This contains overflow for the width of the "a" tag as there's 20px padding each side */
}


 /* END OF CSS FOR NAVIGATION*/



/*************************************************************
**************************************************************
**************************************************************
**************************************************************
**************************************************************/


@media only screen and (min-width : 760px) and (max-width: 990px) {
  /* For general iPad layouts */
  
body {
	margin: 0 1%;
}  

.entry-content {
	margin: 0 1%;
}

#footer-left img {
  margin-left: 8px;
}

#footer-left p {
  margin-left: 8px;
}

#home-nav-wrap {
	padding-top: 30px;
}

.logo {
	margin-left: 8px;
}

.main-nav ul li a {
	padding: 0 6px;
	font-size: 1.1em;
}

.main-nav ul ul li a {
	line-height: 36px;
}

.main-nav > ul > li:first-child {
	margin-left: 0px !important;
}

.main-nav ul ul li ul {
	margin-left: 212px;
	margin-top: -38px !important;
}

.container > #nav-bar {
  margin-left: 5px;
}

#google-map {
  max-width: 650px !important;
  overflow: hidden !important;
  width: 100% !important;
}

#dmm-hislider {
	max-width: 960px !important;
	width: 100% !important;
	overflow: hidden;
}

.scrollup {
	display: none !important;
}

#single-blog-content ul li a {
  border: 1px solid #DDDDDD;
}

#single-blog-content ul li a:active {
	background: #832119 !important;
}

.tab-content {
	width: 400px !important;
	padding: 8px !important;
}

.tabs .active a{
	background: #832119 !important;
	color: #FFFFFF !important;
}

}


/********************************************
** This CSS is for Smartphones **************
********************************************/

@media only screen /*
and (min-width : 320px)*/ 
and (max-width : 760px) {
/* Styles */

body {
	margin: 0 2%;
}

p {
	line-height: 20px;
}

.call-us {
	max-width: 160px;
	width: 100%;
	margin: auto;
	float: none;
}

#close-menu {
	display: none;
}

.container {
	max-width: 320px;
	width: 100%;
	margin: auto;
}

#content {
	padding: 0;
	width: 100%;
}

#copyright {
	float: none;
	max-width: 320px;
	width: 100%;
	margin: auto;
}

#copyright p {
	text-align: center;
}

#design-by {
	float: none;
	max-width: 212px;
	width: 100%;
	margin: 2% auto;
}

.entry-content {
	margin: 4% 2%;
  	border: 1px solid #eee;
  	padding: 8px;	
  	background: 3e3e3e;
  	min-height: 100px !important;
  	float: left;
  	width: 90%;
  	
}

.entry-content h1 {
	color: #33425A !important;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24px;
}

#field_1_2 {
  margin-left: 0 !important;
}

#footer .address-icon {
	height: 65px;
}

#footer h2 {
	background-image: none;
}

#footer h2 > span {
  padding: 0 4%;
}

#footer-left {
	float: left;
	/*
	max-width: 320px;
	width: 100%;*/
}

#footer-left img {
	display: none;
}

#footer-middle {
	display: none;
}

#footer-right {
	max-width: 200px;
	width: 100%;
	margin: auto;
	float: none;
	overflow: hidden;
}

#footer-right > h2 {
  max-width: 150px !important;
  width: 100% !important;
  margin: 0 auto 20px auto;
}

#footer h2 > span {
	padding: 0;
}

#footer-right > ul {
  max-width: 150px !important;
  width: 100% !important;
  margin: auto;
}

.gallery {
	max-width: 150px !important;
	width: 100% !important;
	margin: auto !important;
}

.gallery-item img{
	float: left;
	width: 100%;
}

.gallery-item {
	max-width: 200px !important;
	width: 100% !important;
	margin: auto !important;
}


#address {
  float: none;
  width: 100%;
}

#google-map {
  float: none;
  margin: 5% 0 5% 0;
  width: 100%;
}



#header-wrap {
	margin-top: 3%;
}
#header-wrap .mail-icon {
	display: none;
}

#header-wrap .mobile-icon {
	display: none;
}

.header-right {
	margin: 12% 0 0 0;
	float: none;
}

.header-right>.social-icons {
  display: none;
}

.header-separator {
	display: none;
}

.home-content {
	margin: 0 2%;
}

#home-content h1 {
  font-size: 30px;
  margin-bottom: 5%;
  margin-top: 8%;
}

#home-content p{
	font-size: 16px !important
}


.home-widget {
	width: 100%;
	min-height: 150px;
	padding: 3%;
	margin	2% 0 2% 1% !important;
	width: 92%;
}

.home-widget {
  margin: 2% 1% 2% 1%;
}



.home-widget p {
	font-size: 13px !important
}

#home-nav-wrap {
	height: 0;
	float: none;
	position: relative;
}

iframe {
	max-width: 300px;
	width: 100%;
}

#nav-wrap {
	height: 0;
}

.logo {
	max-width: 260px;
	width: 100%;
	margin: auto;
}

.scrollup {
	display: none !important;
}

#wrapper {
	/*margin: 0 auto;*/
	max-width: 320px;
	width: 100%;
	margin: auto
}








.main-nav a:hover {
	color: #22324C;
}

.main-nav .current-menu-item > a {
	color: #000;
	font-weight: bold;
}

.main-nav li ul.sub-menu li a:hover {
	background: none;
}

.main-nav ul li {
	float: none;
	border: none;
}

.main-nav ul ul li ul {
	margin-left: 0;
}

.main-nav:after {
  /*border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3B3B3B;*/
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(220,220,220,.8);
  border-style: solid;
  border-width: 10px;
  content: "";
  height: 0;
  left: 15px;
  position: absolute;
  top: -20px;
  width: 0;
}

.main-nav ul ul li a:before {
content: '- ';
}

.main-nav ul li:hover>ul {
	background: none;
}

.main-nav ul>li>ul:last-child a {
  margin-bottom: 5px !important;
}

.main-nav ul ul {
	position: relative;
	top: 0;
	opacity: 1;
	border-top: none;
}

.main-nav ul li:hover > ul {
	position: relative;
	top: 0;
}

.main-nav ul li a {
	color: #22324C;
	height: 30px !important;
	font-size: .9em;
	font-weight: bold;
}

.main-nav ul ul a {
	padding: 0 20px 0 40px;
	width: auto;
	line-height: 50px;
	color: #22324C;
}

.main-nav ul ul li a {
	width: 190px !important;
	line-height: 26px;
}

.main-nav ul ul li ul a {
	padding: 0 20px 0 60px !important;
}

.main-nav ul ul li ul ul li a {
	padding: 0 20px 0 80px !important;

}

.main-nav ul ul > li:first-child a:after {
	display: none;
}





#nav-bar {
	display: none !important;
}



#mobile-nav-bar {
	float: none !important;
	max-width: 320px;
	width: 96%;
	margin:  auto 0 0 2% !important;
	/*background: #3B3B3B;*/
	background: rgba(220,220,220,.9);
	
	height: auto;
	position: absolute;
	z-index: 99999;
}

#show-nav {
	display: block;
}


#sidebar {
	max-width: 320px;
	width: 100%;
	margin: auto;
	float: left;
}

.mobile {
	display: block;
}

.desktop {
	display: none;
}





.button.gform_button {
  max-width: 100px;
  width: 100%;
  margin: auto;
}


#homepage-form {
	float: none;
	overflow: hidden;
	margin-left: 0;
}

.google-map {
	float: none;
	overflow: hidden;
}

.google-map div {
  float: left;
  max-width: 450px !important;
  width: 99% !important;
}

.gform_wrapper {
	max_width: 100%;
}

#hislider2 {
	height: 117px !important;
}

#hislider2 div img {
  max-width: 320px !important;
  width: 100% !important;
  overflow: hidden !important;
  height: 117px !important;
}
#hislider2 div {
  max-width: 320px !important;
  width: 100% !important;
  overflow: hidden !important;
  height: 117px !important;
}


#sidebar {
	width: 98%;
}

#sidebar .gform_wrapper {
  /*margin: 0 10px 5% !important;*/
}

.sidebar-container {
	max-width: 320px;
	width: 100%;
	margin: auto;
}

.sidebar-content {
	padding: 5%;
}

#single-blog-content ul li a {
  border: 1px solid #DDDDDD;
}

.tabs .active a{
	background: #832119 !important;
	color: #FFFFFF !important;
}


.tab-content {
	width: 290px !important;
	padding: 10px !important;
}

.tab-content img {
	max-width: 200px;
	width: 100%;
}

.tabs ul {
	width: 312px;
}

.wpgmza_map {
  width: 100% !important;
}

}