/* 'layout.css' for the JumpStart directory
 * Controls page layout; for screen rendering only.
 *
 * Copyright (c) 2007 Arsetta, Inc.
 *
 * website design and development, including CSS, by Zenscope Studio,
 * LLC (www.zenscope.com)
 */


/* --------------------------- BODY --------------------------- */

body {
background: #036;
padding: 17px 0;
}

/* --------------------------- /BODY --------------------------- */


/* ----------------------- WRAPPING DIV ----------------------- */

#wrapper {
background: #fff;
margin: 0 auto;
width: 900px;
}

/* wrapper width for bidder pages */
#packagedetail #wrapper {
width: 600px;
}

/* ----------------------- /WRAPPING DIV ----------------------- */


/* ------------------------- MASTHEAD ------------------------- */

#rsa_branding {
float: left;
margin: 0 0 23px;
padding: 23px 0 0 23px;
background: url("../images/3.gif") no-repeat top left;
}

#searchform {
float: right;
margin: 0 0 23px;
padding: 28px 23px 0 0;
background: url("../images/3.gif") no-repeat top right;
}

#masthead {
position: relative;
clear: both;
margin: 23px 23px 0;
height: 206px;
width: 854px;
background: #aaa url("../images/7.jpg") no-repeat top left;
}

/* main site heading with Phark image replacement */
#masthead h1 { text-indent: -5000px; }
#masthead h1 a {
display: block;
position: absolute;
overflow: hidden;
top: 62px;
left: 72px;
width: 350px;
height: 111px;
background: transparent url("../images/6.png") no-repeat top left;
}

/* ------------------------- /MASTHEAD ------------------------- */


/* -------------------------- SIDEBAR -------------------------- */

#sidebar {
float: right;
margin: 23px;
width: 206px;
}

#directory #sidebar {
float: left;
width: 134px;
}

/* -------------------------- /SIDEBAR -------------------------- */


/* ----------------------- CONTENT AREA ----------------------- */

#content {
float: left;
margin: 23px 0 23px 23px;
width: 625px;
}

#directory #content {
float: right;
margin: 23px 23px 23px 0;
width: 697px;
}

#search #content,
#packagedetail #content,
#directory.package #content {
position: static;
margin: 23px;
width: 854px;
}

/* override #content width, margins, padding for bidder pages */
#packagedetail #content {
width: 554px;
margin: 0 0 23px;
padding: 0 23px;
background: #fff;
}

/* ----------------------- /CONTENT AREA ----------------------- */


/* --------------------- RESERVATION FORM --------------------- */

/* NOTE: This is just the layout of the form and instructions. For
   typography and field placement, see default.css. */

#make_reservation {  /* div for form & instructions */
clear: both;
overflow: hidden;
}

#reservation_steplist {
width: 422px;
float: right;
}

#make_reservation form {
float: left;
overflow: hidden;
width: 400px;
margin: 0 0 2em; /* NOTE: gives the newbie note some breathing room */
}

/* --------------------- /RESERVATION FORM --------------------- */


/* -------------------------- FOOTER -------------------------- */

#footer {
clear: both;
background: url("../images/3.gif") no-repeat bottom left;
}

/* footer background for bidder pages */
#packagedetail #footer {
background: url("../images/36.gif") no-repeat bottom left;
}

/* -------------------------- /FOOTER -------------------------- */


/* ------------------ HIDDEN IN SCREEN LAYOUT ------------------ */

.hide-me {
position: absolute;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

/* ------------------ /HIDDEN IN SCREEN LAYOUT ------------------ */