/*  
CSS Document: Halswell Weddings Splash
URI: http://www.halswellweddings.co.uk/index.html
Description: CSS Document for Halswell Weddings Splash
Version: 1.0
Author: Charlie Ridley

*/

/* -------------------- GENERICS */
body {
background: #ececda;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:70%;
margin:0;
}
a {
color:#fff;
text-decoration:none;
outline:none;
}
a:visited {
color:#fabb6a;
}
a:hover {
color:#fabb6a;
}
img {
border:1px solid #d0d0d0;
position:absolute;
display:block;
top:36px;
outline:none;
}
img a{
outline:none;
}
img.left {
left:46px;
}
img.center {
left:265px;
}
img.right {
right:46px;
}
/* -------------------- Headings, Paragraphs */

h1 {
width:536px;
height:111px;
background:url(../images/splash/topleft.gif) 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;
color:#fabb6a;
}

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

#horizon {
width:100%;
height:542px;
position:absolute;
top:50%;
margin-top:-271px;
}
#wrapper {
display:block;
margin:0 auto;
width:922px;
height:542px;
}
#masthead {
height:111px;
width:921px;
position:relative;
}
#topright {
width:385px;
height:111px;
position:absolute;
right:0;
bottom:0;
background: url(../images/splash/topright.jpg) no-repeat;
}
#topright a {
height:111px;
width:130px;
display:block;
position:absolute;
right:0;
overflow:hidden;
text-indent:-9999px;
}
#content {
height:336px;
width:920px;
position:relative;
background-color:#fff;
}
#hang {
width:137px;
height:21px;
background:url(../images/splash/hang.gif) no-repeat top left;
position:absolute;
right:18px;
}
#footer {
height:109px;
width:922px;
position:relative;
}
#bottomleft {
height:112px;
width:922px;
position:absolute;
left:0;
bottom:1px;
background:url(../images/splash/footer.gif)
}
#bottomright {
z-index:2;
display:block;
width:152px;
height:45px;
top:7px;
background: url(../images/splash/late.png) top left no-repeat;
position:absolute;
right:30px;
text-indent:-9999px;
}
#bottomright2 {
z-index:100;
display:block;
width:152px;
height:45px;
top:7px;
background:url(../images/splash/offers.png) top left no-repeat;
position:absolute;
right:192px;
text-indent:-9999px;
}
#bottomright3 a,#bottomright2 a,#bottomright a {
width:152px;
height:45px;
display:block;
position:absolute;
right:0;
overflow:hidden;
text-indent:-9999px;
}
#flashholder{
width:100%;
height:100%;
position:absolute;
top:0;
z-index:0;
}