/*  
CSS Document: Floral Theatre Splash
URI: http://www.floraltheatre.co.uk/index.html
Description: CSS Document for Floral Theatre Splash
Version: 4.0
Author: Charlie Ridley

*/

/* -------------------- GENERICS */


body {
background: #e7e3ed;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
margin:0;
}

a {
color:#582546;
text-decoration:none;
outline:none;
font-weight:bold;
}

a:visited {
font-weight:normal;
}

a:hover {
color:#d52252;
}

img {
border:1px solid #d0d0d0;
position:absolute;
display:block;
top:36px;
}

img.left {
left:46px;
}

img.center {
left:290px;
}

img.right {
right:46px;
}

/* -------------------- Headings, Paragraphs */



h1 {
width:537px;
height:111px;
background:url(../images/splash/top_left.jpg) no-repeat top left;
overflow:hidden;
text-indent:-9999px;
position:absolute;
margin:0;
padding:0;
}


h3{
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:0.8em;
line-height: 25px
}
h4{
font-family: Tahoma, Helvetica, Verdana, Arial, sans-serif;
font-size:1em;
}

p {
margin:0;
padding:0;
width:1px;
height:1px;
position:absolute;
left:-500px;
top:-500px;
}


/* -------------------- Lists */

ul {
margin:0;
position:absolute;
bottom:15px;
right:20px;
z-index:1;
}

ul li {
float:left;
margin-right:20px;
display:inline;
}


/* -------------------- Layout */

#horizon {
width:100%;
height:542px;
position:absolute;
top:47%;
margin-top:-271px;
}



#wrapper {
display:block;
margin:0 auto;
width:922px;
height:542px;
}

#masthead {
height:111px;
width:922px;
position:relative;

}

#topright {
width:385px;
height:111px;
position:absolute;
right:0;
bottom:0;
background: url(../images/splash/top_right.jpg) no-repeat;
}

#topright a {
height:111px;
width:130px;
display:block;
position:absolute;
right:0;
overflow:hidden;
text-indent:-9999px;
}


#content {
height:336px;
width:922px;
overflow:auto;
position:relative;
background: url(../images/splash/middle_bg.jpg) no-repeat;
}



#footer {
height:109px;
width:922px;
position:relative;
}

#bottomleft {
height:109px;
width:922px;
position:absolute;
left:0;
bottom:1px;
background:url(../images/splash/footer.jpg)
}


#flashholder{
width:100%;
height:100%;
position:absolute;
top:0;
z-index:0;
}
#strap img{
z-index:10;
position:absolute;
top:5px;
left:292px;
border:none;
}