body {
	color: #666;
	background: #fff;
}

a:link, a:visited { color: #f63; }

h1, h2, h3 { color: #f63; }

h1 {
	text-transform: uppercase;
	margin: 1em 0 0 0;
	font-size: 2.4em;
}

h2 {
	font-weight: normal;
	font-size: 1.8em;
}

h1 small { font-size: 16px; text-transform: none; }

#main {
	width: 760px;
	margin: 0 auto;
}

p, li {
	font-size: 1.4em;
}

#header .wrap {
	overflow: hidden;
	position: relative;
	width: 760px;
	margin: 0 auto;
	height: 70px;
}

#header {
	height: 70px;
	background: #DB8375 url("../img/header-wall.jpg") bottom repeat-x;
}

#logo {
	float: left;
	display: inline;
}

p.heading {
	color: #f63;
	font-size: 1.8em;
	line-height: 1.1;
	margin-top: 0.5em;
}

p.heading em {
	color: #ccc;
	font-style: normal;
}

p.intro {
	color: #333;
	font-size: 1.6em;
}

#content {
	padding: 15px 0 0 10px;
	overflow: hidden;
}

.wrap { width: 510px; }

.wrap h2.underline {
	padding-bottom: 15px;
	background: url("../img/divider-content.png") left bottom no-repeat;
}

.product-image {
	float: right;
	display: inline;
	margin: 0;
}

.purchase-link a {
	display: block;
	width: 346px;
	height: 51px;
	background: url("../img/purchase-highlight.png") 0 0 no-repeat;
	text-decoration: none;
	overflow: hidden;
}

.purchase-link a em {
	font-style: normal;
	font-weight: bold;
	padding-left: 20px;
	float: left;
	display: block;
	line-height: 55px;
	cursor: pointer;
}

.purchase-link a:hover em {
	color: #c30;
}

.purchase-link a strong {
	float: right;
	display: inline;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	width: 80px;
	text-align: center;
	margin-right: 38px;
	line-height: 55px;
	cursor: pointer;
}

.purchase-page .product-image { padding-top: 20px; }

.purchase-page .wrap { width: 500px; }

.secondary {
	padding: 0 0 0 10px;
	overflow: hidden;
}

.secondary h2 {	margin-top: 0; }
.secondary h2.underline {
	padding-bottom: 10px;
	background: url(../img/divider-medium.png) bottom no-repeat;
}

.secondary .content {
	float: right;
	display: inline;
	width: 370px;
}

.video {
	background: #FFE0D6 url(../img/video-bottom.png) bottom repeat-x;
	width: 340px;
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
}

.player { margin: 10px 10px 15px 10px; }

.video h2 {
	padding: 10px 0 5px 10px;
	margin: 0;
	background: url(../img/video-top.png) top repeat-x;
}

.video .more {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	padding: 13px 32px 10px 0;
	background: url(../img/video-corner.png) right top no-repeat;
	font-size: 1.2em;
	font-weight: bold;
}

.video .more a { text-decoration: none; }
.video .more a:hover { text-decoration: underline; color: #c30;}

body.videos .video { margin: 15px; }

.secondary ul, secondary ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.secondary ul {
	overflow: hidden;	
	margin-bottom: 8px;
}

.secondary ul li {
	float: left;
	display: inline;
	width: 170px;
	padding-left: 14px;
	margin-left: 0;
	margin-bottom: 10px;
	background: url(../img/bullet.png) left 3px no-repeat;
}

.secondary ul li.odd {
	width: 150px;
	margin-left: 15px;
}

h2.website {
	float: left;
	display: inline;
	padding-top: 7px;
	margin: 0 5px 0 0;
}

p.website {
	float: left;
	display: inline;
	margin: 0;
}

p.website a {
	display: block;
	width: 190px;
	height: 35px;
	background: url(../img/petamathias.png) left top no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

#nav {
	position: absolute;
	bottom: 0;
	right: -15px;
	overflow: hidden;
}

#nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	float: left;
	display: inline;
	font-size: 1.6em;
	font-weight: bold;
}

#nav a:link, #nav a:visited {
	display: block;
	height: 47px;
	text-align: center;
	text-decoration: none;
	color: #FFD3BF;
	padding: 0 15px;
}

#nav a:hover {
	color: #fff;
}

#nav .selected a:link, #nav .selected a:visited {
	color: #fff;
	background: url("../img/nav-active.png") bottom no-repeat;
	padding: 0 15px;
}

#purchase {
	background: #FFE0D6 url(../img/panel-bottom.png) left bottom repeat-x;
	padding-bottom: 15px;
	width: 460px;
}

#purchase h2 {
	padding: 15px 0 5px 20px;
	margin: 0;
	background: url(../img/panel-top.png) left top repeat-x;
}

#purchase form {
	background: url(../img/paypal.png) 360px 15px no-repeat;
}

#purchase div {
	overflow: hidden;
	padding: 5px 20px;
}

