/*******************************/
/* Pleasure Island Rentals CSS */
/*******************************/
/**************************************************** SITE STYLING ****************************************************/
html, body { margin:0; padding:0; width:100%; }
html { background:#dab58d url('/images/wrapper2_bg.jpg') center repeat-y; }
body { background:url('/images/wrapper1_bg.jpg') top center no-repeat; font:normal 14px Arial; min-height:1017px; }
a { color:#e30102; }
a:hover {  }
h1 { color:#e30102; font:bold 40px Comic Sans MS; margin:0 0 10px 0; padding:0; }
h2 { color:#e30102; font:bold 30px Comic Sans MS; margin:0; padding:0; }
h3 { color:#e30102; font:bold 20px Comic Sans MS; margin:0; padding:0; }
hr { color:#1c5e2d; margin:0; padding:0; }
img { border:none; }
p { line-height:22px; margin:0 0 10px 0; padding:0; }
li { margin-bottom:5px; }

#container { margin:0 auto; width:1024px; }
#wrapper1 { /*background:url('/images/wrapper1_bg.jpg') no-repeat;*/ float:left; width:100%; }
#wrapper2 { /*background:url('/images/wrapper2_bg.jpg') repeat-y;*/ float:left; width:100%; }
#header { float:left; height:473px; position:relative; width:100%; }
#header .nav { color:white; font:bold 14px Arial; position:absolute; top:428px; left:147px; height:40px; line-height:40px; text-align:center; width:735px; }
#header .nav a { color:white; font:bold 14px Arial; margin:5px; text-decoration:none; }
#header #header_slideshow { position:absolute; top:233px; left:145px; height:193px; width:739px; }
#header #header_slideshow img { display:none; position:absolute; top:0; left:0; }
#header_locations { position:absolute; top:150px; left:300px; width:550px; }
#content { background:url('/images/footer_bg.jpg') center repeat-y; display:inline; float:left; margin:0 0 0 150px; padding:15px 0 15px 0; position:relative; width:730px; }
#content.interior {  }
#content.interior h1 { margin-left:35px; }
#footer { background:url('/images/footer_bg.jpg') center repeat-y; border-top:1px solid #7e287f; color:#e30102; display:inline; float:left; font:normal 12px Arial; line-height:20px; margin:0 0 0 120px; padding:15px 0 15px 0; width:790px; }
#footer .nav { margin-left:-10px; }
#footer .nav a { color:#e30102; font:bold 12px Arial; margin:10px; text-decoration:none; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; }

.forty { width:39%; }
.fifty { width:49%; }
.hundred { width:100%; }

/****************************************************** HOME PAGE *****************************************************/
#home_column_one { float:left; padding-top:0px; width:45%; }
#home_column_one #shuckin_shack { width:300px; }
#home_column_two { float:right; height:800px; position:relative; width:45%; }
#home_column_two #home_slideshow { background:url('/images/home_slideshow.jpg'); position:absolute; top:30px; left:28px; height:396px; width:272px; }
#home_column_two #home_slideshow img { display:none; position:absolute; top:9px; left:9px; }
#home_column_two #home_slideshow_desc { position:absolute; top:420px; left:125px; }
#home_column_two #home_slideshow_desc div { display:none; position:absolute; top:0; left:0; width:200px; }
#home_column_two .click_here { position:absolute; top:420px; left:40px; height:80px; width:70px; }
#home_column_two .learn_surf { position:absolute; top:420px; left:125px; height:30px; width:180px; }
#home_column_two #weather_widget { position:absolute; top:670px; left:30px; }
#home_column_two #bike_stamp { position:absolute; top:570px; left:35px; }
#new_location { position:absolute; top:-251px; left:39px; }

/******************************************************* ABOUT US *****************************************************/
.pir_exterior { display:inline; float:right; margin:0 20px 0 10px; }

/******************************************************** LINKS *******************************************************/
.link { height:250px; padding-left:220px; position:relative; width:510px; }
.link a { font-weight:bold; }
.link .screenshot { position:absolute; top:0; left:0; }

/******************************************************* RENTALS ******************************************************/
#rental_categories { background:url('/images/rates_bg.gif') no-repeat; color:white; float:left; height:550px; line-height:25px; padding:25px 8px 0 0; text-align:center; width:222px; }
#rental_categories a { color:white; font:bold 14px Arial; line-height:25px; }
#rental_info { float:right; width:450px; }
#rental_info ul { margin:0; padding:0 0 10px 20px; }
#rental_info table { text-align:left; width:100%; }
#rental_info table td { padding:2px; }
.rental { float:left; padding:10px 0 10px 0; width:100%; }
.rental p { float:right; margin:0 0 5px 0; width:58%; }
.rental ul { float:right; margin:0 0 5px 0; width:50%; }
.rental .title { font-size:15px; font-weight:bold; }
.rental .thumb { float:left; margin-right:10px; text-align:center; }
#liabilities { float:left; text-align:left; padding:180px 0 0 8%; width:90%; }
#liabilities a { color:#e30102; display:block; padding-bottom:3px; text-decoration:none; }
#liabilities a img { margin-right:5px; }
#liabilities a * { vertical-align:middle; }
.reserve_butt { float:right; margin-top:-5px; }

/******************************************************** RATES *******************************************************/
#rates_categories { background:url('/images/rates_bg.gif'); color:white; float:left; height:419px; line-height:25px; padding:25px 8px 0 0; text-align:center; width:222px; }
#rates_categories a { color:white; font:bold 14px Arial; line-height:25px; }
#rates_info { float:right; width:450px; }
#rates_info table { text-align:left; width:100%; }
#rates_info table td { border-bottom:1px solid #eeeeee; padding:2px; }

/********************************************* FREQUENTLY ASKED QUESTIONS *********************************************/
.faq { float:right; margin:20px 30px 0 0; }

/***************************************************** POLICIES *******************************************************/
.waiver { color:#e30102; display:block; padding-bottom:3px; text-decoration:none; }
.waiver img { margin-right:5px; }
.waiver * { vertical-align:middle; }

/****************************************************** RESERVE *******************************************************/
.disclaimer { font:bold italic 10px Arial; }
.success { color:green; font-weight:bold; }
.fail { color:red; font-weight:bold; }