/*
	P3 AND MORE, INC.
	WEBSITE REDESIGN BY 3 ROADS MEDIA

	MASTER STYLESHEET
	This file created: 	26 March 2009
	Authored by:		Ryan Burney

	NOTE TO FUTURE DEVELOPERS: This CSS file is organized first chronologically, then alphabetically.
	Global declarations for HTML entities appear first, followed by custom declarations. These are
	sorted roughly in the order they appear on the page. Declarations are indented to show inheritance.
*/


/** Globals ***************/

a { color:#fdce01; }

body { background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_stripes.png) 0 337px repeat-x; font:13px Georgia, Times, serif; }
body#home { background-position:0 535px; }

form { font:12px Georgia, Times, serif; margin:1em 0 3em; }
form li { margin-bottom:12px; }

h1 { font:36px "Futura Bk"; text-transform:uppercase; }
h2 { font:italic 22px Georgia, Times, serif; }
h3 { font:bold 14px Georgia, Times, serif; padding-bottom:10px; color:#ddd; }

html { background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_brushes.jpg) 0 95px no-repeat; }

input {
	background:#fafafa;
	border:2px solid #515151;
	font:12px Georgia, Times, serif;
	padding:3px;
	width:250px;
	}
input.button {
	border:0;
	cursor:pointer;
	height:34px;
	overflow:hidden;
	text-indent:-9999px;
	width:100px;
	}
input.button:hover { background-position:0 -34px; }

label {
	display:block;
	font-weight:bold;
	letter-spacing:0.035em;
	padding-bottom:2px;
	text-transform:uppercase;
	}
label em { color:#4272ad; font-weight:normal; text-transform:none; }

p { line-height:1.4em; padding-bottom:1.6em; }
p.more a { font-weight:bold; }

textarea {
	background:#fafafa;
	border:2px solid #515151;
	font:12px Georgia, Times, serif;
	height:150px;
	margin-bottom:12px;
	padding:3px;
	width:400px;
	}

ul { padding-bottom:1em; }
ul.bullet li {
	background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_red-square.gif) 1px 10px no-repeat;
	line-height:1.6em;
	padding-left:15px;
	}


/** Structure *************/

#stripe		{ background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_top-stripe.gif); height:20px; }
#wrapper		{ margin:0 auto 5px; padding-bottom:60px; position:relative; width:990px; }
#frame 		{ margin-left:-4px; position:absolute; z-index:10; }
#main 		{ color:#fafafa; margin-top:20px; min-height:475px; }

.clear 		{ clear:both; }


	/** Slideshow *************/
	
	#slideshow {
		height:243px;
		margin:0 -4px;
		z-index:0;
		}
	#slideshow img { margin:13px 0 0 14px; }

	#whitebox { background:#fff; height:470px; position:absolute; width:990px; }


/** Header ****************/

#header {
	border-bottom:1px solid #b8b8b8;
	margin-bottom:5px;
	padding:20px 0;
	position:relative;
	}
#header a { display:block; overflow:hidden; }

#logo { background:url(http://www.p3pondsandwaterfalls.com/images/site/logo.png) no-repeat; height:97px; width:107px; }
#logo:hover { background-position:0 -97px; }

#advert {
	background:url(http://www.p3pondsandwaterfalls.com/images/site/am_dog_ad.png) no-repeat;
	height:103px;
	position:absolute;
	right:0;
	top:-14px;
	width:468px;
	}
#advert:hover { background-position:0 -103px; }


/** Navigation ************/

