body{
    margin:0;
    padding:0;
    line-height: 1.5em;
    background: url(../images/bg.gif) no-repeat #ededed;
    font-size: 0.9em;
    color: #454545;
    font-family: arial, verdana, sans-serif;
}

b{font-size: 110%;}
em{color: red;}
img {border: none}
.clear {clear:both; height: 0px;}
p {margin-bottom: 0.9;}
a {color: #454545; text-decoration: underline;}
a:hover {text-decoration: none;}
#signature {margin: 10px 0;}

#maincontainer{
    width: 958px; /*Width of main container*/
    margin: 0 auto; /*Center container on page*/
    background: #FFF;
    border: 1px solid white;
    border-bottom: none;
    margin-top: 30px;
}

#header{
    background: url(../images/header.jpg) no-repeat #EAEAEA;
    width: 958px;
    height: 189px; /*Height of top section*/
}

#headerBreak {
    height: 5px;
    width: 958px;
    background: #bebebe;
    clear: both;
}

#contentwrapper{
    float: left;
    width: 100%;
}

#contentcolumn{
    margin-right: 320px; /*Set right margin to RightColumnWidth*/
}
#contentcolumn .innertube {
    width: 480px;
    margin-left: 80px;
}
/* titles */
h1.titleMuseumHotel {
    background: url(../images/title_museumhotel.gif) no-repeat;
    position: relative;
    width: 221px;
    height: 41px;
    text-indent: -99999px;
}

h2.titleAccommodation{
    background: url(../images/title_accommodation.gif) no-repeat;
    position: relative;
    width: 211px;
    height: 40px;
    text-indent: -99999px;
}

h2.titleCustomisedRooms{
    background: url(../images/title_customisedrooms.gif) no-repeat;
    position: relative;
    width: 239px;
    height: 45px;
    text-indent: -99999px;
}

h2.titleRecreationFacilities{
    background: url(../images/title_recreationfacilities.gif) no-repeat;
    position: relative;
    width: 268px;
    height: 46px;
    text-indent: -99999px;
}

h2.titleRestaurantandBars{
    background: url(../images/title_restaurantandbars.gif) no-repeat;
    position: relative;
    width: 265px;
    height: 45px;
    text-indent: -99999px;
}

h2.titleHippoandBar{
    background: url(../images/title_hippoandbar.gif) no-repeat;
    position: relative;
    width: 216px;
    height: 48px;
    top: 10px;
    text-indent: -99999px;
}
h2.titleLobbyBar{
    background: url(../images/title_lobbybar.gif) no-repeat;
    position: relative;
    width: 105px;
    height: 46px;
    top: 15px;
    text-indent: -99999px;
}

h2.titleRoomService{
    background: url(../images/title_roomservice.gif) no-repeat;
    position: relative;
    width: 177px;
    height: 34px;
    text-indent: -99999px;
}
h2.titlePublicFacilities{
    background: url(../images/title_publicfacilities.gif) no-repeat;
    position: relative;
    width: 216px;
    height: 40px;
    text-indent: -99999px;
}
h2.titleParking{
    background: url(../images/title_parking.gif) no-repeat;
    position: relative;
    width: 103px;
    height: 66px;
    text-indent: -99999px;
}
h2.titleLocation{
    background: url(../images/title_location.gif) no-repeat;
    position: relative;
    width: 119px;
    height: 27px;
    text-indent: -99999px;
}

.paraBreak {
    background: url(../images/paragraph_break.gif) no-repeat center;
    width: 100%;
    height: 46px;
    clear: both;
    margin-bottom: 30px;
    margin-top: 30px;
}
/* Photograph styles */
#photoNarrowRight {
	float:right;
	margin: 18px;
	}

#footer a{
    color: #454545;
}

#footer{
    width: 958px;
    margin: 0 auto; /*Center on page*/
    border-top: 3px solid white;
    text-align: center;
    color: #454545;
    line-height: 18px;
    font-size: .8em
}

.innertube{
    margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
    margin-top: 0;
}

/* Right Column styles */
#rightcolumn a {color: #454545; text-decoration: underline}
#rightcolumn a:hover {text-decoration:none}
#rightcolumn{
    float: left;
    width: 320px; /*Width of right column*/
    margin-left: -320px; /*Set left margin to -(RightColumnWidth) */
}

#rightcolumn .innertube {
    margin-left: 0px;
    margin-top: 5px;
}
#rightcolumn p {font-size: .8em; line-height: 1.5em; color: #454545}

/* Rotating photo styles */ 
#photoBorder {
    width: 283px;
    height: 403px;
    background: url(../images/photo_border.gif) no-repeat;
    margin-left: 13px;
    margin-top: 10px;
}

