/* CSS Document */
/*http://css.maxdesign.com.au/floatutorial/tutorial0815.htm */
body {
background-color:#ECECEC;
font-family: Arial, verdana ;
font-size: 12px;
}


#barcelona-hotel
{
position: absolute;
left: 50%;
width: 1050px;
margin-left: -525px;
top: 0px;
background-image:url(images/hotel-back-main.gif);
color: #333;
line-height: 130%;
}

#hotel1
{
position: relative;
margin-top: 0px;
padding-left: 40px;
}


#hotel1-logo
{
margin-top: 15px;
position: relative;
}

#hotel1-nav
{
position: relative;
margin-left: 40px;
margin-top: 20px;
margin-bottom: 20px;
}

#hotel1-nav a
{
color: #FFCC66;
margin-right: 20px;
}

.icon-hotel {
display:inline;
width: 180px;
height: 60px;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
background-image:url(images/hotel-icon.gif);
}

.icon-map {
display:inline;
width: 180px;
height: 60px;
padding-left: 40px;
padding-top: 10px;
padding-bottom: 10px;
background-image:url(images/map-icon.gif);
}

#hotel2
{
position: relative;
margin-left: 35px;
background-image:url(images/hotel-back-hotel2.gif);
background-repeat:repeat-x;
height: 200px;
width: 975px;
}


#hotel2-hotel
{
	position: relative;
	margin-left: 35px;
	background-color:#ECECEC;
	height: 290px;
	width: 975px;
	background-image: url(images/hotel-back-hotel2-290.gif);
}

#hotel2-hotel-ad
{
position: absolute;
left: 0px;
top: 5px;
height: 280px;
width: 338px;
}

#hotel2-hotel-map
{
position: absolute;
left: 337px;
top: 5px;
height: 280px;
width: 640px;
}

.map {
position: absolute; 
left: 0px; 
top: 0px; 
height: 280px;
width: 640px; 
}

#hotel2-hotel-key
{
position: absolute;
left: 760px;
top: 5px;
height: 250px;
width: 140px;
background-color:#660000;
}

#top h1
{
padding: 0;
margin: 0;
}

#hotel3
{
float: left;
width: 580px;
margin: 0;
padding-top: 20px;
padding-left: 50px;
}

#hotel3 h2
{
	display:block;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666633;
	color: #660000;
	font-family: Arial, "Arial Black","Arial Rounded MT Bold", verdana ;
	font-size:17px;
	font-weight:bold;
	margin-top: 20px;
}

.hotel3-bread a
{
	color: #009933;
}

#barcelona-hotel-nav
{
margin-left: 740px;
padding: 1em;
max-width: 36em;
}

#guide-footer
{
clear: both;
margin-top: 10px;
padding: .5em;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

#barcelona-hotel-nav ul{
margin-left: 0px;
padding-left: 5px;
margin-top: 2px;
margin-bottom: 2px;
}

#barcelona-hotel-nav  li{
	display: block;
	list-style-type: none;
	height: 20px;
	width: 180px;
	margin-left: 5px;
	margin-bottom: 2px;
	background-color:#FDD768;
	/* added 14.47*/
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 10px;
	padding-left: 5px;	
}

#barcelona-hotel-nav a{
color: 660000;
text-decoration:none;
}

.barcelona-hotel-photo {
float: left;
width: 175px;
height: 233px;
background-color:#00CC99;
margin-right: 25px;
}

/* ad boxs */
.adbox-floater{
	float: left;
	margin-left: 15px;
	margin-right: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 140px; 
	height: 250px;
}