#header ul { position:absolute; right:0; top:87px; }
#header li { background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_red-square.gif) center right no-repeat; float:left; padding:0 19px 0 15px; }
#header li.contact { background:none; }
#header li a { display:block; float:left; height:15px; overflow:hidden; text-indent:-9999px; }
#header li.who a { background:url(http://www.p3pondsandwaterfalls.com/images/site/nav_who-we-are.png) no-repeat; width:117px; }
#header li.who a:hover { background-position:0 -15px; }
#header li.what a { background:url(http://www.p3pondsandwaterfalls.com/images/site/nav_what-we-do.png) no-repeat; width:117px; }
#header li.what a:hover { background-position:0 -15px; }
#header li.art a { background:url(http://www.p3pondsandwaterfalls.com/images/site/nav_our-artwork.png) no-repeat; width:128px; }
#header li.art a:hover { background-position:0 -15px; }
#header li.faqs a { background:url(http://www.p3pondsandwaterfalls.com/images/site/nav_faqs.png) no-repeat; width:40px; }
#header li.faqs a:hover { background-position:0 -15px; }
#header li.shop a { background:url(http://www.p3pondsandwaterfalls.com/images/site/nav_shop-with-us.png) no-repeat; width:122px; }
#header li.shop a:hover { background-position:0 -15px; }
#header li.contact a { background:url(http://www.p3pondsandwaterfalls.com/images/site/nav_contact.png) no-repeat; width:107px; }
#header li.contact a:hover { background-position:0 -15px; }


	/** Active Page States ****/

	#about li.who a, #services li.what a,
	#folio li.art a, #faqs li.faqs a, #shop li.shop a,
	#contact li.contact a { background-position:0 -30px; }

	/*#about li.who a:hover { background-position:0 -30px; }*/



/** Sidebar ***************/

#sidebar { float:left; width:430px; }


	/** Testimonial ***********/

	#testimonial {
		background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_testimonial-top.png) top center no-repeat;
		font-size:18px;
		font-style:italic;
		margin-top:45px;
		padding:25px;
		}
	#testimonial span {
		background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_testimonial-bot.png) bottom center no-repeat;
		display:block;
		padding:1em 0 35px;
		text-align:center;
		}
	#testimonial p { padding:25px 40px 0; }


/** Content ***************/

#content { margin-left:460px; }
#content p { line-height:1.6em; }


/** Footer ****************/

#footer {
	background:#fff url(http://www.p3pondsandwaterfalls.com/images/site/bg_footer.gif) repeat-x;
	clear:both;
	}
#footer a { color:#6e6e6e; }
#footer div { margin:0 auto; width:990px; padding-top:19px; }
#footer p { float:left; font:14px "Futura Bk", "Myriad Pro", Tahoma, sans-serif; padding-left:107px; padding-bottom:45px; }
#footer p + p { float:none; text-align:right; }


