/*
	Theme Name: PINXAV
	Theme URI: http://pinxav.com/
	Description: Official PINXAV WordPress Theme
*/

body {
	background: url(images/page_bg.gif) #faf4ef;
}

#page-container-outer {
	overflow: auto;
	margin: 0 auto;
	padding: 0 8px 0 8px;
	width: 979px;
	background: url(images/outer-background.png) repeat-y transparent;
}

	#page-container-inner {
		overflow: auto;
		width: 980px;
		padding-bottom: 20px;
		background: url(images/inner-background.gif) #ffffff repeat-x;
	}
	
		#header {
			width: 100%; height: 90px;
			background: url(images/header-background.png) 50% 50% transparent no-repeat;
		}
		
			#header.index h1 {
				position: relative;
				top: 20px;
				margin: 0 auto;
				width: 292px;height: 37px;
				background: url(images/pinxav-logo.png) transparent no-repeat;
			}
			
				#header.index h1 a {
					display: block;
					width: 292px;height: 37px;
					text-indent: -999em;
				}
				
			#header.index h2 {
				position: relative;
				top: 20px;
				margin: 0 auto;
				width: 292px; height: 18px;
				background: url(images/pinxav-tagline.png) transparent no-repeat;
				text-indent: -999em;
			}
			
			/* Content Page header styles */
			#header.content h2 {
				position: relative;
				top: 20px;
				margin: 0 auto;
				width: 292px;height: 37px;
				background: url(images/pinxav-logo.png) transparent no-repeat;
			}
			
				#header.content h2 a {
					display: block;
					width: 292px;height: 37px;
					text-indent: -999em;
				}
				
			#header.content h3 {
				position: relative;
				top: 20px;
				margin: 0 auto;
				width: 292px; height: 18px;
				background: url(images/pinxav-tagline.png) transparent no-repeat;
				text-indent: -999em;
			}
			
		/*
			widths: 
			what - 189px - id:4
			treat - 151px - id:7
			prevent - 165px - id:12
			why - 162px - id:16
			contact - 107px - id:21
			buy - 113px - id:24
			= 887px
		*/
			
		#navigation {
			position: relative;
			z-index: 1000;
			width: 887px; height: 38px;
			margin: -20px auto 0 auto;
		}
		
			#navigation ul {
				width: 887px;
				list-style: none;
				margin-left: -40px;
			}
			
				#navigation ul li {
					display: block;
					float: left;
				}
				
					#navigation ul li a {
						display: block;
						height: 38px;
						background-image: url(images/navigation.png);
						background-position: 0 0;
						text-indent: -999em;
					}
					
						/* normal state */
						#navigation ul li.page-item-4 a {
							
							width: 151px;
							background-position: -189px 0;
						}
						
						#navigation ul li.page-item-7 a {
							
							width: 165px;
							background-position: -340px 0;
						}
						
						#navigation ul li.page-item-12 a {
							width: 162px;
							background-position: -502px 0;
						}
						
						#navigation ul li.page-item-16 a {
							width: 189px;
							background-position: 0 0;
						}
						
						#navigation ul li.page-item-21 a {
							width: 107px;
							background-position: -665px 0;
						}
						
						#navigation ul li.page-item-24 a {
							width: 113px;
							background-position: -773px 0;
						}
						
						/* hover state */
						#navigation ul li.page-item-4 a:hover {
							background-position: -189px -77px;
						}
						
						#navigation ul li.page-item-7 a:hover {
							background-position: -340px -77px;
						}
						
						#navigation ul li.page-item-12 a:hover {
							background-position: -502px -77px;
						}
						
						#navigation ul li.page-item-16 a:hover {
							background-position: 0 -77px;
						}
						
						#navigation ul li.page-item-21 a:hover {
							background-position: -665px -77px;
						}
						
						#navigation ul li.page-item-24 a:hover {
							background-position: -773px -77px;
						}
						
						/* active state */
						#navigation ul li.page-item-4.current_page_item a {
							
							background-position: -189px -39px;
						}
						
						#navigation ul li.page-item-7.current_page_item a {
							background-position: -340px -39px;
						}
						
						#navigation ul li.page-item-12.current_page_item a {
							background-position: -502px -39px;
						}
						
						#navigation ul li.page-item-16.current_page_item a {
							
							background-position: 0 -39px;
						}
						
						#navigation ul li.page-item-21.current_page_item a {
							background-position: -665px -39px;
						}
						
						#navigation ul li.page-item-24.current_page_item a {
							background-position: -773px -39px;
						}
						
		/* INDEX Page */
			
		#hotspot {
			width: 887px; height: 479px;
			margin: -9px auto 0 auto;
			border-top: 1px solid #cb9765;
			background: url(images/hotspot-background.jpg) no-repeat;
		}
		
			#hotspot-content {
				width: 590px;
				margin: 30px 0 0 30px;
				text-align: left;
			}
			
				#hotspot-content h3 {
					width: 372px; height: 63px;
					background: url(images/hotspot-content-bestrash.png) no-repeat;
					text-indent: -999em;
				}
				
				#hotspot-content p {
					color: #445589;
					font-size: 100%;
					line-height: 1.15em;
				}
				
				#hotspot-content a.learnmore {
					display: block;
					width: 450px; height: 114px;
					background: url(images/hotspot-content-learnmore.png) no-repeat;
					text-indent: -999em;
				}
				
		#aux-content {
			overflow: visible;
			margin: 20px auto 20px auto;
			width: 887px;
		}
		
			#aux-content #ordernow {
				overflow: visible;
				float: left;
				width: 181px;
			}
			
				#aux-content #ordernow a {
					display: block;
					position: relative;
					left: -70px; top: 18px;
					width: 224px; height: 85px;
					background: url(images/aux-content-ordernow.png) no-repeat;
					text-indent: -999em;
				}
			
			#aux-content #testimonials {
				float: left;
				width: 495px;
				padding: 10px 15px 10px 15px;
				background: url(images/testimonials-background.png) repeat-y;
				text-align: center;
				color: #6f4c3d;
			}
			 
				#aux-content #testimonials p { margin-bottom: 0; }
				
				#aux-content #testimonials a.sharestory {
					margin: 10px auto 0 auto;
					display: block;
					width: 145px; height: 32px;
					background: url(images/aux-content-testimonials-sharestory.png) no-repeat;
					text-indent: -999em;
				}
			
			#aux-content #wheretobuy {
				float: left;
				width: 181px;
			}
			
				#aux-content #wheretobuy a {
					display: block;
					position: relative;
					left: 10px; top: 10px;
					width: 205px; height: 84px;
					background: url(images/aux-content-wheretobuy.png) no-repeat;
					text-indent: -999em;
				}
				
		/* CONTENT Pages */
				
		#content {
			z-index: 999;
			position: relative; top: -9px;
			overflow: hidden;
			width: 873px;
			margin: 0 auto 0 auto; padding: 15px 0 0 0;
			border-top: 1px solid #cb9765; border-right: 7px solid #cb9765; border-left: 7px solid #cb9765; border-bottom: 7px solid #cb9765;
			background: url(images/content-background.jpg) 94% 98% #ffffff no-repeat;
		}
		
			#content #content-left {
				float: left;
				width: 610px;
				margin: 35px 40px 0 25px;
				color: #445589;
			}
			
				#content #content-left h1.what {
					width: 327px; height: 36px;
					background: url(images/content-what.gif) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h1.treat {
					width: 327px; height: 36px;
					background: url(images/content-treat.gif) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h1.prevent {
					width: 327px; height: 36px;
					background: url(images/content-prevent.gif) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h1.why {
					width: 327px; height: 36px;
					background: url(images/content-why.gif) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h1.contact {
					width: 327px; height: 36px;
					background: url(images/content-contact.gif) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h1.buy {
					width: 327px; height: 36px;
					background: url(images/content-buy.gif) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h1.share {
					width: 327px; height: 36px;
					background: url(images/content-share.png) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h1.uses {
					width: 363px; height: 36px;
					background: url(images/content-uses.png) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-left h3 { 
					color: #e76297;
				}
			
			#content #content-right {
				float: left;
				width: 165px;
				margin-top: 10px;
			}
			
				#content #content-right a.wheretobuy {
					display: block;
					margin-bottom: 25px;
					width: 153px; height: 244px;
					background: url(images/content-wheretobuy.gif) no-repeat;
					text-indent: -999em;
				}
				
				#content #content-right #testimonials {
					margin-bottom: 250px;
					color: #6f4c3d;
				}
				
					#content #content-right #testimonials p {
						margin-bottom: 5px;
					}
					
					.divider {
						margin: 25px auto 10px auto;
						display: block;
					}
		
	
#footer {
	overflow: auto;
	margin: 0 auto;
	width: 995px;
	background: url(images/footer-background.png) no-repeat transparent;
	text-align: center; color: #623926; font-size: 10px;
}

	#footer ul {
		margin: 15px 0 0 0;
		list-style: none;
	}
	
		#footer ul li {
			display: inline;
			border-right: 1px solid #623926;
			padding: 0 10px 0 10px;
			text-transform: uppercase; font-weight: bold;
		}
		
		#footer ul li.last { border: 0; }
		
		#footer ul li a:link, #footer ul li a:active, #footer ul li a:visited {
			color: #623926; text-decoration: none;
		}
		
		#footer ul li a:hover {
			color: #e86499;
		}