#photoRotate {
    width: 279px;
    height: 399px;
    margin-left: 2px;
    margin-top: 2px;
    float: left;
}
/* Rotating photo styles end */
#rightcolBg {
    margin-left: 13px;
    width: 283px;
    background: #c4c4c4;
    padding-top: 7px;
    padding-bottom: 7px;
}

/* Voucher section */
#hotelVoucher {margin: 8px 0 0 10px;}
#hippoVoucher {margin: 8px 0 0 10px;}

/* Contact us section */
#contactUs {
    width: 259px;
    background: url(../images/rightcol_box_bg.gif) no-repeat #FFF;
    border: 1px solid #bebebe;
    margin-left: 10px;
    margin-top: 15px;
}
#contactUs #titleContactUs {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#contactForm {font-size:0.75em; background:#none; width:240px; padding:0px; margin: 20px 0px 15px 10px;}
label { width: 10em; float: left; }
label.error { float: none; font-size: .9em; font-weight: normal; vertical-align: top; display:block; color: red; width: 150px; line-height: 12px; }
#contactForm input {width: 140px; border: 1px solid #a5acb2; margin-bottom: .8em; margin-left: 0px; padding: 0px;}
#contactForm select {width: 140px; border: 1px solid #a5acb2; color: #454545; font-size: 1em; margin-bottom: 1em;}
#contactForm option {color:#454545;}
#contactForm textarea {width: 135px; height:4em; padding:2px; overflow:auto; border: 1px solid #a5acb2; font-family: arial, sans-serif; font-size: 1em}
/*.error {font-weight: bold; color: red; font-size: 1.2em}*/
#contactForm input.sendbutton {width: 141px; height: 20px; border: none; margin-left: 85px; margin-top: 1em;}

/* Location section */
#location {
    width: 259px;
    background: url(../images/rightcol_box_bg.gif) no-repeat #FFF;
    border: 1px solid #bebebe;
    margin-left: 10px;
    margin-top: 15px;
}
#location #titleLocation {
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
#rightcolMap {
    border: 1px solid #cebd99;
    margin: 10px 0 5px 20px;
}
#enlargeMap {
    width: 240px;
    text-align: right;
    margin: 10px 15px 10px 0;
    font-size: .8em;
    text-decoration: underline;
    color: #454545;
    cursor: pointer;
}
#enlargeMap:hover {text-decoration: none;}

/* Map section */
#mapcontainer{
    width: 500px; /*Width of map container*/
    height: 400px;
    margin: 0 auto; /*Center container on page*/
    background: #9e7b33;
    border: 1px solid white;
    margin-top: 30px;
}
#mapcontainer #closer {background: #000; font-size: .8em; margin-top: 1px; text-align: center;}
#mapcontainer a {color: #FFF; text-decoration: none;}
#mapcontainer a:hover #closer {text-decoration: underline;}

/* style for map on index page */
#mapcontainerSmall{
    width: 218px; /*Width of map container*/
    height: 168px;
    border: 1px solid white;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}
#map_canvas span {visibility: hidden}

/* Meet the chef section */
#chefcontainer{
    width: 760px; /*Width of map container*/
    margin: 0 auto; /*Center container on page*/
    background: #9e7b33;
    border: 1px solid white;
    margin-top: 30px;
}
#chefcontainer #innertube {margin: 60px;}
#chefcontainer #closer {background: #000; font-size: .8em; margin-top: 1px; text-align: center;}
#chefcontainer a {color: #FFF; text-decoration: none;}
#chefcontainer a:hover #closer {text-decoration: underline;}

#contactForm br {display:none;}

#respond {
    padding:10px;
    border:1px solid #bebebe;
    background:#FFF;
    color:#7A653B;
}

ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.comment {
    padding:5px;
    border:1px solid #fff;
    margin-top:5px;
    margin-bottom:5px;
}

/* Travel time table */
#traveltimeTable {

	font-size:12px;
	width:444px;
	text-align:left;
	border-collapse:collapse;
	margin:10px 0;
}
#traveltimeTable th {
	font-size:.9em;
	font-weight:normal;
	background:#c4c4c4;
	border-top:4px solid #a7a7a7;
	border-bottom:1px solid #fff;
	color:#000;
	padding:2px;
	padding-left: 5px;
}
#traveltimeTable td {
	font-size: .8em;
	text-align: center;
	background:#dddddd;
	border-bottom:1px solid #fff;
	color:#666;
	border-top:1px solid transparent;
	padding:2px;
	padding-left: 15px;
}
#traveltimeTable tr:hover td {
	background:#d6d7c5;
	color:#000;
}
#traveltimeTable .venue {text-align: left;}