html {
min-height:100%;
}

body {
background:url(/images/landing/landing_top.jpg) repeat-x left top;
height:100%;
}

#bottom {
background:url(/images/landing/landing_base.jpg) repeat-x left bottom;
height:126px;
width:100%;
bottom:0;
position:absolute;
}

#garrard-position {
height:1px;
left:0;
overflow:visible;
position:absolute;
top:50%;
visibility:visible;
width:100%;
}

#garrard-content {
height:510px;
top:-255px;
left:50%;
width:924px;
margin-left:-462px;
position:absolute;
visibility:visible;
z-index:100;
}

a.arrow {
background:url(../images/a_arrow.gif) no-repeat 0 4px;
font:1.1em Arial,sans-serif;
text-decoration:none;
font-size:0.9em;
color:#777;
padding:0 0 3px 10px;
}

.arrow:hover {
text-decoration:underline;
}

#logo {
margin-top:100px;
width:450px;
text-align:center;
float:left;
}


.enter {
background:url(/images/enter_button.gif) no-repeat 0 0;
display:block;
height:24px;
overflow:hidden;
text-indent:-9999px;
width:58px;
margin:35px auto;
}

.enter:hover {
background-position:0 -70px;
}

#my_slideshow {float:left;}