@charset "utf-8";

/*  
 * CSS for WhipStitch.BackStitch
 * Author: Evgueni Naverniouk, evgueni@globexdesigns.com, www.globexdesigns.com
 * Copyright: 2008 Globex Designs, All Rights Reserved.
 *
 * All style attributes in alpha-numeric order starting from 0
 *
 */

/* 
 * ========================================
 * Global Element Styles
 * ========================================
 */

* {
	outline: none;
}

html, body {
	background: #FFF;
	color: #000;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

#Wrapper {
	height: auto !important;
	height: 100%;
	margin: 0 auto 60px;
	min-height: 100%;
	position: relative;
	width: 1024px;
}

	#Wrapper a {
		display: block;
	}
	
		#Wrapper a:hover {
			background-position: bottom left;
		}
	
	#bGallery {
		background: transparent url(../img/front-gallery.gif) no-repeat top left;
		height: 261px;
		width: 290px;
	}
	
	#bAbout {
		background: transparent url(../img/front-about.gif) no-repeat top left;
		height: 234px;
		width: 200px;
	}
	
	#bBlog {
		background: transparent url(../img/front-blog.gif) no-repeat top left;
		height: 326px;
		width: 237px;
	}
	
	#bProducts {
		background: transparent url(../img/front-products.gif) no-repeat top left;
		height: 305px;
		width: 242px;
	}
	
	#Main {
		background: transparent url(../img/front-main.gif) no-repeat top left;
		height: 509px;
		width: 550px;
	}
	
	#Mirror {
		background: transparent url(../img/front-mirror.png) no-repeat top left;
		height: 330px;
		left: 450px;
		position: absolute;
		text-align: center;
		top: 180px;
		width: 234px;
	}

	#Slogan {
		background: transparent url(../img/front-slogan.gif) no-repeat center center;
		height: 86px;
	}
	
	#Contact, #Contact:hover {
		background: transparent url(../img/front-contact.gif) no-repeat center center !important;
		height: 26px;
	}
	
#InnerWrapper {
	margin: 0;
	width: 100%;
}

	#InnerHeader {
		background: transparent url(../img/header-bg.gif) no-repeat 210px center;
		border-bottom: 4px dashed #4FB0AA;
		height: 160px;
	}
	
		#Logo {
			background: transparent url(../img/logo.gif) no-repeat center center;
			display: block;
			float: left;
			height: 153px;
			margin: 0 auto;
			text-indent: -5000px;
			width: 210px;
		}
		
		.PageTitle {
			float: right;
			margin: 95px 100px 0 0;
			text-align: right;
		}
		
			#TitleAbout {
				background: transparent url(../img/title-about.png) no-repeat center center;
				height: 54px;
				width: 290px;
			}
			
			#TitlePress {
				background: transparent url(../img/title-press.png) no-repeat center center;
				height: 56px;
				width: 163px;
			}
			
			#TitleGallery {
				background: transparent url(../img/title-gallery.png) no-repeat center center;
				height: 83px;
				width: 204px;
			}
			
			#TitleTestimonials {
				background: transparent url(../img/title-testimonials.png) no-repeat center center;
				height: 53px;
				width: 350px;
			}
			
			#TitleProducts {
				background: transparent url(../img/title-products.png) no-repeat center center;
				height: 56px;
				width: 255px;
			}
			
			#TitleProductsWalk {
				background: transparent url(../img/title-prod-walk.png) no-repeat center center;
				height: 63px;
				margin-top: 110px;
				width: 408px;
			}
			
			#TitleProductsSwim {
				background: transparent url(../img/title-prod-swim.png) no-repeat center center;
				height: 63px;
				margin-top: 110px;
				width: 420px;
			}
			
			#TitleProductsFly {
				background: transparent url(../img/title-prod-fly.png) no-repeat center center;
				height: 75px;
				margin-top: 110px;
				width: 370px;
			}
			
			#TitleProductsFind {
				background: transparent url(../img/title-find.png) no-repeat center center;
				height: 54px;
				margin-top: 110px;
				width: 254px;
			}
			
			#TitleFriends {
				background: transparent url(../img/title-friends.png) no-repeat center center;
				height: 75px;
				margin-top: 110px;
				width: 461px;
			}
	
	#Sidebar {
		background: #FFF;
		border-right: 4px dashed #4FB0AA;
		float: left;
		margin-top: 0;
		text-align: left;
		width: 210px;
	}
	
		#Sidebar ul {
			list-style: none;
			margin: 0;
			padding: 20px 0 0 0;
		}
		
			#Sidebar ul li {
				margin: 0;
				padding: 10px 0;
			}
			
				#Sidebar ul li a {
					color: #4FB0AA;
					display: block;
					font-size: 20px;
					outline: none;
					text-align: right;
					text-decoration: none;
					width: 90%;
				}
				
				#Sidebar ul li a:hover {
					color: #A0887D;
				}
					
#MainContent {
	color: #7D6155;
	font-size: 16px;
	min-height: 350px;
	padding: 40px 40px 40px 250px;
	text-align: left;
}

	.aqua {
		color: #4FB0AA;
	}
	
	#MainContent table {
		border: 0;
		border-spacing: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	a img {
		border: 0;
	}
	
	h2,
	h2 a {
		color: #7D6155;
		font-size: 18px;
		text-decoration: none;
	}
	
	a {
		color: #4FB0AA;
		text-decoration: none;
	}
	
		a:hover {
			color: #7D6155;
		}
	
	
	
/* Gallery */
#jgal {
	list-style: none;
	height: 450px;
	width: 340px;
}

	#jgal li {
		background-position: 50% 50%;
		border: 3px solid #FFF;
		cursor: pointer;
		display: block;
		filter: alpha(opacity=50);
		float: left;
		height: 60px;
		margin-right: 14px;
		margin-bottom: 14px;
		opacity: 0.5;
		outline: 1px solid #DDD;
		width: 60px;
	}

		#jgal li img {
			display: none;
			left: 660px;
			position: absolute;
			top: 220px;
		}
		
		#jgal li.active img {
			display: block;
		}
		
			#jgal li.active,
			#jgal li:hover {
				filter: alpha(opacity=100);
				outline-color: #BBB;
				opacity: .99
			}

#gallery {
	display: block;
	list-style: none;
}

	#gallery li {
		display: none;
		float: left;
		margin: 0 10px 10px 0;
		
	}

#Push {height: 60px;}

#Footer {
	background: #FFF;
	border-top: 4px dashed #4FB0AA;
	font-size: 14px;
	height: 60px;
	text-align: center;
	text-indent: 210px;
	width: 100%;
}