#purchase label {
	float: left;
	width: 140px;
	font-size: 1.4em;
	color: #333;
	font-weight: bold;
	line-height: 1.5;
}

.text-field {
	border: 1px solid #999;
	border-top: 1px solid #666;
	font-size: 1.4em;
	width: 260px;
	background: #fff url(../img/input-shadow.gif) top repeat-x;
	margin: 0;
}

.text-field.short { width: 50px; }

select { margin: 0; }

#purchase div.button {
	text-align: right;
	padding-top: 0;
	margin-top: 10px;
}

.button-back {
	display: block;
	float: left;
	width: 78px;
	height: 35px;
	background: url(../img/button-back.png) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
	text-align: left;
}

.summary p {
	margin: 0.2em 0 0;
}

.link-logos {
	text-align: center;
	clear: both;
}

.link-logos img {
	display: inline;
	margin: 0 30px 20px 30px;
}

.link-logos.bottom img {
	margin: 10px 15px 20px 15px;
}

.link-website {
	margin: 3em 0 1em 180px;
}

.link-gription {
	clear: both;
	text-align: center;
	padding-top: 30px;
}

.link-gription img { display: inline; }

.clear {
	clear: both;
}

/* Marrakech additions */

#marrakech {
	padding-top: 1em;
	margin-bottom: 2em;
	overflow: hidden;
	position: relative;
	clear: both;
}

#marrakech-teaser { overflow: hidden; }

#marrakech-teaser h2 {
	font-size: 2.4em;
	margin: 0 0 0.25em;
}

#marrakech-teaser p { margin: 0; }

.marrakech-dvd {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
}

.marrakech-vid-small {
	width: 179px;
	float: right;
	display: inline;
	background: url("../img/marrakech-vid-small-bg.png") bottom no-repeat;
	margin-left: 20px;
}

.marrakech-vid-small p {
	font-size: 1.2em;
	margin: 0;
	padding: 3px 0 7px;
	text-align: center;
}

.marrakech-vid-small p a {
	text-decoration: none;
	font-weight: bold;
}

.marrakech-vid-small p a:hover { color: #c30; }

#marrakech-promo .video {
	background-image: url("../img/marrakech-vid-bottom.png");
	width: 440px;
	position: relative;
	overflow: hidden;
}

#marrakech-promo .video h2 {
	padding: 10px 0 5px 10px;
	margin: 0;
	background: url("../img/marrakech-vid-top.png") top repeat-x;
}

#marrakech-promo {
	overflow: hidden;
	display: none;
	clear: both;
}

#marrakech-promo p {
	font-size: 1.3em;
	line-height: 1.4;
}

#marrakech-promo .player {
	margin-top: 5px;
	margin-bottom: 8px;
}

#marrakech-promo p.close {
	text-align: right;
	font-weight: bold;
	padding-right: 10px;
	margin: 0 0 14px;
	font-size: 1.2em;
	line-height: 1;
}

#marrakech-promo p.close a {
	text-decoration: none;
	padding-left: 15px;
	background: url("../img/close.png") left no-repeat;
}

.divider {
	background: url("../img/divider-wide.png") no-repeat;
	height: 10px;
	margin: 1em 0;
}

.marrakech-intro {
	overflow: hidden;
	float: right;
	width: 520px;
	margin-top: 20px;	
}

.marrakech-product-image {
	float: left;
	margin-top: 10px;
	margin-bottom: 0;
}

.marrakech-intro p.heading { margin-top: 0; }

#marrakech .recipes {
	clear: both;
	width: 180px;
	float: right;
	display: inline;
	margin-left: 30px;
}

#marrakech { overflow: hidden; padding-top: 20px; }

#marrakech h2 { font-size: 22px; margin: 0 0 10px; }

#marrakech .recipes li { margin-bottom: 5px; }

#marrakech .recipes h2 { margin-bottom: 10px; font-size: 16px; }

.recipe p.heading { margin: 24px 0 -15px; }
.recipe h1 { margin-bottom: 1em; }
.recipe h2 { margin-bottom: 10px; }
.recipe-image {
	float: right;
	margin-left: 20px;
	margin-right: -240px;
}
.recipe .ingredients { margin-top: 0; }

#bundle { overflow: hidden; padding: 10px 0; }

#bundle img { float: left; display: inline; margin-right: 15px; }

#bundle h2 { margin-bottom: 10px; margin-top: 0; }

#bundle p { margin-bottom: 10px; }

#bundle .purchase-link { margin-bottom: 0; }

.column {
	width: 250px;
	float: left;
	display: inline;
	padding-top: 20px;
}

.column h2 { margin: 10px 0; }

.column p { margin-bottom: 10px; }

.column .description { margin: 0 25px; }

/* Footer */

#footer {
	background: url("../img/divider-wide.png") no-repeat;
	padding: 15px 0 50px 0;
	overflow: hidden;
	margin: 50px auto 0 auto;
	width: 760px;
}

#footer p {
	font-size: 1.2em;
	color: #999;
	float: left;
}

#footer p.cactuslab {
	float: right;
	text-align: right;
}