body{
	font-family: 'Open Sans Condensed','Arial Narrow', serif;
	background:url(http://www.eludeliverpool.com/images/Elude-80592.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	font-weight: 400;
	font-size: 15px;
	color: #333;
	margin: 0;
	overflow:hidden;
}
a:link { text-decoration:none; color:#CCC;}
a:visited { text-decoration:none; color:#CCC;}  /* visited link */
a:hover { text-decoration:none; color:#FFF; }  /* mouse over link */
a:active {text-decoration:none; color:#CCC;}
.rescontslidebox {
float:left;
width: 650px;
height: 500px;
padding:4px;
padding-left:10px;
position:absolute;
left:50px;
top: 56px;
opacity:0.7;
}
.contbox {

}
.clr{
	clear: both;
	padding: 0;
	height: 0;
	margin: 0;
}

div h1{
     font: 40px  Helvetica, Arial, Sans-Serif;
	text-align: center;
	color: #444; text-shadow: px 1px 1px #FFF;
	padding:4px;
}
hr {
height:0px;
border-top:1px solid #EEE;
border-bottom:1px solid #FFF;
margin:50px 0px 0px;
}

.container{
width:100%;
margin:0 0;
z-index:10;
}
nav{
text-align:center;
}

.clear{
clear:both;
}

/*////////////////////// Drak Grey container that holds gallery////////////////////////////////*/

#gallery {
height: 100px;
width: 315px;
position:relative;
padding-right:12px;
margin: auto;
}

#gallery img {border: 5px solid #FFFFFF;}

/*//////////////////////////////// Thumbnails styles////////////////////////////////////////////*/

.thumbnails {

margin:5px;
float:right;

}

 

/*//////////////////////////////// Large rollover image styles////////////////////////////////////////////*/

 

#gallery span img {
margin-bottom: 0px

}

 

#gallery span{
visibility:hidden;
position:absolute;
top:0px;
color:#FFFFFF;
font-size:12px;
width:435px;
left:-1000px; /* prevents th browser to show scroll bar at bottom*/

}

 

#gallery a:link span {
color:#FFFFFF;
text-decoration: none;
opacity:0;
}
#gallery a:visited span {
text-decoration: none;
color:#FFFFFF;
opacity:0;
}

#gallery a:hover span{ /*CSS for enlarged image*/
   transition: opacity .85s ease-in-out;
   -moz-transition: opacity .85s ease-in-out;
   -webkit-transition: opacity .85s ease-in-out;
opacity:1;
visibility:visible;
top: 0;
left: -655px; /*position where enlarged image is placed horizontally */
top:20px;
z-index: 50;
color:#FFFFFF;

}

#gallery a:active span {
text-decoration: none;
color:#FFFFFF;
visibility:hidden;
}

.blurbleft {
float:left;
width:50%;	
position:relative;
line-height:14px;
bottom:-10%;
padding-left:20px;	
font-family:ft87regular;
font-size:12px;
text-align:right;
color:#FFF;
}

.videothumb {
float:right;
width:40%;
position:relative;
bottom:-30px;
right:-5px;	
}

.fbvideo {
transition: opacity .85s ease-in-out;
-moz-transition: opacity .85s ease-in-out;
-webkit-transition: opacity .85s ease-in-out;
opacity:1;
visibility:visible;
position:relative;
float:left;
left:20px;
top:-580px;
padding-left:40px;	
zindex:999;


}
.checkavail  {
		font-family: ft87regular;
	font-size: 11px;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #FFF;
	padding: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px dashed #666;
	background:rgba(0,0,0,0.5);
}
a.checkavail:link { text-decoration:none; color:#CCC;}
a.checkavail:visited { text-decoration:none;color:#CCC;  }  /* visited link */
a.checkavail:hover { text-decoration:none; color:#FFF; }  /* mouse over link */
a.checkavail:active {text-decoration:none; color:#CCC;}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */

/* IPad Styles */
.checkavail  {
		font-family: ft87regular;
	font-size: 10px;
	letter-spacing: 4px;
	text-transform: uppercase;
	color: #FFF;
	padding: 12px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px dashed #666;
	background:rgba(0,0,0,0.5);
}
a.checkavail:link { text-decoration:none; color:#CCC;}
a.checkavail:visited { text-decoration:none;color:#CCC;  }  /* visited link */
a.checkavail:hover { text-decoration:none; color:#FFF; }  /* mouse over link */
a.checkavail:active {text-decoration:none; color:#CCC;}

}