@import "clueTip.css";

h1 {
	color: #af5f46;
	font-family: georgia;
	font-size: 1.285em; /* 18px */
	font-weight: normal;
	line-height: 1.111em; /* 20px */
	margin-bottom: .5em; /* 10px */
}
h2 {
	font-size: .857em;
	color: #00587f;
	text-transform: uppercase;
	margin-bottom: 6px;
}
#pageContent {
	padding-top: 0;
}

#pageContent p, #pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5, #pageContent h6 {
	padding: 0;
}

.product {
	border-bottom: solid 1px #e2e2e2;
	padding: 36px 10px 0 10px;
}
.intro {
	padding: 0 50px 0 500px;
	margin: 0 0 18px 0;
}
#imagine .intro {
	background: transparent url(../images/imagine-product-bg.jpg) no-repeat 1px 0;
/*	height: 400px;*/
}
#intro-products .intro {
	background: transparent url(../images/intro-product-bg.jpg) no-repeat 1px 0;
}
#overture .intro {
	background: transparent url(../images/overture-product-bg.jpg) no-repeat 1px 0;
}

.product .more-info {
	background: transparent url(../images/more-info-bg.jpg) no-repeat left bottom;
	padding: 0 50px 24px 50px;
}
#pageContent .product h2 {
	clear: both;
	border-top: solid 1px #e2e2e2;
	padding: 9px 0 0 0;
	margin: 9px 0 6px 0;
}
#pageContent .product h2 .instruct {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	text-transform: none;
	padding-left: 5px;
}
#pageContent ul.style-list,
#pageContent ul.feature-list {
	list-style: none;
	padding: 0;
}
#pageContent ul.style-list li,
#pageContent ul.feature-list li {
	margin-bottom: 0;
}
.style-list li {
	height: 1.5em;
	float: left;
	padding-right: 10px;
}
#pageContent a.tips {
	border: none
}
.feature-list div {
	text-align: center;
	width: 250px;
	float: left;
	padding-right: 25px;
}
.feature-list div.last {
	padding-right: 0;
}