/** Page Specific *********/

	/** Home Page *************/
	
	#callouts {
		background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_drop-shadow.png) -4px 47px no-repeat;
		color:white;
		float:left;
		padding-top:24px;
		}
	#callouts h2 { padding:0; }
	
	#home #slideshow { height:476px; }
	
	
		/** Three Blurbs***********/
		
		#callouts a.img {
			display:block;
			height:123px;
			overflow:hidden;
			margin:10px 0 9px;
			width:310px;
			}
		#callouts a.clearwater { background:url(http://www.p3pondsandwaterfalls.com/images/site/callout_clear-water.jpg) no-repeat; }
		#callouts a.petfriendly { background:url(http://www.p3pondsandwaterfalls.com/images/site/callout_pet-friendly.jpg) no-repeat; }
		#callouts a.filtration { background:url(http://www.p3pondsandwaterfalls.com/images/site/callout_custom-filtration.jpg) no-repeat; }

		#callouts a.clearwater:hover, #callouts a.petfriendly:hover, #callouts a.filtration:hover { background-position:0 -123px; }

		#callouts li { float:left; margin-right:30px; width:310px; }
		#callouts li:last-child { margin-right:0; }
		#callouts li h2 {
			background:url(http://www.p3pondsandwaterfalls.com/images/site/h2_clear-water.png);
			height:16px;
			text-indent:-9999px;
			width:248px;
			}
		#callouts li + li h2 { background:url(http://www.p3pondsandwaterfalls.com/images/site/h2_pet-friendly.png); width:188px; }
		#callouts li.last h2 { background:url(http://www.p3pondsandwaterfalls.com/images/site/h2_custom-filtration.png); width:187px; }
		
		#callouts p { line-height:1.4em; padding-bottom:15px; }
	
	
	/** Portfolio *************/
	/* contains rules for shop page, too */

	#folio #main h1, #shop #main h1 { float:left; width:50%; }
	#folio #main li, #shop #main li {
		background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_drop-shadow-single.png) no-repeat 4px 5px;
		float:left;
		margin-left:-8px;
		margin-right:30px;
		padding:8px;
		width:302px;
		}
	#folio #main li a, #shop #main li a {
		display:block;
		height:123px;
		margin-bottom:8px;
		position:relative;
		width:310px;
		}
	#folio #main li a span, #shop #main li a span {
		display:block;
		height:123px;
		left:0;
		position:absolute;
		top:0;
		width:310px;
		}
	#folio #main li a:hover span, #shop #main li a:hover span {
		background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_white-frame.png) no-repeat;
		}

	#folio #main li#piece_3, #folio #main li#piece_6, #folio #main li#piece_9, #folio #main li#piece_12,
	#shop #main li#item_3, #shop #main li#item_6, #shop #main li#item_9, #shop #shop li#item_12 { margin-right:0; }

	#folio #main ul, #shop #main ul { float:left; margin-top:18px; }


		/** Pagination **********/

		#folio .pagination, #shop .minicart { letter-spacing:0.05em; padding-top:7px; text-align:right; }


	/** FAQs ****************/

	#accordion { margin-bottom:20px; }
	#accordion div { height:282px; overflow:auto; }

	.ui-widget { font-family:Arial, Helvetica, sans-serif; }


	/** Shop *****************/

	#shop #main h2 a { display:inline; }
	#shop #main p.price { float:left; }
	#shop p.price em { color:#fdce01; font-size:16px; }
	#shop s { display:block; }

	/* "add to cart" button */
	#shop #main a.foxycart {
		background:url(http://www.p3pondsandwaterfalls.com/images/site/btn_addcart.gif) no-repeat;
		float:right;
		height:34px;
		text-indent:-9999px;
		width:100px;
		}
	#shop #main a.foxycart:hover { background-position:0 -34px; }

	#shop #content h2 { padding-bottom:8px; }


		/** Product Details ******/

		#prod_details {
			background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_testimonial-top.png) top center no-repeat;
			font-size:18px;
			font-style:italic;
			margin-top:10px;
			padding:25px 40px 0;
			text-align:center;
			}
		#prod_details img { margin-bottom:10px; }
		#prod_details span {
			background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_testimonial-bot.png) bottom center no-repeat;
			display:block;
			padding:1em 0 35px;
			text-align:center;
			}

#shop #sidebar p.price { font-size:18px; }
#shop #sidebar table { font:14px Georgia, Times, serif; margin:0 25px; text-align:left; width:300px; }
#shop #sidebar td { font-weight:bold; padding-bottom:4px; }
#shop #sidebar td + td { font-weight:normal; text-align:right; }
#shop #sidebar td em { color:#4272ad; font-weight:bold; }
#shop #main ul.bullet { margin-top:0; width:100%; }
#shop #main ul.bullet li {
	background:url(http://www.p3pondsandwaterfalls.com/images/site/bg_red-square.gif) 0 9px no-repeat;
	float:none;
	line-height:1.6em;
	margin:0;
	padding:0 0 8px 15px;
	width:auto;
	}


	/** Contact Us **********/

	input.button.send { background:url(http://www.p3pondsandwaterfalls.com/images/site/btn_send.gif) no-repeat; }
	input.button.send:hover { background-position:0 -34px; }


/** Form Validation ****/

.LV_validation_message { display:block; font-weight:bold; margin-top:3px; }
.LV_valid { color:#0c0; }
.LV_invalid { color:#cd212b; }

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { border:2px solid #515151; }

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active { border:2px solid #cd212b; }






img#top {
	bottom:-68px;
	left:0;
	position:absolute;
	}
img#tagline { bottom:0; position:absolute; right:0; }