/*  
CSS Document: Halswell Parties Splash
URI: index.co.uk/parties
Description: CSS Document for Halswell Parties Splash
Version: 1.0
Author: Greg Wood
Author URI: http://www.greg-wood.co.uk/
*/

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

body {
background: #2e2e2e url(../images/splash/bg.jpg);
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
margin:0;
color:#ccc;
}

.white {
color:#fff;
}

a {
color:#ccc;
text-decoration:none;
outline:none;
}

a:visited {
color:#ccc;
}

a:hover {
color:#fff;
}

img {
border:1px solid #300030;
position:absolute;
display:block;
top:30px;
}

img.left {
left:60px;
}

img.center {
left:290px;
}

img.right {
right:60px;
}

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

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

h2 {
width:456px;
height:57px;
background:url(../images/splash/h2.jpg) no-repeat top left;
overflow:hidden;
text-indent:-9999px;
position:absolute;
top:54px;
margin:0;
padding:0;
}

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:50%;
margin-top:-271px;
}

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

#masthead {
height:112px;
width:922px;
background:#000 url(../images/splash/headbg.jpg) top repeat-x;
position:relative;
}

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

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


#content {
height:318px;
width:920px;
position:relative;
background:#000;
border-right:1px solid #2a2a2a;
border-left:1px solid #2a2a2a;
}

#hang {
width:104px;
height:12px;
background:url(../images/splash/hang.jpg) no-repeat top left;
position:absolute;
right:33px;
}

#footer {
height:112px;
width:922px;
background:#000 url(../images/splash/footbg.jpg) top repeat-x;
position:relative;
}

#bottomleft {
height:110px;
width:371px;
position:absolute;
left:0;
bottom:1px;
background:url(../images/splash/bottom_left.gif)
}

#bottomright {
width:40px;
height:112px;
background: url(../images/splash/bottomright.jpg) top left no-repeat;
position:absolute;
right:0;
}
#flashholder{
width:100%;
height:100%;
position:absolute;
top:0;
z-index:100;
}
#flashcontent4{
position:relative;
margin:0 auto;
text-align:center;
}