body {
	margin: 0;
	padding: 0;
	background: #333333 url(images/royal_guesthouse_london.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}

h1, h2, h3 {
	margin-top: 0;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1em;
}

ul {
	list-style-image: url(images/img07.gif);
}

a {
	color: #333333;
}

a:hover {
	text-decoration: none;
	color: #000000;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 20px;
}

#center {
	text-align:center;
}

/* Header */
#logo {
	width: 750px;
	height: 65px;
	margin: 0 auto;
}

#logo h1, #logo p {
	margin: 0;
	color: #FFFFFF;
}

#logo h1 {
	float: left;
	padding-top: 30px;
}

#logo p {
	float: right;
	padding-top: 39px;
	font-size: 1.2em;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Menu */

#menu {
	width: 777px;
	height: 45px;
	margin: 0 auto;
	background: #F6F6F6 url(images/img02.gif) no-repeat;
}

#menu ul {
	margin: 0;
	padding: 5px 0 0 11px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 0px;
	padding: 15px 25px 25px 13px;
	text-decoration: none;
	font-weight: bold;
	color: #333333;
}

#menu a:hover {
	text-decoration: underline;
	color: #ffffff;
background-color:#333333;
}

#menu .current_page_item a {
	background: url(images/img06.gif) repeat-x;
}


#nav {
  
 margin-top:-12px;
}
#nav ul {
  margin-left: 3px;
  padding-left: 1px;
  padding-bottom: 29px;
  background: #7DC40D ;
}
#nav li {
  list-style: none;
  font: 15px "arial narrow", arial, sans-serif;
  border-top: 1px solid #94CF0F;
  background: 188px 10px  no-repeat;
  padding: 7px 0 0 31px;
}
#nav a {
  color: #000000;
  text-decoration: none;
  border-left: 1px solid #94CF0F;
  padding-left: 10px;
  display: block;
  width: 90%;
  padding: 2px 0 6px 8px;
}
#nav a:hover {
  text-decoration: underline;
}
#nav .important {
  border: none;
  background: 188px 10px  no-repeat;
}
#nav .important a {
  color: #bb8855;
}

/* Page */

#page {
	width: 778px;
	min-height: 100%;
	margin: 0 auto;
	background: #FFFFFF url(images/img05.gif) repeat-y;
}

#page-bg {
	padding: 11px 24px;
	background: url(images/img03.jpg) no-repeat;
	height: 230px;
	width: 730px;
}

#wrapper {
	width: 1000px;
	margin: auto;
}

#wrapper-content {
	float: left;
	width: 778px;
}

#bookingEngine {
	float:left;
	padding-left:2px;
	padding-top:68px;
	width:220px;
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
	margin-bottom:10px;
}

/* Content */

#content {
	float: left;
	width: 510px;
	padding: 20px 0 0 20px;
}

.post {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #E7E7E7;
}

.title {
	margin: 0;
}

.title a {
	text-decoration: none;
}

.title a:hover {
	border-bottom: 1px dotted #999999;
}

.byline {
	margin: 0 0 20px 0;
}

.entry {
}

.links {
	padding-top: 10px;
	text-align: right;
	font-weight: bold;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 230px;
	padding-right: 20px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#sidebar li li {
	padding: 5px 20px 5px 35px;
	background: url(images/img07.gif) no-repeat 20px 50%;
	border-bottom: 1px solid #F3F3F3;
}

#sidebar h2 {
	margin: 0;
	padding: 24px 0 3px 20px;
	border-bottom: 1px solid #E7E7E7;
	letter-spacing: -1px;
	font-size: 1.2em;
	font-weight: bold;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	width: 750px;
	margin: 0 auto;
	padding: 20px 0;
	background: url(images/img08.gif) no-repeat;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: smaller;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

#frameMap
{
	margin-left:100px;
  text-align:center;
	 
}
#left {
  float: left;
  width: 150px;

}
#right {
  float: right;
  width: 570px;
padding-right:70px;
}

/* Newsletter*/

#col {
/*background:#eaecf9 url("../design/col_bg.jpg") 0 0 repeat-y;*/
}

#col-in {
padding:5px 10px 5px 10px;
font-size:12px;
border: 1px solid #7DC40D;
margin-left: 0px;
margin-top: 20px;
width:180px;
margin-bottom:5px;
text-align:center;
color: #FFFFFF;
}

#col-in h3 a {
color:#FFFFFF;
margin:0 -10px 15px;
padding:5px 15px 5px 10px;
text-align:center;
}

#col-in h3 a:hover {
background-color:#414141;
color:#FFFFFF;
margin:0 -10px 15px;
padding:5px 15px 5px 10px;
text-align:center;
}

/* Slideshow */
#s3slider {
   width: 600px; /* important to be same as image width */
   height: 400px; /* important to be same as image height */
   position: relative; 
   overflow: hidden;
   margin: 30px auto;
}

