/*  
CSS Document: Halswell Experience Splash
URI: http://www.halswellevents.co.uk
Description: CSS Document for Halswell Events
Version: 1.0

*/
/* -------------------- GENERICS */

body {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
margin:0;
background-color:#e6beed;
}

a {
font-size:14px;
color:#c6106e;
text-decoration:none;
outline:none;
}

a:visited {
color:#c6106e;
}

a:hover {
color:#9E368B;
}

img {
border:1px solid #d0d0d0;
position:absolute;
display:block;
top:30px;
}

img.left {
left:60px;
}

img.center {
left:290px;
}

img.right {
right:60px;
}

/* -------------------- Headings, Paragraphs */

h1 {
width:532px;
height:112px;
background:url(../images/splash/h1.jpg) no-repeat top left;
overflow:hidden;
text-indent:-9999px;
position:absolute;
margin:0;
padding:0;
}

h2 {
height:0px;
margin:0;
padding:0;
overflow:hidden;
text-indent:-9999px;
float:left;
}



/* -------------------- 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:50%;
margin-top:-271px;
}
#masthead {
height:112px;
width:922px;
position:relative;
z-index:12;
}


#wrapper {
margin:0 auto;
width:922px;
height:542px;
}


#content {
height:320px;
width:921px;
position:relative;
background-color:#ffe5f3;
margin:0;
padding:0;
z-index:12;
}

#footer {
height:111px;
width:920px;
position:relative;
z-index:12;
}
#topright {
width:390px;
height:112px;
position:absolute;
display:block;
right:0;
bottom:0;
background: url(../images/splash/topright.jpg) no-repeat;
}
#topright a {
height:112px;
width:140px;
display:block;
position:absolute;
right:0;
overflow:hidden;
text-indent:-9999px;
}

#bottomleft {
height:111px;
margin:0;
padding:0;
width:921px;
position:absolute;
left:0;
background:url(../images/splash/splash_bottom.jpg) no-repeat;
}

#bottomright {

}
#flashholder{
width:100%;
height:100%;
position:absolute;
top:0;
z-index:0;
}
#flashcontent4{
position:relative;
height:100%;
width:100%;
padding:0;
margin:0 auto;
text-align:center;
}