/* CSS Document */
body {
	color:#0000FF;
	width: 100%;
	margin-right:5em;
	padding-left:2em;
	font-family:arial,verdana,sans-serif;
	background-color:#CCCCCC;
}
h1 {
	color:#FF6600;
	font-size: 130%;	
}
h2 {
color:#FFFFFF;
margin:0;
}
	}
h3	{
	color:#FF6600;
	font-size: 90%;
	margin: 0.2em;
}
h4 {
	color:#0000FF;
	font-size: 120%;
	width: 90%;
	margin: 0;
	padding: 0.1em;
}
h4 img {
margin-left: 1.5em;
}
p {
	font-size: 90%;
	color:#003366;
}
#main {
clear: left;
margin-right:5em;
}
#header {
	float: left;
	width: 100%;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 2em;
	font-size: 80%;
	background-color:#FFCC66;
}
#header ul {
	margin: 0;
	padding: 0 0 0 0 0;
  	list-style-type: none;
 }

#header li {
	float: left;
	background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/tab_side.gif);
	background-repeat:no-repeat;
	margin 0 0 0 0;
	padding: 0 0 0 14px;
}

#header a {
	float: left;
	display: block;
	background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/tab_whole.gif);
	background-repeat:no-repeat;
	background-position: right top;
	padding: 0.2em 14px 0.2em 0;
	text-decoration: none;
	font-weight: bold;
	color:#FF9900;
}

#home #header li.home,
#offers #header li.offers,
#map #header li.map,
#tickets #header li.tickets,
#currency #header li.currency,
#car #header li.car, {
	background-image:url(file:///C|/Documents and Settings/Gordon/My Documents/bookhotels/tab_side.gif);
	color:#0000FF;
}

#home #header li.home,
#offers #header li.offers,
#map #header li.map,
#tickets #header li.tickets,
#currency #header li.currency,
#car #header li.car,  {
	background-image:url(file:///C|/Documents and Settings/Gordon/My Documents/bookhotels/Images/tab_whole.gif);
	background-color: transparent;
	color:#0000FF;
}
#home #header li.home a:hover,
#offers #header li.offers a:hover,
#map #header li.map a:hover,
#tickets #header li.tickets a:hover,
#currency #header li.currency a:hover,
#car #header li.car a:hover {
	color:#0000FF;
}
#top {
	height: 70px;
	background-color:#FFFFFF;
	margin-bottom:0.25em;
}
#top .slogan {
		border:1px solid #C1BFBF;
		background-color:#F4F4FF;
		padding: 0.5em 1.5em 0.5em 0.5em;
		color:#3399FF;
		font-size:120%;
		float: right;
		margin-right: 5.5em;
		margin-top: 1em;
}
#top .logo {
	float: left;
	width: auto;
	}
#image {
width: 150px;
float:left;
text-align:center;
margin-right:1em;
margin-left: 0.5em;
padding-top: 1em;
background-color:#FFFFFF;
border: 1px solid #0000FF;
}
#image img {
border: 0px solid #0000FF;
}
#image ul {
list-style: none;
margin: 0;
padding: 0;
}
#image li {
display: inline;
}
#image a:link, .image a:visited {
color:#0000FF;
text-decoration: none;
}
#image a:hover {
color:#FF6600;
}
#image1 {
	width: 150px;
float:left;
text-align:center;
margin-right:1em;
margin-left: 0.5em;
background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/background1.gif);
}
#image1 img {
border: 0;
}
#image1 ul {
list-style: none;
margin: 0;
padding: 0;
}
#image1 li {
display: inline;
}
#image1 a:link, .image1 a:visited {
color:#0000FF;
text-decoration: none;
}
#image1 a:hover {
color:#FF6600;
}
.style11 {
color: #0000FF;
}
.style13 {
font-family: "Comic Sans MS";
}
.style9 {
color: #FF9900;
font-family:"Comic Sans MS";
font-weight: bold; 
}
.style16 {
color: #FF6600;
font-family:"Comic Sans MS";
font-weight: bold;
}
.style1 {
color:#FF9900;
font-family:Arial, Helvetica, sans-serif;
size: 150%;
font-weight:bold;
}
.style2 {
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
size: 150%;
font-weight:bold;
}
#alpha {
margin-left:1em;
}
#themepark {
width: 600px;
margin-bottom: 1em;
margin-left:0.5em;
}
#themepark img{
float: left;
margin-right: 0.5em;
}
#theatremain1 {
margin-top:13.5em;
margin-left:18.1em;
}
#theatremains {
float:left;
margin:1em;
padding: 0.5em;
width: 600px;
}
.theatretext {
float: right;
}
#theatrenews {
clear: left;
border: 1px solid #999999;
margin:1em;
margin-top:4em;
padding: 0.5em;
width: 600px;
}
#theatrenews img {
float: left;
margin-right: 1em;
}
#theatremain1 h2{
color:#FFFFFF;
	font-size: 140%;
