@charset "UTF-8";
/* CSS Document */


/* ERIC MEYER RESET CSS CODE, borrowed from http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body { line-height: 1; color: black; background-image: url(assets/bg_grdnt.jpg); background-repeat: repeat-x; background-color: #dbdbdb; font-size: .8em; }
	
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
	
blockquote, q { quotes: "" ""; }

h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; text-align: center; padding-bottom: 3px; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; color: #000; }

#container { position:relative; margin-left:auto; margin-right:auto; width:990px; }

#masthead { position:absolute; left:0px; top:0px; width:990px; height:135px; background-color:#000000; }

a {color:#000000; font-size: .7em; }

#masthead_left {position:absolute; left:0px;}

#logo { position:absolute; left: 100px; top: 25px;}

#bodywash { position:absolute; left: 395px; top:70px; }

#tagline { position:absolute; left: 521px; top:107px; }

#masthead_right {position:absolute; right:0px;}

#navbar { position: absolute; left: 0px; top: 135px; width: 990px; height: 100px; background-image:url(assets/bg_navx.jpg); background-repeat: no-repeat; }

#navbar ul  { position: absolute; left: 75px; top: 40px; }

#navbar li {display:inline; float:left; padding-right: 67px; }

#solution_title { position: absolute; left: 500px; }

#bottom { position: absolute; left: 0px; top: 230px; width: 990px; height: 630px; background-color: #dbdbdb; }

#bottom_2 { position: absolute; left: 0px; top: 230px; width: 990px; height: 975px; background-color: #dbdbdb; }

#bottom_3 { position: absolute; left: 0px; top: 230px; width: 990px; height: 750px; background-color: #dbdbdb; }

#bottom_4 { position: absolute; left: 0px; top: 230px; width: 990px; height: 1125px; background-color: #dbdbdb; }

#bottom_contact { position: absolute; left: 0px; top: 230px; width: 990px; height: 780px; background-color: #dbdbdb; }

#bottom_left {position:absolute; left: 0px; }

#bottom_right {position:absolute; right: 0px; }

#footer { position:absolute; bottom: 0px; height: 50px; width:990px; text-align: center; vertical-align:bottom; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; color: #666666; padding-top: 20px; }

#footer a:link { font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }

#footer a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0033; text-decoration: none; }


#sidebar_home {position:absolute; left: 680px; top: -200px; width: 240px; height: 607px; background-image:url(assets/sidebar_home.png); background-repeat: no-repeat; }

#sidebar_headline { position: absolute; left: 47px; top: 20px; } 

#towels  { position: absolute; left: 25px; top: 71px; }

#shower_curtain { position: absolute; left: 78px; top: 160px; z-index:5; }

#speakers { position: absolute; left: 25px; top: 259px; z-index: 4; }

#dual_heads { position: absolute; left: 61px; bottom:152px; z-index: 2; }

#massager { position: absolute; left: 17px; bottom: 74px; z-index: 3; }

#sidebar_product { position: absolute; left: 23px; bottom: -23px; z-index: 6; }

#reality_blurb { position: absolute; left: 70px; top: 25px; width: 170px; }

#reality_text { padding-bottom:8px; line-height: 1.1em; }

#whats_out_blurb { position: absolute; left: 96px; top: 270px; width: 310px; text-align:right; z-index: 2; }

#whats_out_text { padding-bottom:5px; line-height: 1.1em;}

#whats_out_keyline { position: absolute; left: 290px; top: -10px; width: 2px; min-height: 275px; border-left-width: 2px; border-left-color: #999999; border-left-style: solid; }

#perps_blurb { position: absolute; left: 285px; top: 25px; width: 285px; text-align: right;}
	
	#perps_text { padding-bottom:8px; line-height: 1.1em;}
	
	#perps_image {position: absolute; left: 38px; top: 45px; }

#perps_keyline { position: absolute; left: 453px; top: -10px; width: 2px; min-height: 30px; border-left-width: 2px; border-left-color: #999999; border-left-style: solid; }

#solution_blurb { position: absolute; left: 458px; top: 130px; width: 190px; text-align:right; }

	#solution_text { padding-bottom:5px; line-height: 1.1em;}

	#solution_image {position: absolute; left: 23px; }

#solution_keyline { position: absolute; left: 620px; top: -10px; width: 2px; min-height: 135px; border-left-width: 2px; border-left-color: #999999; border-left-style: solid; }


#sidebar_link { position:absolute; left: 695px; top: -190px; width: 225px; height: 607px; background-image:url(assets/sidebar_bg.png); background-repeat: no-repeat; }

	#reality_sidebar_title { padding: 20px 0px 10px 0px; } 
	
	#sidebar_reality_text { text-align: left; padding: 0px 20px 0px 20px; line-height: 12px;}
	
	#sidebar_whats_out_text { text-align: center; padding: 0px 20px 0px 20px; line-height: 12px;}
	
	.sidebar_image { padding: 5px; 0px }
	
	.subhead { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
	
	.subhead_quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
	
	.subhead_quote_bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; }



/* reality page */

.reality_text { position: relative; padding-bottom:8px; line-height: 1.3em; }

