/*******************************/

/* 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; text-align:center }

#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 { position:absolute; top:420px; left:40px; height:80px; width:70px; }

#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; }