/* The CAKE Anthology web site CSS */

body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 12px;
	background:url(../assets/bgd.gif) repeat;
}

#page {
	position: absolute;
	width: 902px;
	top: 0; 
	left: -451px;
	margin-left: 50%;
}

#header {
	margin: 0;
	padding: 0;
	height: 199px;
	background:url(../assets/header.jpg) no-repeat;
	border-left:#6b9393 solid 1px;
	border-right:#6b9393 solid 1px;
}

#order-text {
	color: #fff;
	position:absolute;
	text-align:center;
	height: 150px;
	width: 150px;
	margin: 15px 0 0 725px;
}

#order-text div {
	padding: 0;
	margin: 0;
}

#nav {
	margin: 0;
	padding: 0;
	height: 30px;
	border-left:#6b9393 solid 1px;
	border-right:#6b9393 solid 1px;
}

#area {
	width: 860px;
	font-size: 12px;
	padding: 30px 20px;
	margin: 0;
	color: #225152;
	background: #d8e2e3;
	border-left:#6b9393 solid 1px;
	border-right:#6b9393 solid 1px;
}

#area p {
	margin: 18px 0;
}

#area a:link {
	text-decoration:none;
	font-weight:bold;
	color:#359b9d;	
}

#area a:visited {
	text-decoration:none;
	font-weight: bold;
	color:#cc729c;
}

#area a:focus {
	text-decoration:none;
	font-weight: bold;
	color:#b1537f;
}

#area a:hover {
	text-decoration:underline;
	font-weight: bold;
	color:#4db0b2;
}

#area a:active {
	text-decoration:none;
	font-weight: bold;
	color:#cc729c;
}

#area a:link img {
	text-decoration:none;
	border: solid #359b9d 2px;
}

#area a:visited img {
	text-decoration:none;
	border: solid #cc729c 2px;
}

#area a:focus img {
	text-decoration:none;
	border: solid #b1537f 2px;
}

#area a:hover img {
	text-decoration:none;
	border: solid #4db0b2 2px;
}

#area a:active img {
	text-decoration:none;
	border: solid #cc729c 2px;
}

#area-text {
	margin: 0 0 20px;
}

#area-img-l {
	float: left;
	margin: 0 20px 20px 0;
}

#blog {
	overflow: visible;
	width: 900px;
	padding: 0;
	margin: 0;
	border-left:#6b9393 solid 1px;
	border-right:#6b9393 solid 1px;
}

#charlie-story {
	position:relative;
	margin: 0 0 0 40px;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: left;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 17px 0 0 0;
}

#charlie-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#charlie-story img {
	margin: -5px 2px;
}

#charlie-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#charlie-artist img {
	margin: 15px;
}

#david-story {
	position:relative;
	margin: 0 40px 0 0;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: right;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#david-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#david-story img {
	margin: -5px 2px;
}

#david-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#david-artist img {
	margin: 15px;
}

#greg-story {
	position:relative;
	margin: 0 0 0 40px;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: left;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#greg-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#greg-story img {
	margin: -5px 2px;
}

#greg-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#greg-artist img {
	margin: 15px;
}

#jim-story1 {
	position:relative;
	margin: 0 40px 0 0;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: right;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#jim-story1 p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#jim-story1 img {
	margin: -5px 2px;
}

#jim-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#jim-artist img {
	margin: 15px;
}

#jake-story {
	position:relative;
	margin: 0 0 0 40px;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: left;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#jake-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#jake-story img {
	margin: -5px 2px;
}

#jake-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#jake-artist img {
	margin: 15px;
}

#nik-story {
	position:relative;
	margin: 0 40px 0 0;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: right;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#nik-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#nik-story img {
	margin: -5px 2px;
}

#nik-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#nik-artist img {
	margin: 15px;
}

#mark-story {
	position:relative;
	margin: 0 0 0 40px;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: left;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#mark-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#mark-story img {
	margin: -5px 2px;
}

#mark-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#mark-artist img {
	margin: 15px;
}

#rory-story {
	position:relative;
	margin: 0 40px 0 0;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: right;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#rory-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#rory-story img {
	margin: -5px 2px;
}

#rory-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#rory-artist img {
	margin: 15px;
}

#robert-story {
	position:relative;
	margin: 0 0 0 40px;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: left;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#robert-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#robert-story img {
	margin: -5px 2px;
}

#robert-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#robert-artist img {
	margin: 15px;
}

#tom-story {
	position:relative;
	margin: 0 40px 0 0;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: right;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#tom-story p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#tom-story img {
	margin: -5px 2px;
}

#tom-artist {
	position:relative;
	float:left;
	margin: 0 0 0 32px;
	width: 175px;
	height: 225px;
	background: url(../assets/artist_holder.jpg) no-repeat;
	color: #fff;
	text-align:center;
	font-size: 11px;
	padding: 35px 0 0 0;
}

#tom-artist img {
	margin: 15px;
}

#jim-story2 {
	position:relative;
	margin: 0 0 0 40px;
	width: 339px;
	height: 301px;
	background: url(../assets/thumb_holder.jpg) no-repeat;
	float: left;
	color: #fff;
	padding: 17px 0 0 0;text-align:center;
	font-size: 11px;
}

#jim-story2 p {
	margin: 15px 0 0 0;
	padding: 10px;
}

#jim-story2 img {
	margin: -5px 2px;
}

#clear {
	clear: both;
}

#page-title {
	width: 900px;
	float: left;
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 150%;
}

#samples {
	color: #225152;
}

#samples img {
	padding: 5px 4px;
	border: #6b9393 groove 1px;
}

#contact-text {
	float: left;
	width: 360px;	
}

#form {
	float:right;
	margin:0;
	padding:0;
	width: 465px;
	height: 280px;
}

#footer {
	position:relative;
	bottom: 0;
	height: 30px;
	width: 100%;
	clear: both;
	background: url(../assets/footer.gif) no-repeat;
	padding: 0 0 15px 0;
}

#footer-text {
	text-align:center;
	font-size: 85%;
	margin: 0;
	padding-top: 8px;
}