/* 
Last Edited October 2008
*/
 
body {
	background: url(images/background.jpg) 0 0 repeat-x #372057; 
	padding: 0; 
	margin: 0; 
	text-align: center; font-family: "trebuchet ms", verdana, arial, sans-serif; 
	color: #fff;
}


#maincontain {
	background: url('images/headerback.jpg') 0 0 no-repeat #BD9B6D; 
	width: 782px; 
	margin: 20px auto 0; 
	text-align: left;
	padding: 21px 0 0 0;
}

a, 
a:visited {
	color: #642981; 
	text-decoration: none;
}
	a:hover {
		background: url('images/hover.gif') left bottom repeat-x;
	}
a img {
	border: 0;
}

select {
	width: 200px;
}
	option {
		width: 300px;
	}
 
h1 {
	text-transform: lowercase; 
	color: #642981; 
	font-size: 90px; 
	font-weight: normal; 
	padding: 0; 
	margin: 0;
}

#logo {
	float: left; 
	padding: 0 0 0 0;
}

#nav {
	background: url('images/menuback.jpg') 0 0 no-repeat; 
	height: 64px; 
	margin: 0 0 0 172px; 
}

	#nav ul {
		list-style: none; 
		padding: 10px 0 0 0; 
		margin: 0;
	}
	
	#nav li {
		float: left;
	}
	
	
	#nav li a, 
	#nav li a:visited {
		display: block; 
		color: #FBD9C1; 
		text-transform: lowercase; 
		text-decoration: none; 
		background: url('images/swirl.gif') 2px center no-repeat; 
		padding: 0 0 0 20px; 
		margin: 8px 30px 0 0;
	}
	
	#nav li a:hover {
		color: #fff;
	}
		
#content {
	clear: both; 
	padding: 15px 0 15px 180px; 
	background: url(images/contentback.jpg) 0 0 repeat-y;
}

	#content img {
		border: 4px solid #EADBCA;
	}
	
	.featureimg {
		margin: 0 10px 10px 0;
	}
	
	.productcontent {
		padding: 15px 0 15px 15px !Important;
	}
	
		.productcontent h2 {
			margin-top: 0; 
			margin-left:  270px;
		}
		
		.productcontent img {
			float: left;
		}
		
		.productcontent img.secondaryimg {
			float: none; 
			display: block; 
			margin: 10px 0 10px 270px;
		}
		
		.productcontent p, .productcontent form {
			margin: 0 10px 10px 270px;
		}
		
		.productcontent table td {
			padding: 0px 7px; 
			text-align: center;
		}
		
			.productcontent table td img {
				margin: 10px 0 0 0;
			}
			
		.productcontent ul {
			margin-left: 280px;
		}
		
		.holiday {
			margin: 0 20px 0 270px; 
			background: url('images/snow.gif') 0 0 no-repeat; 
			padding: 40px 0 25px 40px;
		}
		
		.holiday p {
			margin-left: 0; 
			font-size: 0.9em; 
		}
		
		.holiday h3 {
			color: #381E4D; 
			margin: 0; 
			padding: 0;
		}
		
		.pricing {
			margin: 0 10px 10px 270px; 
			background: #D3B386; 
			padding: 10px; 
			border: 1px solid #DDC098;
		}
		
			.pricing p {
				margin: 7px 0;
			}
			
			.pricing .info {
				font-size: 85%; 
				font-style: italic;
			}
			
			.pricing img {
				border: 0 !Important; 
				float: none; 
				margin: 0 0 -4px 0;
			}
			
			.pricing p, 
			.pricing form {
				margin-left: 0;
			}
			
			.pricing table {
				margin: 0 0 15px 0;
			}
			
				.pricing table td {
					font-size: 85%; 
					text-align: left;
				}
				
			.pricing table.magnet {
				border: 1px solid #DDC098;
			}
			
			.pricing table.magnet tr {
				background: #BD9B6D;
			}
			
					.pricing table.magnet tr.alt {
						background: #B18F61;
					}
					
					.pricing table.magnet td { 
						border-top: 1px solid #DDC098;
					}
					
					.pricing table.magnet td, 
					.pricing table.magnet th {
						padding: 2px 15px;
					} 
					
			.pricing table td select, 
			.pricing table td select option {
				font-size: 85%; 
				margin: 0;
				}
				
			
			.pricing form {
				padding: 0;  
				margin: 0;
			}
			
			div.line {
				background: url('images/line.gif') 0 0 repeat-x; 
				height: 3px; 
				margin: 10px 0;
			}
			
			.powered {
				font-size: 85%;
			}
			
			.stories {
				list-style: none; 
				padding: 0 0 10px 0; 
				margin: 0;
			}
			.stories li a, 
			.stories  li a:visited {
				display: block; 
				color: #fff; 
				text-decoration: none; 
				background: url('images/swirl_story.gif') 0 center no-repeat; 
				padding: 0 0 0 20px;
			}
			
			.stories li a:hover {
				color: #FBD9C1;
				background: url('images/swirl_story.gif') 0 center no-repeat;
			}
			
			.center {
				text-align: center;
			}

#footer {
	background: url('images/footer.jpg') 0 0 no-repeat; 
	padding: 25px 0; 
	color: #7B3A98; 
	font-size: 0.75em; 
	margin: 0 auto; 
	width: 782px; 
	text-align: left;
}


/*Popup Styling*/

body#popupcontain {background: url(images/contentback.jpg) 0 0 repeat-y #BD9B6D; text-align: left; padding: 15px;}
body#popupcontain h2 span {color: #642981;}
body#popupcontain  #content {clear: none; padding: 0; background: url(images/swirl_end.gif) bottom right no-repeat;}

/*Homepage Styling*/

.home h1 {
	width: 400px; 
	height: 395px; 
	text-indent: -99999px; 
	background: url('images/logo_home.gif') 0 0 no-repeat; 
	float: right; 
	margin: 30px 0 0 0;
}

.home #nav { 
	margin:20px 0 0 10px; 
	background: none; 
	float: left; 
}

	.home #nav ul {
		list-style: none; 
		padding: 40px 0 0 0; 
		margin: 0; 
		font-size: 30px;
	}
	
	.home #nav li {
		float: none; 
		/*background: url(images/home_menuback.gif) 0 center no-repeat;*/ 
		padding: 5px 5px 5px 30px;
	}
	
	.home #nav li a {
		display: block; 
		color: #FBD9C1; 
		text-transform: lowercase; 
		text-decoration: none; 
		background: url('images/swirl_home.gif') 2px center no-repeat !Important; 
		padding: 0 0 0 40px !Important; 
		margin: 8px 0 0 0 !Important;
	}
	
	.home #nav li a:hover {
		color: #fff;
	}
		
.home #content {
	padding: 0; 
	background: url('images/homenav_back.jpg') 0 0 no-repeat;
	}

/*hacks*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/* html .clearfix {height: 1%;}/* End hide from IE-mac */