background-color:#E35252;
	width:100%;
	margin:0;
	}
#theatretext {
margin-left:135px;
width: 300px;
}
#theatremain2 {
background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/theatre_background.jpg);
width:706px;
height: 680px;
}
#theatremain3 {
background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/theatre_background_white1.jpg);
width:706px;
height:690px;
padding-top:0.5em;
}
#theatretop h1 {
margin:0;
}
#theatrefoot {
clear: left;
width:450px;
color:#FFFFFF;
background-color: #EF4337;
border: 1px solid #999999;
padding: 0.25em;
margin: 1em;
margin-left: 9.6em;
}
.theatrebox {
float: left;
width: 200px;
padding:0.25em;
border: 1px solid #999999;
margin-right: 0.5em;
margin-left: 9em;
}
.speciality {
border: 1px solid #CCCCCC;
background-color: #E7EDF5;
float:right;
width:330px;
margin-right:4em;
}
.speciality h2 {
margin-bottom: 0.5em;
}
.speciality1 {
border: 1px solid #CCCCCC;
padding:0.25em;
margin: 0.5em;
width: 575px;
margin-right: 13em;
}
#conact {
padding: 1em;
margin-left: 3em;
}
#conact img {
float: right;
}
#content {
	background-color:#ffffFF;
	font-size: 100%;
}
#footer {
	clear:both;
	border-top: 2px solid #FF6600;
	background-color:#FFFFFF;
}
#head {
	background-color:#FFFFFF;
	margin-left:0.5em;
	margin-right:0.5em;
}
#events {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFCC66;
}
#offer {
float: right;
margin-right: 6em;
margin-left: 1em;
font-size: 90%;
}
#offer ul {
list-style: none;
}
#offer li {
display: inline;
}
#offer img {
text-align: center;
margin: 1em 1em 1em 1em;
}
.image3 {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 90%;
	float: left;
	width:auto;
	margin: 0 0.5em 0 0em;
}
.image3 img {
border: 1px solid;
}
.image3 ul {
list-style: none;
margin: 0;
padding: 0;
}
.image3 li {
display: inline;
}
.image3 a:link, .image3 a:visited {
color:#0000FF;
text-decoration: none;
}
.image3 a:hover {
color:#FFFFFF;
}
#destinations {
width: 510px;
padding: 1em 0em 0em 0em;
margin-left: auto;
margin-right: auto;
background-color:#FFFFFF;
border: 1px solid #0000FF;
}
#test {
float:right;
margin-left: 0.25em;
margin-right: 0;
width: 180px;
}
#theatreright {
float:right;
margin: 0;
width: 150px;
}
#theatreright ul{
list-style:none;
}
#theatreright li{
margin-bottom:1px;
}
.theatreshow {
border: 1px solid #999999;
width: 100px;
padding:0.2em;
margin-bottom:0.5em;
}
#hot {
clear:both;
width: 100%;
margin: 1em 3em 1em 1em;
}
#hot a:link, #hot a:visited {
color:#CCCCCC;
text-decoration: none;
}
#hot a:hover {
color:#666666;
}
#weeklyoffers {
width: 170px;
height: 300px;
background-color:#E7EDF5;
border: 1px solid #CCCCCC;
margin: 1.5em 0.5em 1.5em 0.5em;
padding-bottom: 1em;
}
#spacer {
width: 170px;
height: 120px;
margin: 1.5em 0.5em 1.5em 0.5em;
padding-bottom: 1em;
}
#theatre {
background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/left.png);
width: 170px;
height: 205px;
margin: 1.5em 0.5em 1.5em 0.5em;
padding-bottom: 1em;
}

#theatre .flash {
margin-left: 35px;
margin-right: 35px;
}
#theatreshows {
margin-left:0em;
}
#theatreshows ul {
list-style: none;
}
#theatreshows li {
float:left;
list-style:inline;
width:350px;
height:160px;
border:1px solid #CCCCCC;
padding:0.5em;
margin-left:0.5em;
margin-bottom:1em;
}
#theatreshows li img {
float:left;
margin-right:0.25em;
margin-top:0.5em;
}
#theatreshows li p{
color:#999999;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
margin-left:85px;
}
#theatreshows li h3{
size:100%;
color:#666666;
margin:0;
}



