/**
 *
 * FantasyCreative.com
 *
 **/

html,
body {
	height: 100%;
	margin: 0;
}

html {
	background: #f5f1cf url('./images/bg.gif');
	color: #7b7c7d;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 11px;
}

h1 {
	background: transparent url('./images/logo.jpg') no-repeat;
	height: 260px;
	margin: 0;
	text-indent: -9999px;
	width: 271px;
}

h2 {
	margin: 0;
}

p {
	line-height: 25px;
}

a {
	color: #308d9d;
}

img {
	border: 0;
}

#container {
	background: transparent url('./images/tile_sidebar.gif') repeat-y left top;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 974px;
}

#sidebar {
	background: #4cb0c1 url('./images/tile_sidebar.gif') repeat-y;
	color: #fff;
	float: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 271px;
}

#details {
	background: #4cb0c1 url('./images/gradient_sidebar.gif') repeat-x;
	padding: 60px 0 53px 25px;
	width: 243px;
}

#details span {
	background: transparent url('./images/contact.gif') no-repeat;
	display: block;
	height: 33px;
	line-height: 33px;
	margin: 0 0 7px 0;
	padding: 0 0 0 19px;
	width: 219px;
}

#details a {
	color: #fff;
}

#content {
	background: transparent url('./images/stripe_featured.gif') no-repeat 0 65px;
	float: left;
	padding: 52px 0 0 48px;
	width: 655px;
}

#featured {
	margin: 0 0 23px 0;
	overflow: hidden;
}

#featured img {
	float: left;
	margin: 0 15px 0 0;
}

#featured .description {
	background: transparent url('./images/description.gif') no-repeat;
	float: right;
	height: 397px;
	padding: 0 21px;
	position: relative;
	width: 218px;
}

#featured .description p {
	color: #ababab;
}

#featured .description p.intro {
	color: #737373;
	font-size: 12px;
	margin: 8px 0 0 0;
}

#featured .description a.link {
	background: transparent url('./images/link.gif') no-repeat 0 50%;
	bottom: 25px;
	color: #308d9d;
	display: block;
	height: 15px;
	padding: 0 0 0 21px;
	position: absolute;
}

#teasers {
	margin: 35px 0 30px 0;
	overflow: hidden;
	width: 100%;
}

#teasers a {
	display: inline;
	float: left;
	margin: 0 33px 30px 0;
}

#teasers a.last {
	margin: 0 0 30px 0;
}

/**
 * Headers
 **/
#featured h2 {
	background: transparent url('./images/featured_title.gif') no-repeat;
	border-bottom: 1px solid #e2e2e2;
	height: 33px;
	margin: 22px 0 0 0;
	text-indent: -9999px;
}

h2.previous {
	margin-top: 55px;
	background: transparent url('./images/previous.gif') no-repeat;
	height: 23px;
	text-indent: -9999px;
	width: 380px;
}

/**
 * Helpers
 **/

.hide {
	display: block;
	height: 0;
	text-indent: -9999px;
}

.clear {
	clear: both;
	font-size: 1px;
	line-height: 1%;
}