@charset "UTF-8";
/* CSS Document */
*{
	border:0;
	padding:0;
	margin:0;
}

body{
	font-size:10px;
	color:#b8b8b8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#131313;
	/*background-image:url(../images/heart-soul-fitness-background.gif);*/
	background-repeat:repeat-x;
	background-position:top;
}

/* 1: layout styles */
#wrapper{
	width:800px;
	margin:0 auto;
}

#header{
	position:relative;
	background-image:url(../images/heart-soul-fitness-header-bg2.jpg);
	background-repeat:no-repeat;
	height:122px;
	width:790px;
	padding:0 5px;
}
	
	#logo{
		position:relative;
		z-index:10;
		float:left;
		padding:15px 0 0 15px;
	}

	#top-contact{
		float:right;
		margin:42px 35px 0 0;
	}

	#navigation{
		position:absolute;
		bottom:2px;
		left:13px;
	}
	
		#navigation ul{
			border-left:1px solid #1c1c1c;
		}
	
		#navigation li{
			float:left;
			height:30px;
			list-style-type:none;
		}
		
#flash{
	margin:12px 5px 0;
}

#content{
	background-image:url(../images/heart-and-soul-fitness-content-middle.jpg);
	background-repeat:repeat-y;
	padding:0 5px;
}

	.top{
		margin:12px 0 0;
		display:block;
		height:25px;
		background-image:url(../images/heart-and-soul-fitness-content-top.jpg);
		
	}
	
	.bottom{
		display:block;
		height:25px;
		background-image:url(../images/heart-and-soul-fitness-content-bottom.jpg);
	}
	
	#welcome{
		float:left;
		padding:10px 20px 10px 30px;
		width:435px;
	}

	#features{
		float:right;
		margin:3px 22px 3px 0;
	}
	
	#who-are-we{
		padding:10px 90px 10px 30px;
	}
	
		#who-are-we table{
			margin:30px 0 0 -5px;
		}
		
			#who-are-we table td{
				padding:0 0 25px;
			}
		
			#who-are-we table img{
				margin:0 20px 0 0;
			}
			
			.who-we-are-img-space{
				margin:16px 17px 17px -4px;
				float:left;
			}
			
	#sessions-and-prices{
		padding:10px 90px 14px 30px;
		width:605px;
	}
	
		#sessions-and-prices #sessions-image{
			float:left;
			margin:26px 15px 22px -4px;
		}
		
		#sessions-and-prices #prices{
			float:left;
			margin:30px 0 22px 0;
		}
		
		#sessions-and-prices #prices dl{
			margin:-4px 0 0 0;
		}
			
	#testimonials{
		padding:10px 90px 14px 30px;
		width:580px;
	}
	
		#testimonials ul{
			margin:13px 0 -8px 0;
		}
		
	#how-to-find-us{
		padding:10px 0px 10px 30px;
	}
	
		#how-to-find-us .copy{
			width:550px;
		}
	
		#how-to-find-us #locate-our-club{
			float:left;
			width:175px;
			margin:22px 0 0 0;
		}
		
		#how-to-find-us #locate-our-club p{
			width:165px;
		}
		
		#how-to-find-us #image{
			float:left;
			margin:22px 0 0 30px;
		}
			
	#gallery{
		padding:10px 90px 10px 30px;
		width:545px;
	}
	
	#gallery-flash{
		padding:10px 30px 14px 30px;
		text-align:center;
	}
	
	#trainers{
		padding:10px 90px 10px 30px;
		position:relative;
	}
	
		#trainers ul{
			margin:20px 0 0 -4px;
		}
	
		#trainers li{
			float:left;
			width:92px;
			height:106px;
			padding:7px;
			list-style-type:none;
			/*background-image:url(../images/heart-and-soul-fitness-trainers-bg-small.jpg);*/
			background-repeat:no-repeat;
		}
	
	#trainers-profile{
		position:relative;
		margin:5px 30px 0 34px;
		width:640px;
		height:447px;
	}
	
		#trainers-profile #profile{
			position:relative;
		}
		
		#trainers-profile #info{
			background-color:#131313;
			width:226px;
			height:223px;
			padding:22px 20px 0 20px;
			position:absolute;
			bottom:0px;
			left:20px;
		}
		
		#trainers-nav{
			float:right;
			margin:8px 88px 0 0;
		}
		
			#trainers-nav img{
				vertical-align:middle;
			}
	
	#shop{
		padding:10px 20px 6px 30px;
	}
	
	#shop-left{
		float:left;
		width:155px;
		padding:21px 0 0 0;
	}
	
	#shop dl dd{
		padding-top:3px;
	}
	
	#shop dl a:hover{
		color:#9250e4;
	}
	
	#shop #breadcrumb{
		padding:15px 0 20px 0;
	}
	
	#shop #breadcrumb li{
		display:inline;
	}
	
	#shop #items li{
		display:block;
		width:121px;
		float:left;
		margin:0 10px 10px 0;
	}
	
	#shop .item{
		background-image:url(/images/shop-item-back.jpg);
		padding:10px;
		width:101px;
		height:171px;
	}
	
	#shop .details{
		background-color:#2b2b2b;
		padding:10px 5px 10px 10px;
	}
	
	#shop .details a{
		color:#9a6bf9;
		text-decoration:none;
	}
	
	#shop .details .view-detail a{
		color:#ffffff;
	}
	
	#shop .price{
		font-weight:bold;
		color:#ffffff;
	}
	
	#shop-right{
		float:left;
		width:538px;
		padding:21px 0 0 0;
	}
	
	#shop-internal{
		background-color:#1f1f1f;
		padding:16px 19px 11px 19px;
		margin-bottom:65px;
	}
	
	
	#shop-internal #item-image{
		background-image:url(/images/item-detail-background.jpg);
		width:227px;
		height:319px;
		padding:10px 10px 10px 12px;
		float:left;
	}
	
	#shop-internal #item-details{
		float:left;
		width:187px;
		margin:16px 0 0 19px;
		color:#ffffff;
	}
	
	#shop-internal #item-details dl{
		color:#ffffff;
		margin:20px 0 20px 0;
	}
	
	#shop-internal #item-details dt{
		font-size:120%;
	}
	
	#shop-internal #item-details dd{
		font-size:220%;
		font-weight:normal;
	}
	
	#shop-internal h1{
		font-size:100%;
		color:#9a6bf9;
		font-weight:normal;
	}
	
	#shop-internal #pdf{
		margin-top:20px;
		margin-bottom:10px;
	}
	
	#shop-internal #pdf a{
		color:#9a6bf9;
		text-decoration:underline;
	}
	
	#shop-internal #pdf img{
		float:left;
		vertical-align:top;
		margin:0 10px 10px 10px;
		display:block;
		width:39px;
	}
	
	#shop-internal #pdf p{
		float:left;
		width:322px;
		display:block;
	}
	
	#contact{
		padding:10px 20px 6px 30px;
		width:535px;
	}
	
		#contact form{
			width:530px;
			margin:18px 0 0 0;
			padding:0 0 0 0;
		}
		
		#contact td{
			padding:2px 0;
		}
		
			#contact form #title{
				width:80px;
			}
			
			#contact form #fname{
				width:180px;
			}
			
			#contact form #sname{
				width:240px;
			}
			
			#contact form #email{
				width:240px;
			}
			
			#contact form #telephone{
				width:180px;
			}
			
			#contact form #type{
				width:180px;
			}
			
			#contact form #comments{
				width:300px;
				height:120px;
			}
			
			form #submit{
				/* see 4: other styles for rest of styling */
			}

