/**
 * Story House Creative
 * custom.css
 *
 * 1Serpent
 * Design, Development and Managed Hosting
 * http://1serpent.com/
 *
 * Last Updated: 2010-04-01 00:48:48 +0200 (Thu, 01 Apr 2010)
 */

/* main style & typography */
body.custom {  }
	.custom #container { width: 897px; }
	.custom #page { background: none; position: relative; }

	/* header area */
	.custom #header { background: url(images/front_content_top.png) no-repeat 0 100%; height: 195px; padding: 0; }
	.custom #header #logo { float: left; height: 145px; padding-top: 20px; width: 300px; }
	.custom #header #logo a { background: url(images/logo.png) no-repeat 0 0; display: block; height: 145px; text-indent: -9999px; width: 300px; }
	.custom #header #tagline { float: right; font-style: italic; padding: 145px 5px 0 0; text-align: right; width: 500px; }

		/* navigation */
		.custom .menu { position: absolute; right: 5px; top: 50px; width: auto !important; }
		.custom .menu a { font-size: 1.5em; letter-spacing: normal; padding: 5px; text-transform: none; }
		.custom .menu > li { margin-left: 15px; }
		.custom .menu > li > a:hover {  }

		.custom .menu ul li a { font-size: 1.4em; padding: 3px 5px 9px; }

		.custom .menu li.rss a { padding: 5px 20px 5px 5px; }

	/* content area */
	.custom #content_box { background: url(images/front_content_bg.png) repeat-y 0 0 !important; position: relative; }
	.custom #content { margin-right: 20px; overflow: visible; }
	.custom .sp_touch { bottom: -1px; left: 2px; height: 30px; position: absolute; width: 240px; }
	.custom .sp_touch a { background: #f09541; color: #FFFFFF; display: block; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.5em; font-weight: bold; line-height: 30px; position: relative; text-align: center; text-decoration: none; }
	.custom .sp_touch a:hover { text-decoration: underline; }
	.custom .post_box { margin: 0 2em 0 4em; }

		/* sidebar */
		.custom #sidebars { margin: -5px 0 0 2px; }
		.custom .sidebar ul.sidebar_list { padding: 0 0 30px; }
		.custom .sidebar li.widget { margin-bottom: -1px; }
		.custom .sidebar li.widget > div,
		.custom .sidebar li.widget > ul { padding: 15px; }
		.custom .sidebar h3 { font-weight: bold; margin-bottom: 0; padding: 15px 15px 0; }

		.custom .sidebar li.widget_custom_news h4 { margin-bottom: 1.385em; }

		.custom .sidebar li.widget .sp_light { background: #e9e9e9; border: 1px solid #d2d2d2; }
		.custom .sidebar li.widget .sp_light h3 { margin-bottom: 1em; padding: 0; }
		.custom .sidebar li.widget .sp_light .quote { line-height: 1.557em; margin-bottom: 0.335em; }
		.custom .sidebar li.widget .sp_light .quote span { color: #f09541; font-size: 1.5em; font-style: italic; font-weight: bold; line-height: 1em; padding: 0 9px 0 3px; }
		.custom .sidebar li.widget .sp_dark h3 { margin-bottom: 1em; padding: 0; }
		.custom .sidebar li.widget a.more { background: #FFFFFF; color: #555555; display: block; float: right; padding: 3px 6px; }

	/* footer area */
	.custom #footer { background: url(images/front_content_bottom.png) no-repeat 0 0; padding: 15px 200px 15px 15px; text-align: left; }
	.custom #footer a { border: none; }
	.custom #footer .social { line-height: 24px; }
	.custom #footer .social a { margin-right: 15px; }
	.custom #footer .social a img { padding-left: 5px; vertical-align: middle; }
	.custom #footer .right { float: right; position: relative; }
	.custom #footer .right a { padding-right: 0; margin-right: 0; }


/* additional style & typography */
.hide_title .headline_area { display: none; }
.custom .hide { display: none; }
.custom .format_text input { width: auto; }

.custom .format_text .story { padding: 150px 75px 0 0; text-align: right; }
.custom .format_text .story span { color: #f09541; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.0em; font-weight: bold; line-height: 1em; text-align: right;}

.custom .bird { bottom: -180px; position: absolute; right: -240px; }

.custom .format_text .center { text-align: center; }
.custom .format_text .center object { margin: 0 auto 1.571em; }

	/* custom template */
	.sp_front #header { background: url(images/front_content_top.png) no-repeat 0 100%; }
	.sp_front .post_box { margin: 0 5em; }
	.sp_front .format_text { font-size: 1.8em; line-height: 200%; }
	.sp_front .format_text h3,
	.sp_front .format_text h5 { font-size: 1.5em; font-weight: normal; margin: 1em 0; }

	/* no sidebars */
	.sp_no_sidebars #header { background: url(images/content_top.png) no-repeat 0 100%; }
	.sp_no_sidebars #content_box { background: url(images/content_bg.png) repeat-y 0 0 !important; }
	.sp_no_sidebars #footer { background: url(images/content_bottom.png) no-repeat 0 0; }
	.custom .no_sidebars #content { margin-right: 0; }
	.custom .no_sidebars .post_box { margin: 0 3em; padding-bottom: 30px; }
	.custom .no_sidebars .sp_touch { bottom: 15px; left: 700px; width: 150px; }

	/* we can help with that */
	.custom.what-we-do-2 .post_box { padding-bottom: 120px; }

	/* portfolio */
	.custom .sp_portfolio_side { float: left; font-size: 1.2em; width: 200px; }
	.custom .sp_portfolio_side ul { list-style: none; margin: 0; }
	.custom .sp_portfolio_side li { margin-bottom: 3px; }
	.custom .sp_portfolio_side a { color: #636363; text-decoration: none; }
	.custom .sp_portfolio_side a:hover,
	.custom .sp_portfolio_side li.active a { text-decoration: underline; }

	.custom .sp_portfolio_content { float: left; padding-bottom: 90px; width: 600px; }
	.custom .sp_portfolio_content h3 { color: #636363; margin-top: 0; }
	.custom .sp_portfolio_box { float: left; height: 220px; margin: 0 20px 20px 0; width: 175px; }
	.custom .sp_portfolio_box .sp_portfolio_img img { border: 1px solid #c4c4c4; }
	.custom .sp_portfolio_box h5 { color: #636363; font-size: 1em; font-weight: normal; line-height: normal; letter-spacing: normal; text-transform: none; }
	.custom .sp_portfolio_box .sp_view { color: #898989; float: right; font-size: 0.85em; line-height: normal; margin-left: 3px; text-align: right; text-decoration: none; }
	.custom .sp_portfolio_box .sp_view:hover { color: #111111; }

	.custom .format_text p.pdf a { background: #F09541 url(images/pdf_bg.png) no-repeat 95% 50%; color: #FFFFFF; display: block; font-weight: bold; padding: 10px; text-decoration: none; width: 180px; }

	/* testimonials */
	.custom.testimonials-and-clients .post_box { padding-bottom: 150px; }
	.custom .format_text .testimonial { margin-bottom: 0; }
	.custom .format_text .testimonial span { color: #f09541; font-size: 1.5em; font-style: italic; font-weight: bold; line-height: 1em; padding: 0 9px 0 3px; }
	.custom .format_text .who { font-style: italic; line-height: normal; text-align: right; }

	/* about */
	.custom.about .post_box { padding-bottom: 120px; }
	.custom .about_intro { font-size: 1.2em; }


/* clearing */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.custom .format_text:after,
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0; }