#side1 {
float: left;
width: 180px;
}
.box {
background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/left.png);
width: 170px;
height: 205px;
margin: 1.5em 0.5em 1.5em 0.5em;
padding-bottom: 1em;
padding-top: 0.5em;
}
.boxright {
font-size: 80%;
text-align:center;
background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/right.png);
width: 150px;
height: 265px;
margin: 0.5em 0.5em 1em 0.5em;
padding-bottom: 1em;
}
.boxright ol {
text-align: left;
margin-top: 0;
}
.boxright p {
size: 120%;
margin-left:0.5em;
}
.box1 {
border: 1px solid #99CCCC;
width: 160px;
height: 173px;
margin-left: 185px;
padding-bottom: 1em;
}
.boxescentre {
text-align:center;
font-size: 80%;
width: 390px;
margin-top:1em;
margin-left: 190px;
border:1px solid #CCCCCC;
padding: 0.5em 0.5em 0.5em 0.5em;
}

.boxescentre1 {
font-family:arial,verdana,sans-serif;
text-align:center;
font-size: 80%;
width: 390px;
height:auto;
margin-top:1em;
margin-left: 190px;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.boxescentre2 {
font-family:arial,verdana,sans-serif;
text-align:center;
font-size: 80%;
width: 570px;
height:150px;
margin-top:1em;
margin-left: 10px;
border:1px solid #CCCCCC;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.boxescentre2 img{
float:left;
}
.boxescentre3 {
font-family:arial,verdana,sans-serif;
text-align:center;
clear:both;
width: 100%;
height:auto;
margin-top:3em;
margin-left: 10px;
border:1px solid #CCCCCC;
}
.boxescentre3 p{
font-size: 100%;
color:#003366;
}
.text {
margin: 0.5em 0.5em 0.5em 0.5em;
}
.boxescentre4 {
font-family:Arial, Helvetica, sans-serif;
clear:left;
background-color:#ECF1F7;
text-align:center;
font-size: 90%;
width: 570px;
height:165px;
margin-top:1em;
margin-left: 10px;
border:1px solid #CCCCCC;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.boxescentre4 img{
float:left;
}
.boxescentre4 a:link, a:visited {
color:#003399;
}
.boxescentre4 a:hover {
color:#FF6600;
}
.boxescentre4 h2 {
margin: 0em;
}
.boxescentre4 h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
}
.boxescentre h2 {
margin: 0em;
}
.newscentre {
font-family:Arial, Helvetica, sans-serif;
clear:left;
background-color:#ECF1F7;
text-align:center;
font-size: 90%;
width: 570px;
height:auto;
margin-top:1em;
margin-left: 10px;
border:1px solid #CCCCCC;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.newscentre a:link, a:visited {
color:#003399;
}
.newscentre a:hover {
color:#FF6600;
}
.newscentre p {
margin-top:0.5em;
}
.newscentre h2 {
margin: 0em;
}
.newscentre h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:150%;
}
.newscentre ul {
list-style: none;
margin: 0;
padding: 0;
}
.newscentre li {
float: left;
list-style: none;
margin-right:2.5em;
padding: 0;
text-align: centre;
}
.boxes {
font-size: 80%;
width: 300px;
height: 150px;
margin-top:1em;
margin-left: 250px;
border:4px solid #003399;
padding: 0.5em 0.5em 0.5em 0.5em;
}
.boxes ul {
list-style: none;
margin: 0;
padding: 0;
padding-top: 0.5em;
}
.boxes li {
display: inline;
}
.boxes img {
margin: 1em 1em 1em 1em;
}
#search {
margin: 0.25em 1em 1em 1em;
}
#search img{
margin-left: 1em;
}
#search p{
line-height: 1;
margin-bottom: 0.5em;
margin-top:0.1em
}
.image4 {
margin-left: 0.1em;
}
#links a:link, #links a:visited {
color:#999999;
font-family:Arial, Helvetica, sans-serif;
font-size: 110%;
}
#links a:hover {
color:#FF6600;
}
#navigation {
font-size: 85%;
margin-top:0.35em;
width: auto;
height:auto;
}
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 1em;
padding-top: 0.5em;
}
#navigation li {
display: inline;
}
#navigation a:link, #navigation a:visited {
padding: 0.2em 0.75em 0.2em 0.75em;
margin-right: 0.1em;
color:#FFFFFF;
background-color:#003399;
text-decoration: none;
}
#navigation a:hover {
color: #FFFFFF;
background-color:#FF9900;
}
#airportsearch {
float: left;
margin-left: 1em;
width: 390px;
background-color:#ECF1F7;
border: 1px solid #999999;
}
#airports {
float:right;
}
#airports ul {
list-style:url(file:///C|/Users/Gordon/Documents/hotels/Images/airport_bullet.gif) none;
}
#airportbox {
width: 500px;
margin-left: 0.75em;
}
#airportbox ul {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 1em;
padding-top: 0.5em;
}
#airportbox li {
display: inline;
float: left;
margin-right: 0.5em;
margin-top:1em;
}
.airbox {
width:155px;
height: 123px;
background-color:#ECF1F7;
border: 1px #999999 solid;
line-height: 1em;
}
.airbox h2 {
width: 100%;
background-color:#003399;
color:#FFFFFF;
font-size: 100%;
line-height: 1.5em;
margin-bottom: 0.1em;
}
.airbox p {
margin: 0;
}
.airbox img {
float: left;
margin-right:0.1em;
}
#mainpage1 {
width: 100%;
margin-left: 0.75em;

}
#mainpage1 ul {
list-style: none;
margin-bottom: 2em;
padding: 0;
padding-bottom: 1em;
padding-top: 0.5em;

}
#mainpage {
width: 100%;
margin-left: 0.75em;
margin-bottom:2em;
}
#mainpage ul {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 1em;
padding-top: 0.5em;
}
#mainpage li {
display: inline;
float:left;
margin-right: 0.5em;
margin-top:1em;
width:300px;
height: 200px;
background-color:#ECF1F7;
border: 1px #999999 solid;
line-height: 1em;
}
#mainpage li img {
float: left;
margin-right:0.1em;
}
#mainpage li h2 {
width: 100%;
background-color:#003399;
color:#FF9900;
font-size: 100%;
line-height: 1.5em;
margin-bottom: 0.1em;
}
#mainpage li p {
margin: 0;
}