#footer{
	margin:15px 0 15px 0;
}

	#footer ul{
		text-align:center;
	}
	
		#footer li{
			display:inline;
			list-style-type:none;
			margin:0 1px;
		}
/* 2: navigation styles */
a{
	text-decoration:none;
	color:#c0c0c0;
}

#navigation a{
	display:block;
	color:#c0c0c0;
	padding:8px 12px;
	border:1px solid #1c1c1c;
	text-transform:capitalize;
	border-bottom:0;
	border-right:0;
	
}

	#navigation a:hover{
		color:#9250e4;
	}
	
#content a{
	color:#c0c0c0;
}

#trainers li a{
	display:block;
}

#trainers li a:hover{
	filter:alpha(opacity=30);
	opacity: 0.3;
	-moz-opacity:0.3;
}

.purple a{
	text-decoration:underline;
}

#who-are-we a{
	color:#945afc;
	text-decoration:underline;
}

#trainers-nav a{
	color:#c0c0c0;
}
	
#footer a{
	color:#c0c0c0;
}

	#footer a:hover{
		text-decoration:underline;
	}
/* 3: type styles */
h2{
	color:#945afc;
	font-size:100%;
}

#content{
	font-size:110%;
}

#content p{
	margin-top:13px;
	line-height:140%;
}


#who-are-we td p{
	margin:1px 0 0 0;
}

#testimonials li{
	list-style-type:none;
}

	#testimonials li strong{
		color:#945afc;
	}

#top-contact{
	color:#c0c0c0;
	text-align:right;
}

#sessions-and-prices #prices dt{
	font-weight:bold;
	margin:18px 0 0 0;
	
}

#trainers p{
	width:470px;
}

#shop h2{
	margin:20px 0 0 0;
}

#shop .shop-link{
	margin:51px 0 36px 0;
	display:block;
}

.sub-head{
	color:#945afc;
	font-weight:bold;
}

.purple{
	color:#945afc;
}
/* 4: other styles */
label{
	padding-right:5px;
}

input, textarea, select{
	border:2px solid #848484;
	border-bottom:0;
	border-right:0;
	padding:2px 2px 3px;
	margin-top:7px;
}

address{
	text-decoration:none;
	font-style:normal;
	margin-top:10px;
}

table{
	border-collapse:collapse;
}

form #submit{
	border:0;
	padding:0;
	margin-top:15px;
}

#td{
	vertical-align:top;
}

.block{
	display:block;
}

.v-middle{
	vertical-align:bottom;
}

.right{
	float:right;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

#border-left-off{
	border-left:0;

}