/* CSS Document */

/*------General------*/

# {
margin:0;
padding:0;
}

body {
background:#e5e5e5;
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

#wrapper {
padding:0 43px 0 43px;
margin:auto;
width:934px;
background:url(../images/backgroundSlice.jpg);
}

#bottomWrapper {
background:url(../images/bottomSlice.jpg);
height:16px;
width:1020px;
margin:auto;
}

a {
color:#345c64;
text-decoration:none;
font-size:11px;
}

a:hover {
text-decoration:underline;
}

/*----typography----*/

h1, h2, h3 {
font-weight:normal;
}

h1 {
margin:0;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:22px;

}

h2 {
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
color:#666600;
font-size:15px;
}

h3 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#0b3543;
font-size:14px;
margin:0;
}

h4 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#333;
font-size:23px;
font-style:italic;
font-weight:normal;
margin:0;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #666666;
}

h5 {
font-family:Georgia, "Times New Roman", Times, serif;
color:#999;
font-size:16px;
font-style:italic;
font-weight:normal;
margin:0;
}

p {
color:#333333;
font-size:11px;
line-height:1.6em;
margin:0 0 15px 0;
}

.first {
line-height:1.7em;

font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

.second {
border-bottom:2px dotted #CCCCCC;
padding-bottom:20px;
margin-bottom:20px;
}


em {
color:#A8A18A;
font-style:normal;
}

.mainText {
margin-left:20px;
position:relative;
}

.mainText img {
border:1px solid #CCCCCC;
padding:5px;
}

/*------Header------*/
#header {
height:160px;
margin-bottom:4px;
}

.address {
margin-top:27px;
float:right;
text-align:right;
}

.address p {
margin:0;
}

.logo {
margin:34px 0 0 0;
}

#header ul {
background:url(../images/BtnBackground.jpg) no-repeat;
height:47px;
position:relative;
top:17px;
left:-5px;
width:600px;
margin:0;
padding:0;
z-index:0;
}

#header ul li {
display:inline;
list-style:none;
}

#header ul li a {
padding:12px 0 0 15px;
font-size:12px;
color:#504148;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
float:left;
display:block;
width:155px;
height:35px;
text-decoration:none;
}

#header ul li a:hover {
color:#990000;
}

.hotelName {
margin-top:90px;
float:right;
text-align:right;
}

.hotelName h1 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#333333;
}

.hotelName h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
color:#999;
margin-bottom:8px;
}





/*------Side------*/
#side {
width:279px;
float:left;
background-color:#E3E3E3;
margin:0;
padding:0;

}


#booking {
margin:0 0 15px 0;
padding:0;
text-align:center;
height:175px;
}


#side h1 {
text-align:left;
margin:0 0 0 15px;
padding:0;
}

.offer {
margin-top:30px;
}

#side ul {
padding:0;
margin:20px 0 0 0;
}

#side ul li {
margin:0;
padding:0;
list-style:none;
}

#side ul li a {
padding:8px 0 0 15px;
margin-bottom:3px;
display:block;
height:27px;
list-style:none;
color:#333;
font-size:14px;
}

.gRollover {
background:url(../images/gRollover.jpg);
}

.bRollover {
background:url(../images/bRollover.jpg);
}

.rRollover {
background:url(../images/rRollover.jpg);
}

#side ul.gCat li a:hover {
background:url(../images/gRollover.jpg);
text-decoration:none;
color:#fff;
}

#side ul.bCat li a:hover {
background:url(../images/bRollover.jpg);
text-decoration:none;
color:#fff;
}

#side ul.rCat li a:hover {
background:url(../images/rRollover.jpg);
text-decoration:none;
color:#fff;
}



/*------Additions------*/



.hSide {
background:url(../images/bookingHome.jpg) top no-repeat;

}
.hHeader {
border-bottom:5px solid #504148;
}



.bSide {
background:url(../images/bBookingHome.jpg) top no-repeat;

}
.bHeader {
border-bottom:5px solid #28426A;
}
#header ul.bUl {
background:url(../images/BBackground.jpg) no-repeat;
}



.gSide {
background:url(../images/gBookingHome.jpg) top no-repeat;

}
.gHeader {
border-bottom:5px solid #1C6A1C;
}
#header ul.gUl {
background:url(../images/gBackground.jpg) no-repeat;
}


.rSide {
background:url(../images/rBookingHome.jpg) top no-repeat;

}
.rHeader {
border-bottom:5px solid #9c0001;
}
#header ul.rUl {
background:url(../images/rBackground.jpg) no-repeat;
}










/*------Main------*/
#main {
float:right;
width:650px;
}

.mainText h3 {
margin-bottom:0;
}

.mainPic {
margin-bottom:25px;
}

.rightPic {
float:right;
margin:0 0 0 20px;
}

.leftPic {
float:left;
margin:0px 20px 0 0;
}

#box {
float:left;
width:210px;
height:342px;
margin-top:20px;
}

#box p {
color:#fff;
margin:15px 15px 0 15px;
}

#box h1 {
margin:15px 0 0 15px;
color:#FFFFFF;
font-size:18px;
}

#box h3 {
color:#CCCC00;
}

.parade {
margin-right:9px;
background:url(../images/paradeGreen.jpg) bottom no-repeat;
}

.royal {
margin-right:9px;
background:url(../images/royalBlue.jpg) bottom no-repeat;
}

.george {
background:url(../images/georgeRed.jpg) bottom no-repeat;
}

#box h3 {
text-align:right;
margin:10px 20px 0 0;
}

#smoking {
margin-top:5px;
margin-right:10px;
padding:9px;
background-color:#7e6b71;
width:185px;
height:70px;
float:left;
}

#smoking p {
color:#FFFFFF;
}



.table {
padding:10px;
border:none;
font-size:12px;
margin-bottom:20px;
margin-top:10px;
border:1px dashed #CCCCCC;
}


#form {
width:220px;
margin-top:40px;
float:right;
margin-right:50px;
background-color:#eee;
padding:20px;
}

.directions p {
margin-bottom:0;
}

.directions h2 {
margin-top:20px;
}

.directions .second {
border-bottom:2px dotted #CCCCCC;
padding-bottom:20px;
margin-bottom:20px;
}


ul.list {
margin:0;
padding:0;
}

ul.list li {
list-style:none;
font-size:11px;
color:#111;
background:url(../images/triangle.gif) bottom left no-repeat;
padding-left:20px;
margin:0 0 10px 0;
}

.field {
margin-bottom:20px;
background-color:#F6F6F6;
}


.map {
margin:0 0 10px 20px;
}


#mercure {
position:absolute;
top:-10px;
right:0px;

}

#mercure img {
border:none;
}

/*------Footer------*/

#footer {
margin-top:40px;
padding-top:10px;
border-top:1px solid #CCCCCC;
height:15px;
color:#333;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}


