/*For sub text in black and gold title band*/
/* Form Style */
.white {
			color: #fff;
}

.black{
			color:#000;
}

/*Header Style*/

.h1 {
        font-size: 24px;
        font-family: 'Open Sans';
        font-weight: 600;
        line-height: 20px;
        text-transform: uppercase;
}

/*Special text to go under header*/
.subtext {font-family: 'Open Sans';
    background-color: #FFF;  
	height:80px;
    width: 100%;
    font-size;22px;
    padding: 10px 0;
}

.golden{
color:#A29061;
}


.md-home .md-booking .btn {
    padding: 0 39px; 
    background-color: #242424;
}





/*For band of text underneath slider images*/
.slogan {
position: relative;
margin: 15px 0 5px 0;
vertical-align:center;
padding: 0;
}

 }
.topbar{
float: left;
display: inline;
margin-left: 10px;
margin-right: 10px;
}

.topbtn{
margin-bottom: 20px;
float: right;
cursor:pointer;
}

/*HEADER STYLES*/

h1.header{color:#3F4D5B;
font-size: 44px;
font-weight: 300;
line-height: 58px;
margin-bottom: 10px;
}


#section {
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}


#about {
background:url(../img/lgbooks.png);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-ms-behavior: url(../js/backgroundsize.htc);
}


#about .header {
border-bottom: 1px dashed #fff;
width: 100%;
display: block;
margin: 0 auto 30px;
}

#about * {
color: #fff;
}

#about.h1 {
font-size: 26px;
margin-bottom: 42px;
text-align:center;
}

p.small_icon{
background: none !important;
width: 30px;
height: 30px;
-webkit-border-radius: 40px;
border-radius: 40px;
position: relative;
text-align: center;
padding-bottom: 0;
margin: 0px 0 10px 0 !important;
float: left;
position: relative;
}




				
				
				/*BEGIN SIDEBAR*/
				<aside class="grid_3 md-sidebar md-sidebar-pt">
						<div class="box-sidebar">
							<h3 class="h3 header-sidebar">Contact Us</h3>
							<div class="box-booking booking-stack">
								<form>
									<div class="form-group">
										<label class="label-control">Arrival Date</label>
										<div class="booking-form select-black">
											<label class="collapse input">
												<input type="text" id="arrival-date" class="input-control border-black"/>
											</label>
										</div>
									</div>
									<div class="form-group">
										<label class="label-control">Departure Date</label>
										<div class="booking-form select-black">
											<label class="collapse input">
												<input type="text" id="departure-date" class="input-control border-black"/>
											</label>
										</div>
									</div>
									<div class="form-group row clearfix">
										<div class="col-left">
											<div class="form-group">
												<label class="label-control">Adults</label>
												<div class="input-group select-black">
													<label class="collapse">
														<select class="form-select">
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
														</select>
													</label>
												</div>
											</div>
										</div>
										<div class="col-right">
											<div class="form-group">
												<label class="label-control">Children</label>
												<div class="input-group select-black">
													<label class="collapse">
														<select class="form-select">
															<option>1</option>
															<option>2</option>
															<option>3</option>
															<option>4</option>
															<option>5</option>
														</select>
													</label>
												</div>
											</div>
										</div>
									</div>
									<div class="form-group">
										<label class="label-control"></label>
										<a href="#" class="btn btn-large btn-darkbrown">check</a>
									</div>
								</form>
							</div><!-- /.box-booking -->
						</div>
					</aside><!-- /.md-sidebar -->