#mainpage1 {
width: 800px;
margin-left: 0.75em;
}
#mainpage1 ul {
list-style: none;
margin: 0;
padding: 0;
padding-bottom: 1em;
padding-top: 0.5em;
}
#mainpage1 li {
display: inline;
float: left;
margin-right: 0.75em;
margin-top:1em;
}
.boxmas {
width:200px;
height: 150px;
background-color:#ECF1F7;
border: 1px #999999 solid;
line-height: 1em;
}
.boxmas h2 {
width: 100%;
background-color:#003399;
color:#FFFFFF;
font-size: 100%;
line-height: 1.5em;
margin-bottom: 0.1em;
}
.boxmas p {
margin: 0;
}
.boxmas img {
float: left;
margin-right:0.1em;
}
#xmas {
width:800px;
height:380px;
background-image:url(file:///C|/Users/Gordon/Documents/hotels/Images/festive-breaks.png);
}
#halfterm {
clear: left;
margin-left:0.5em;
width:600px;
}
#halfterm p{
margin:0em;
font-size:90%;
color:#666666;
}
#mainbooking {
float:left;
border:1px solid #666666;
padding:0.2em;
padding-bottom:3em;
margin-bottom:2em;
margin-right:2em;
width:19em; 
background-color:#F4F4FF;
}
#mainbooking h2 {
font-size:190%;
background-color: #0078B4;
color:#FFFFFF;
margin:0;
padding:0.25em;
}

#mainbooking .heading {
color:#000000;
font-size:120%;
}
#mainbooking .search {
color:#000000;
font-size:170%;
}
.gabox {
float:left;
margin-right:3em;
width: 235px;
height: 170px;
padding:0.3em;
border: 1px solid #666666;
background-color:#F4F4FF;
}
.gabox h5 {
margin-top:0.25em;
margin:0em;
color:#000000;
font-size:120%;
}
.gabox p {
font-size:100%;
margin:0em;
color:#000000;
}
.gabox a:link, .gabox a:visited {
color:#000000;
text-decoration:underline;
}
.gabox a:hover {
color:#FF6600;
text-decoration:none;
}
.gabox1 {
float:left;
margin-right:3em;
margin-top:2em;
width: 235px;
height: 170px;
padding:0.3em;
border: 1px solid #666666;
background-color:#F4F4FF;
}
.gabox1 h5 {
margin-top:0.25em;
margin:0em;
color:#000000;
font-size:120%;
}
.gabox1 p {
font-size:100%;
margin:0em;
color:#000000;
}
.gabox1 a:link, .gabox a:visited {
color:#000000;
text-decoration:underline;
}
.gabox1 a:hover {
color:#FF6600;
text-decoration:none;
}
#mainright {
}
#mainright a:link, a:visited {
border-right:1px dotted #666666;
background-color:#AAD6FD;
color:#000000;
padding-top:0.5em;
padding-left:1.60em;
padding-right:1.60em;
padding-bottom:1em;
text-decoration:underline;
}
#mainright .last a:link, a:visited {
border: 0em;
}
#mainright a:hover, a:active {
background-color:#000066;
color:#FFFFFF;
}

<!--[if IE 7]>
<style type="text/css">
#navigation li {
padding: 0.3em 0.3em;
}
#navigation, #navigation li {
zoom: 100%;
}
</style>
<![endif]-->


