body {margin:0px auto; 
padding: 0px; 
font-family: arial, sans-serif; 
background: #222; 
color:#222; font-size:12px;text-align: center;}
p {font-size:12px; }
footer{color: #fff; padding: 0px 0px 15px 0px;}

a {text-decoration: none; color: #EE970F;}
a:hover {text-decoration: none; color: #A97625;}

.navbar-toggle{margin: 0px; padding: 15px 0px 15px 0px;}
.icon-bar{background: #fff;}
.navbar-nav {margin-left: -15px;}

#toplinks{padding: 15px; background: #f1f1f1;}

#top{background: #DFC03D;}

#container{background: #FFF7D3; margin-bottom: 15px;}


#tnav{background: #006B54; color: #fff; padding: 0px 15px;}
ul#top-nav, ul#top-nav ul.sub-menu {padding:0; margin: 0; list-style:none; z-index: 2;}

ul#top-nav li, ul#top-nav ul.sub-menu li {list-style-type: none;float: left;}

ul#top-nav li a {text-decoration: none; color: #f1f1f1; background: transparent; padding: 14px 10px; display:inline-block; margin-right: 1px;}
ul#top-nav li a:hover {color: #006B54; background: #fff;}
ul#top-nav li a.active {color: #006B54; background: #fff;}

ul#top-nav li ul.sub-menu li a {
text-decoration: none; color: #fff; background: #49494C; padding: 7px 10px; display:inline-block; border: 1px solid #222; border-top: none; width: 200px; font-weight: normal;
}

ul#top-nav li {position: relative;}

ul#top-nav li ul.sub-menu {display:none;position: absolute;top: 48px; left: 0;}
ul#top-nav li:hover ul.sub-menu {display:block;}


#my_slider{max-width: 980px; max-height: 350px; overflow: hidden; z-index: 1;}

.mcontent { max-width:980px; margin:0px auto; background:transparent; text-align:left; padding: 0px;}
.mcontent h1, .mcontent h2{font:30px arial; padding:20px 0px; margin:0px; color: #444;}
.no-margin{margin: 0px; padding: 0px;}
.mcontent h3 {color: #FF3399; font-size:14px; padding: 0px; margin: 0px 0px 5px 0px;}
.mcontent h4 {color: #FF3399; font-size:18px; padding: 0px; margin: 0px 0px 5px 0px;}

.mfooter{padding: 0px 35px 0px 35px;}

.top-add{text-align: right; margin: 20px 0px 20px 0px; font:normal 20px 'Impact', arial, serif; color: #006B54;}
.top-add a{color: #fff;}
.top-add span{color: #fff; margin-right: 20px;}
.top-add .title{font:normal 50px 'Impact', arial, serif; margin-bottom: 10px;}
.packages{background: #222; padding: 10px; color: #fff;}
.packages span{color: #EE970F; font:normal 16px 'Impact', arial, serif;}
.packages a{color: #fff;}

.page_price{color: #EE970F; font:normal 30px 'Impact', arial, serif;}

a.backbtn {padding: 12px 30px; background: #006B54; color: #fff; border-radius: 7px; text-transform: uppercase;}


.top{background: #fff; border: 1px solid #ddd; border-radius: 10px 10px 0px 0px; border-bottom: none; padding: 25px 10px 25px 10px;}


#map_canvas{width: 100%; height: 500px; overflow: hidden;}

.service_thumb_text{background: #f1f1f1; border-radius: 0px 0px 5px 5px; padding: 5px; border: 1px solid #ddd; border-top: none; margin-bottom: 10px;}
.service_thumb_img{max-height: 120px; overflow: hidden;}
.media_thumb_text{background: #f1f1f1; border-radius: 0px 0px 5px 5px; padding: 5px; border: 1px solid #ddd; border-top: none; margin-bottom: 10px;}

.ml_logo{float: left; padding: 15px 0px 15px 0px;}
.ml_social{float: right; padding: 15px 15px 0px 15px;}
.ml_social span{color: #FF3399;}

.dcontent{margin-bottom: 30px;}
.dcontent1{margin-bottom: none;}




@media (max-width: 768px) {
ul#top-nav li{list-style-type: none; clear: both;}
ul#top-nav li a {text-decoration: none; color: #f1f1f1; padding: 5px 10px; display: block;}
ul#top-nav li a:hover {text-decoration: none; background: transparent;}
ul#top-nav li ul.sub-menu, ul#top-nav li:hover ul.sub-menu {display:none;}
.gi_container {width: 95%;}

}

@media (max-width: 480px) {
.top-add{font:normal 14px 'Impact', arial, serif; color: #006B54; text-align: center;}
.top-add .title{font:normal 28px 'Impact', arial, serif; margin-bottom: 10px;}
.ml_logo{text-align: center !important; padding: 0px 15px 10px 15px; float: none;}
.ml_social{text-align: center !important; padding: 0px 15px 0px 15px; float: none;}
#map_canvas{width: 100%; height: 150px; overflow: hidden;}
.mcontent h2 {font-size:20px; padding: 20px 0px 10px 0px;}
#container{padding: 5px 25px 25px 25px;}
.gi_container {width: 95%;}
.gap{margin-bottom: 20px; background: red;}
}



.fields1{float: left; width: 40%;}
.fields2{float: left; width: 25%; margin-left: 5%;}
.fields3{float: left; width: 55%; margin-left: 5%;}

input, textarea, select { 
	margin: 0px 0px 7px 0px;
	background:none;
	width:100%;
	border: 1px solid #787878;
	border-radius: 3px;
	padding: 7px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;
}

.date{padding: none;}

#submit{
	padding: 0;
	border:none;
	width:100%;
	padding: 10px;
	text-transform: uppercase;
	color:#eee;
	background:#FF3399;
	margin-top: 20px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#footer{text-align: center; background: #444; padding: 30px; color: #ccc;}

.err {
	position:relative;
	display:block;
	background: #f6b9b9;
	border: 1px solid #e18484;
	padding:20px;
	color: #c32727;
	margin-bottom: 15px;
}
 
.spacer35 { height:35px; clear:both;}
.spacer30 { height:30px; clear:both;}
.spacer20 { height:20px; clear:both;}
.spacer15 { height:15px; clear:both;}
.spacer10 { height:10px; clear:both;}
.clear {clear:both;}
.divider {height:1px; clear:both; margin: 30px 0px 30px 0px; border-top: 1px dotted #ddd;} 

.img-full{width:100%; padding: 0px;}
.img-half{width:50%;}
.img-packag{weidth:50%; margin-right: 20px; margin-bottom: 20px; float: left;}

.go_left{background: url('../images/arrow_left.png') no-repeat center center;}
.go_right{background: url('../images/arrow_right.png') no-repeat center center;}

@font-face {
    font-family: 'Impact';
    src: url('../fonts/impact.ttf') format('truetype');
}