

/* ------------------ GENERAL ----------------------- */

*
{
    border: 0px;
    margin: 0px;
    padding: 0px;
}

body
{
    background-image: url(images/bg.jpg);
    font-family: Georgia;
    color: #282828;
    font-size: 13px;
}

#main_container
{
    width: 833px;
    margin: 0 auto;
}

#inner_main
{
    float: left;
    background-color: #FFFFFF;
    width: 833px;
    border: 1px solid #c1c1c1;
    border-top: none;
	margin-top: -17px;
}

a:link, a:visited, a.buy_button_general:link, a.buy_button_general:visited
{
    color: Navy;
    text-decoration: underline;
    font-size: 13px;
    clear: both;
    font-weight: bold;
}

a:hover, a.buy_button_general:hover
{
    color: #000;
    text-decoration: none;
    font-size: 13px;
    clear: both;
    font-weight: bold;
}

a.buy_button_general:link, a.buy_button_general:visited
{
    background-color:#2F5795;
    color: #E0D43A;
    float: right;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
}

a.buy_button_general:hover
{
    background-color: #E0D43A;
    color: #2F5795;
    float: right;
    padding: 3px 5px 3px 5px;
}




h1, h2, h3, h4, .heading, #divVenuInfoHeader
{
    font-weight: bold;
    color: #072A7C;
    font-family: Georgia;
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

h1
{
    float: left;
    color: #E0D43A;
    font-size: 30px;
    letter-spacing: -2px;
    margin-left: 15px;
}

#london-theatre-musical
{
    float: left;
    color: #E0D43A;
    font-size: 24px;
	font-weight:bold;
	display:table;
	margin-left:20px;
}

h2, .subheading
{
    font-size: 30px;
	color:#E0D43A;
    font-weight: bold;
    letter-spacing: -2px;
	margin-top:-50px;
	
}

h3
{
    font-size: 24px;
	color:#245677;
	font-family:Georgia;
    font-weight: bold;
    letter-spacing: 0px;
    padding-bottom: 5px;
    display: block;
}

h4
{
    font-size: 22px;
	color:#245677;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
}
#TicketInfo
{
	font-size:20px;
	font-weight:bold;
	margin:0px;
	padding: 0px;
	display:block;
	color:#245677;
}

.heading
{
    float: left;
    color: #E0D43A;
    font-size: 30px;
    letter-spacing: -2px;
}

#othertitles
{
    font-size: 26px;
	font:Arial, Helvetica, sans-serif;
	color:#245677;
    font-weight: bold;
    padding-bottom: 10px;
    display: block;
}


#image-gallery
{
	width:150px;
	height:220px;
	border:2px solid #999999;
	margin-left:10px;
	float:left;
	margin-bottom:10px;
}

#image-photo-gallery
{
	width:120px;
	height:180px;
	border:2px solid #999999;
	margin-left:10px;
	float:left;
	margin-top: 10px;
}


a.avaibility:link, a.avaibility:visited 

{
    color: Navy;
    background-image:url(images/check_btn_blue.png);
	background-repeat:no-repeat;
    font-size: 18px;
    font-weight: bold;
	width: 205px;
	height:38px;
	display:block;
	padding-top:16px;
	padding-left:25px;
	color:#fff;
	text-decoration:none;
	background-position:right;
	
}

a.avaibility:hover
{
	text-decoration:underline;
}


/* ------------------ GENERAL ENDS ----------------------- */




/* ------------------ HEADER  ----------------------- */


#top_container
{
    float: left;
    width: 833px;
    height: 104px;
    background-color: #2F5795;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-top: 20px;
}

#TopNavigation
{
 	height: 28px;
    list-style: none;
    font-size: 14px;
    list-style: none;
    font-weight: bold;
    float: left;
    margin-left: 12px;
    margin: 4px;
    line-height: normal;
}

#TopNavigation li
{
    float: left;
    position: relative;
}

#TopNavigation li a:link, #TopNavigation li a:visited
{
    font-size: 16px;
    float: left;
    padding: 3px 8px 5px 10px;
    color: #E0D43A;
    text-decoration: none;
    
	
}

#TopNavigation li a:hover
{
    color: #fff;
    display: block;
 
}

.SelectedPage
{
    background-color: #fff;
    color: #ff0000;
    font-size: 15px;
    padding: 3px 10px 5px 10px;
    text-decoration: none;
    border-left: 4px solid #ff0000;
}


#divVenuInfoHeader
{
    float: right;
    margin-top: 0px;
    width: 350px;
    margin-right: 18px;
    color: #E0D43A;
    font-weight: bold;
    text-align: right;
}

#divVenuInfoHeader span#VenueName
{
    font-size: 30px;
    letter-spacing: -2px;
}

#divVenuInfoHeader span#VenueAddress
{
    font-size: 15px;
    letter-spacing: 0px;
}

#divVenuInfoHeader span#PhoneNumber
{
    font-size: 22px;
    letter-spacing: 0px;
    font-weight: bold;
    line-height: 45px;
}


/* ------------------ Header Ends ----------------------- */



/* ------------------ Content Area ----------------------- */

#content_area_container
{
    float: left;
    margin-top: 0px;
    width: 812px;
    padding: 10px;
}

#video_container
{
    margin-left: 10px;
    float: left;
    width: 399px;
}

#middle_text_container
{
    float: left;
    width: 813px;
    margin-top: 12px;
    padding-left: 10px;
    padding-right: 10px;
    color: #666666;
}

#show_img_home
{
    float: left;
    margin: 0 10px 2px 0px;
    width: 400px;
}

#venue_img_theatre
{
    float: left;
    margin: 0 28px 2px 0px;
    width: 230px;
	border: 1px solid #999999;
}


#cast_img_home
{
    float: left;
	border: 1px solid #999999;
    margin: 0 10px 2px 0px;
    width: 50px;
}


#story
{
    float: left;
    margin: 0 10px 2px 0px;
    width: 400px;
}


#WOZ_birth_place
{
    float: right;
    margin: 0 10px 2px 0px;
    width: 275px;
	height: 250px;
	margin-top: 6px;
}

#white_border
{
	width:835px;
	margin-left:-13px;
	background-color:#FFFFFF;
	display:table;
	height:40px;
	margin-bottom:-5px;
}

#facebook_border
{
	width:835px;
	margin-left:-13px;
	background-color:#FFFFFF;
	display:table;
	height:35px;
	margin-top: -9px;
	padding-top: 5px;
}

#facebook-icon_img
{
    float: left;
	width: 110px;
	height:30px;
	margin-left:15px;
	margin-top:5px;
	border:1px solid #666666;
	
	}
	
#twitter_img
{
	float:left;
	width: 110px;
	height:30px;
	border:1px solid #666666;
	margin-left:5px;
	margin-top:5px;
}

#youtube_icon
{
	float:left;
	width: 110px;
	height:30px;
	border:1px solid #666666;
	margin-left:5px;
	margin-top:5px;
}

.TheatreMap
{
    margin: 0 10px 10px 0px;
    width: 100%;
	text-align:center;
}

.TheatreSeatingImage
{
	float:right;
    border: 1px solid #c1c1c1;
    float: left;
    margin: 0 10px 2px 0px;
    width: 450px;
}

.check-button-blue
{
	float:left;
	
}



/* ------------------ Content Area Ends ----------------------- */



/* ------------------ Footer ----------------------- */

#footer_containter
{
    width: 809px;
    float: left;
    border-top: 4px solid #999999;
    padding-top: 10px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #2F5795;
}

#divFooterHeading
{
    width: 800px;
    display: table;
    clear: both;
    margin-bottom: 10px;
    font-weight: normal;
}


#footertext
{
    float: left;
    margin-top: 15px;
    font-size: 14px;
    width: 800px;
    color: #E0D43A;
}

.footerlinks
{
    width: 100%;
    float: left;
}

#footer_containter ul
{
    float: left;
    margin-left: 0px;
}

#footer_containter ul li
{
    float: left;
    list-style: none;
    display: inline;
    margin: 5px 8px 0 0;
}

#footer_containter ul li a:link, #footer_containter a:visited, #footertext a:link, #footertext a:visited
{
    color: #E0D43A;
    text-decoration: underline;
    font-size: 14px;
    width: 160px;
    line-height: 18px;
    padding: 2px 8px 2px 8px;
}

#footer_containter ul li a:hover, #footertext a:hover
{
    color: #000;
    text-decoration: none;
    background-color: #DED2D9;
    font-size: 14px;
    padding: 2px 8px 2px 8px;
}

#footertext a:link, #footertext a:visited
{
    background-color: #DED2D9;
    color: #072A7C;
    text-decoration: none;
}

#footertext a:hover
{
    background-color: #E0D43A;
    color: #072A7C;
}

a.addthis_button:hover
{
    background-color: Transparent;
}

.cast_box {
float:left; 
width:382px;
height:290px; 
background-color:#FFFFFF; 
border:1px solid #CCCCCC; 
padding:6px; margin-left:7px; 
background-image:url(images/cast_box_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
margin-top:8px;
}

.cast_box img {
float:left;
padding:6px;
height:250px;
width:150px;
}

.cast_box .heading_actor {
font-family:Georgia;
font-size:15px;
color:#245677;
font-weight:bold;
}

.cast_box p {
font-family:Georgia;
font-size:14px;
color:#666;
margin-left:5px;
}



/* ------------------ Footer Ends ----------------------- */













