html {
background-color: #003399;
background: url('http://bemyhotelguest.com/images/bridge.jpg') no-repeat center center fixed;
background-size: 100% 100%;
height: 100%;
}

body{
height:100%;
overflow-y: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}

a:link {color: #009; text-decoration: none;}
a:visited {color: #609; text-decoration: none;}
a:hover {color: #660; text-decoration: underline;}
a:active {color: #099; text-decoration: underline;}

div.head {background-color: rgba(255,255,255,.75);}

h1 {
	font-size: 190%;
	text-align: center;
	color: #000;
	text-shadow:
	-1px -1px 0 #fff,  
	1px -1px 0 #fff,
	-1px 1px 0 #fff,
	1px 1px 0 #fff;
	text-decoration: none;
}
h1 a:link, a:visited {text-decoration:none;}

a:link h1 {color: #000; text-decoration: none;}
a:visited  h1 {color: #000; text-decoration: none;}
a:hover h1 {color: #555; background-color: rgba(255,255,255,.9); text-decoration: underline;}
a:active h1 {color: #333; background-color: rgba(255,255,255,.9); text-decoration: underline;}

h5 {
	font-size: 100%;
}
h5 a:link {color: #000; text-decoration: none;}
h5 a:visited  {color: #000; text-decoration: none;}
h5 a:hover {color: #009; text-decoration: underline;}
h5 a:active {color: #006; text-decoration: underline;}

div.central{
	margin: auto;
	width:80%;
	text-align:center;
}

p.resv {text-align:center;}

div.box {
	display: inline-block;
	width: 300px;
	height: 200px;
	background-color: rgba(0,0,0,.6);
	vertical-align: middle;
	margin: 10px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size:140%;
}

div.box.slide {
	display: inline-block;
	width: 600px;
	height: 200px;
	background-color: rgba(0,0,0,1);
	vertical-align: middle;
	margin: 10px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size:140%;
	position: relative;
}

div.box:hover{
	display: inline-block;
	width: 300px;
	height: 200px;
	background-color: rgba(0,0,0,.8);
	vertical-align: middle;
	margin: 10px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size:140%;
}
div.box.slide:hover{
	display: inline-block;
	width: 600px;
	height: 200px;
	background-color: rgba(0,0,0,1);
	vertical-align: middle;
	margin: 10px;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	font-size:140%;
}

div.box a:link{
	display: block;
	width:300px;
	height:200px;
	color: #fff;
	text-decoration: none;
}

div.box.pp {background-image: url('http://bemyhotelguest.com/logo/princess-properties.png?v=7.1'); background-repeat: no-repeat; background-position: center bottom; background-size: 50% 50%;}
div.box.si {background-image: url('http://bemyhotelguest.com/logo/sleep-inn-small.png?v=7.1'); background-repeat: no-repeat; background-position: center bottom;}
div.box.qi {background-image: url('http://bemyhotelguest.com/logo/quality-inn-small.png?v=7.1'); background-repeat: no-repeat; background-position: center bottom;}
div.box.cs {background-image: url('http://bemyhotelguest.com/logo/comfort-suites-small.png?v=7.1'); background-repeat: no-repeat; background-position: center bottom;}

div.content {
	font-size: 140%;
	text-align: left;
	color: #000;
	background-color: rgba(255,255,255,.85);
	clear: both;
	width: 100% -15px;
	padding: 15px;
}

div.foot {
	font-size: 100%;
	text-align: center;
	color: #000;
	background-color: rgba(255,255,255,.75);
	clear: both;
}