#s3sliderContent {
   width: 600px; /* important to be same as image width or wider */
   position: absolute;
   top: 0; 
   margin-left: 0;
   padding: 0px;
}

.s3sliderImage {
   float: left; 
   position: relative;
   display: none; 
}

.s3sliderImage span {
   position: absolute;
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 0px;
   width: 600px; /* important to be same as image width or wider */
   background-color: #000;
/*   filter: alpha(opacity=70); 
   -moz-opacity: 0.7; 
   -khtml-opacity: 0.7; 
   opacity: 0.7;*/
   color: #fff;
   display: none;
   top: 0;
}

.clear {
   clear: both;
} 
/* END Slideshow */

/*  Chrome Theme   */
.chromestyle{
width: 100%;
font-weight: bold;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
padding: 4px 7px;
margin: 0;

font-size:11pt;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/

}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #333333; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #7DC40D;
width: 111px;
visibility: hidden;
font-size:8pt;
padding:0px;
/*padding-left:-15px;*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #333333; /*THEME CHANGE HERE*/
padding: 2px 0px;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #9F876B;
}

/*   end drop down menu          */

#londonPass {
		margin-left: 190px;
}

#bookmarks {
		margin-top: 20px;
		
}

#bookmarks a {
	color: #FFFFFF;
}


/* Infobox ================================================================== */
.infobox_light .infobox_top {
	background: url('../images/infoboxwhite_top.jpg') center top no-repeat;
	height: 6px;
	margin: 0px;
	width: 536px;
	clear: left;
}
.infobox_light .infobox_content {
	width: 200px;
	background: #333333 url('../images/infoboxwhite_back.jpg') center repeat-y;
	margin:0 0 0 -2px;
	padding: 5px 0px;
	color: white;
	overflow: auto;
	position: relative;
	
	border: 3px #7DC40D solid;
}
.infobox_light .infobox_bottom {
	background: url('../images/infoboxwhite_bottom.jpg') center bottom no-repeat;
	height: 6px;
	width: 536px;
	margin: 0px 0px 5px;
}
.infobox_dark .infobox_top {
	background: url('../images/infobox_top.jpg') center top no-repeat;
	height: 6px;
	width: 536px;
	margin: 0px;
	clear: left;
}
.infobox_dark .infobox_content {
	width: 536px;
	background: #333333 url('../images/infobox_back.jpg') center repeat-y;
	margin: 0px;
	padding: 5px 0px;
	color: #ffffff;
	overflow: auto;
	border: 3px #7DC40D solid;
}
.infobox_dark .infobox_bottom {
	background: url('../images/infobox_bottom.jpg') center bottom no-repeat;
	height: 6px;
	width: 536px;
	margin: 0px 0px 5px;
}
* html .infobox_light .infobox_content,
* html .infobox_dark .infobox_content {
	width: 510px;
}
.infobox_light .infobox_content span.title,
.infobox_dark .infobox_content span.title {
	margin: 0px 10px 3px;
	display: block;
	text-align:center;
	font-size: 13px;
}
/* End Infobox ================================================================ */

.shows td{
	width: 155px;
	text-align:center;
}
.shows img{
	text-align:center;
}

/* Theatre Booking Engine ========== */
.theatre {
	width:470px;
	height:125px;
	margin-top:10px;
}
.theatre .row{
	height:25px;
 	margin-left:84px;
}
.theatre .col1{
	width:100px;
	float:left;
	margin:5px 0px;
}
.theatre .col2{
	margin-left:100px;
}
.theatre .button{
	margin-left:140px;
}
/* End Theatre Booking Engine ========== */

/* Tour Booking Engine ========== */
.tour {
	width:470px;
	height:125px;
	margin-top:10px;
}
.tour .row{
	height:25px;
 	margin-left:84px;
}
.tour .col1{
	width:100px;
	float:left;
	margin:5px 0px;
}
.tour .col2{
	margin-left:100px;
}
.tour .button{
	margin-left:140px;
}
/* End Tour Booking Engine ========== */

/* Tour Infobox ================================================================== */
.infobox_tour .infobox_content {
	width: 470px;
	background: #333333 center repeat-y;
	margin-left: 50px;
	padding: 5px 0px;
	color: white;
	overflow: auto;
	border: 3px #7DC40D solid;
}
.infobox_tour .infobox_content span.title {
	margin: 0px 10px 3px;
	display: block;
	text-align: center;
	font-size: 13px;
	font-family: "Arial";
}
/* End Tour Infobox ================================================================ */


.infobox_light1 .infobox_top1 {
	background: url('../images/infoboxwhite_top.jpg') center top no-repeat;
	height: 6px;
	margin: 0px;
	width: 536px;
	clear: left;
}
.infobox_light1 .infobox_content1 {
	width: 380px;
	background: #333333 url('../images/infoboxwhite_back.jpg') center repeat-y;
	margin-left:66px;
	padding-right:65px;
	color: white;
	overflow: auto;
	position: relative;
	
	border: 3px #7DC40D solid;
}