#reality_keyline { position: absolute; left: 95px; top: -10px; width: 2px; min-height: 30px; border-left-width: 2px; border-left-color: #999999; border-left-style: solid; }

#reality_girl1 { position: absolute; left: 70px; top: 25px; width: 250px; }

#reality_girl2 { position: absolute; left: 350px; top: 25px; width: 300px; }

#reality_girl_photo { padding: 2px 8px 0px 0px; float: left; }

#reality_poll { position: absolute; left: 70px; top: 170px; width: 580px; height: 400px; padding: 10px 0px; text-align: center; border-top: #FFFFFF 1px solid; }
	
	.poll_row1 { position: relative; top: 1px; height: 185px; padding: 1px; width: 605px; }
	
	.poll_row2 { position: relative; top: 45px; height: 185px; padding: 1px; width: 605px; }
	
	.poll_row3 { position: relative; top: 95px; height: 185px; padding: 1px; width: 605px; }

	.poll_image1 { position: absolute; width: 170px; height: 170px; left: 0px; bottom:0px ;  }
	
	.poll_image2 { position: absolute; width: 170px; height: 121px; left: 230px; bottom:0px; }
	
	.poll_image3 { position: absolute; width: 170px; height: 180px; right: 0px; bottom:0px ; }
	
	.poll_image4 { position: absolute; width: 170px; height: 121px; left: 0px; bottom:0px ;  }
	
	.poll_image5 { position: absolute; width: 170px; height: 180px; left: 230px; bottom:0px; }
	
	.poll_image6 { position: absolute; width: 170px; height: 121px; right: 0px; bottom:0px ; }
		
	.poll_image7 { position: absolute; width: 170px; height: 180px; left: 0px; bottom:0px ;  }
	
	.poll_image8 { position: absolute; width: 170px; height: 121px; left: 230px; bottom:0px; }
	
	.poll_image9 { position: absolute; width: 170px; height: 180px; right: 0px; bottom:0px ; }
		
			.poll_text { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; font-weight: bold; padding-top: 5px; }

.reality_subhead { font-size: 1em; font-weight: bold; letter-spacing: .18em; }

#reality_sub_text { line-height: 2em; }


/* what's out page */

#video_row1 { position: absolute; left: 70px; top: 15px; width: 580px;  height: 220px; }

#video_row2 { position: absolute; left: 70px; top: 260px; width: 580px;  height: 220px; }

#video1 { position: absolute; left: 0px; bottom: 0px; width: 267px; }

#video2 { position: absolute; right: 0px; bottom: 0px; width: 267px; }

.video_image { padding-top: 5px ;}


/* perps page */

#sidebar_perp { position:absolute; left: 695px; top: -190px; width: 225px; height: 855px; background-image:url(assets/sidebar_perp.png); background-repeat: no-repeat; }

#perp1 { position: absolute; left: 70px; top: 25px; width: 250px; }

#perp2 { position: absolute; left: 355px; top: 25px; width: 300px; }

#perp3 { position: absolute; left: 70px; top: 230px; width: 250px; }

#perp4 { position: absolute; left: 355px; top: 230px; width: 300px; }

.perp_text { position: relative; padding-bottom:8px; line-height: 1.47em; }

.perp_photo { padding: 2px 8px 0px 0px; float: left; }



/* solution page*/

#sidebar_solution { position:absolute; left: 695px; top: -190px; width: 225px; height: 607px; background-image:url(assets/sidebar_solution.png); background-repeat: no-repeat; }

#solution_full { position: absolute; left: 105px; top: 25px; width: 500px; }

#solution_line_text { text-align: center; font-size: .95em; line-height: 1.5em; }

#solution_product_photo { padding: 0px 8px 0px 0px; float: left; }

.solution_text { padding: 5px 0px; line-height: 1.5em; }

#solution_product1 { position: absolute; left: 135px; top: 310px; width: 410px; padding:7px 20px; border-top: 1px red solid; }

#solution_product2 { position: absolute; left: 135px; top: 450px; width: 410px; padding:7px 20px; border-top: 1px red solid; }

#solution_product3 { position: absolute; left: 135px; top: 590px; width: 410px; padding:7px 20px; border-top: 1px red solid; }

#solution_product4 { position: absolute; left: 135px; top: 730px; width: 410px; padding:7px 20px; border-top: 1px red solid; }

#solution_product5 { position: absolute; left: 135px; top: 870px; width: 410px; padding:7px 20px; border-top: 1px red solid; border-bottom: 1px red solid; }


/* contact page */

#contact_form { position: absolute; width: 500px; min-height: 500px; top: 50px; left: 245px; padding: 10px; }

.row { clear:both; margin:20px 0px 0px 0px; padding:5px 0px 5px 0px; }

.last_row {clear:both; overflow:auto; margin:20px 0px 0px 0px; padding: 10px 10px 10px 0px; }

.label {float:left; text-align:right; width:23%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; padding-top: 5px; }

.form_element {float:right; text-align:left; width:73%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .85em; }

		.disclaimer_text {font-size:.75em; font-family: Verdana, Arial, Helvetica, sans-serif; float:right; width:73%; }

.textfield { color:#000; }