/* Reset
------------------------------ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	border: 0;
	padding: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background-color: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/* Global Styles
------------------------------ */

body {
	margin: 0;
	background-color: #FFF;
	color: #666;
	font: normal 1em/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

a:link    { color: #333; }
a:visited { color: #666; }
a:hover,
a:active  { color: #000; }

h1 {
	margin: .6em 0 .4em;
	font-size: 1.5em;
}
h2 {
	margin: 1em 0 1.5em;
	color: #AAA;
	font-size: 1.3em;
}
h3 {
	margin: 1.5em 0 .5em;
	font-size: 1.1em;
}
p {
	margin: .2em 0 1em;
}
ul, ol {
	margin: .2em 0 1em 2.1em;
}
	ul li,
	ol li {
		margin-bottom: .75em;
	}
	ul li { list-style: disc; }
	ol li { list-style: decimal; }

.hidden {
	display: none !important;
}
kbd, code, tt {
	font: normal 12px/16px 'Monaco', 'Courier New', Courier, monospace;
}



/* Header
------------------------------ */

.header {
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	height: 70px;
	padding: 20px 0 0;
	background: transparent url(../images/bg-header.png) repeat 0 0;
	font-size: .7em;
	z-index: 2000;
}
	.header .wrap {
		width: 980px;
		height: 70px;
		margin: 0 auto;
		overflow: hidden;
	}
	.header a {
		color: #333;
		text-decoration: none;
		font-weight: bold;
	}
		.header a:hover {
			border-bottom: 1px solid #AAA;
		}
	.header h2 {
		margin: .5em 0 0;
		color: #AAA;
		font-size: 1em;
	}
		.header h2 a,
		.header h2 a:hover {
			color: #AAA;
		}
	.header p {
		margin: 0;
		padding: .55em 0 0;
	}


	/* Logotype */

	.header h1 {
		position: relative;
		float: left;
		width: 250px;
		height: 70px;
		margin: 0 10px 0 0;
		background-color: #186B2F;
		color: #FFF;
		text-align: center;
		text-transform: uppercase;
		font-size: 48px;
		overflow: hidden;
	}
		.header h1 a {
			color: #FFF;
		}
		.header h1 b {
			position: absolute;
			top: 0; left: 0;
			width: 100%; height: 100%;
			background: url(../images/logo.png) no-repeat 0 0;
		}
		.header h1 b.color-a { background-position: 0 0; }
		.header h1 b.color-b { background-position: 0 -70px; }
		.header h1 b.color-c { background-position: 0 -140px; }
		.header h1 b.color-d { background-position: 0 -210px; }


	/* Decors */

	.header .decor-l,
	.header .decor-r {
		position: absolute;
		top: 20px;
		width: 10px;
		height: 70px;
		background-image: url(../images/decors.png);
		background-repeat: no-repeat;
	}
	.header .decor-l {
		left: 0;
		background-position: 0 0;
	}
	.header .decor-r {
		right: 0;
		background-position: -10px 0;
	}
	.header .decor-l.color-a { background-position: 0 0; }
	.header .decor-l.color-b { background-position: 0 -70px; }
	.header .decor-l.color-c { background-position: 0 -140px; }
	.header .decor-l.color-d { background-position: 0 -210px; }
	.header .decor-r.color-a { background-position: -10px 0; }
	.header .decor-r.color-b { background-position: -10px -70px; }
	.header .decor-r.color-c { background-position: -10px -140px; }
	.header .decor-r.color-d { background-position: -10px -210px; }


	/* Blog */

	.header .latest-blog {
		position: relative;
		float: left;
		width: 300px;
		padding: 0 0 0 80px;
		background: url(../images/bg-author.png) no-repeat 65px 26px;
	}
		.header .latest-blog img {
			position: absolute;
			top: 20px; left: 30px;
			width: 30px;
			height: 30px;
		}
		.header .latest-blog .meta {
			color: #999;
		}
			.header .latest-blog .meta a {
				color: #999;
				font-weight: normal;
			}


	/* Twitter */

	.header .latest-twitter {
		position: relative;
		float: left;
		width: 260px;
		height: 70px;
		padding: 0 0 0 60px;
		background: url(../images/bg-header-twitter.png) no-repeat 6px 0;
	}
		.header .latest-twitter i {
			position: absolute;
			top: 28px; left: 38px;
			width: 18px;
			height: 15px;
			background: url(../images/anim-bird.gif) no-repeat 0 0;
		}


	/* Blog Tagline */

	.header .blog-tagline {
		position: relative;
		float: left;
		width: 360px;
		padding: 0 0 0 20px;
	}
		.header .blog-tagline h2 {
			margin: .5em 0 0;
			padding: 0;
			color: #333;
			font-size: 1.8em;
		}
			.header .blog-tagline h2 a {
				color: #333;
			}
		.header .blog-tagline p {
			padding: 0;
			color: #999;
		}



/* Layout
------------------------------ */

.main {
	width: 980px;
	margin: 140px auto 0;
	font-size: .8em;
	z-index: 500;
}
	.container {
		margin: 0 0 50px;
		overflow: hidden;
	}



/* Get in Touch
------------------------------ */

#get-in-touch {
	padding-right: 100px;
	padding-left: 100px;
	overflow: hidden;
}
	#get-in-touch p {
		margin: 0 0 .25em;
	}
	#get-in-touch strong,
	#get-in-touch strong a {
		color: #333;
	}

.block-address {
	clear: both;
	float: left;
	width: 140px;
	margin-right: 20px;
	font-size: .85em;
}
	.block-address .type {
		display: none;
	}
	.block-address img {
		display: block;
		margin-top: 1em;
	}

.block-contact {
	float: left;
	width: 220px;
	margin-right: 20px;
	font-size: .85em;
}
	.block-contact dl {
		margin: 0 0 .15em;
		overflow: hidden;
	}
		.block-contact dl dt {
			float: left;
			width: 35px;
		}
			.block-contact dl dt .type {
				display: none;
			}
		.block-contact dl dd {
			margin-left: 40px;
		}

.block-indy {
	float: left;
	width: 220px;
	margin-right: 20px;
	color: #AAA;
	font-size: .85em;
}
	.block-indy strong {
		display: block;
	}
	.block-indy img {
		float: left;
		margin-right: 10px;
	}

.block-copyright {
	float: left;
	width: 140px;
	color: #AAA;
	font-size: .85em;
}



/* Who?
------------------------------ */

#who {
	position: relative;
	padding-right: 100px;
	padding-left: 100px;
}
	#who p {
		font-size: 1.65em;
	}
		#who p strong {
			color: #333;
		}
		#who p a {
			border-bottom: 1px solid #CCC;
			color: #333;
			text-decoration: none;
		}
		#who p a:hover {
			border-color: #666;
			color: #000;
		}


	/* Links to blog and Twitter */

	#who ul.links {
		position: absolute;
		top: 0; right: 100px;
		margin: 0;
		color: #AAA;
	}
		#who ul.links li {
			float: left;
			margin: 1.5em 0 1.5em 1em;
			list-style: none;
		}
			#who ul.links a,
			#who ul.links a:hover {
				padding-left: 19px;
				background-image: url(../images/profile-services.gif);
				background-repeat: no-repeat;
				color: #AAA;
				text-decoration: none;
				font-weight: bold;
			}
			#who ul.links a:hover {
				text-decoration: underline;
			}
			#who ul.links a.link-hire-us {
				padding: .2em .4em .2em 21px;
				background-color: #FCFFAE;
				background: #FCFFAE url(../images/i-guy.gif) no-repeat .4em center;
				color: #515400 !important;
				text-shadow: 0 1px 0 #FEFFD7;
				
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			#who ul.links a.link-blog {
				background-position: 0 -149px;
				color: #333 !important;
			}
			#who ul.links a.link-twitter {
				background-position: 0 -49px;
				color: #005958 !important;
			}



/* Products
------------------------------ */

#products {
	overflow: visible !important;
}
	#products h2 {
		margin-left: 100px;
	}
.block-product {
	position: relative;
}
	.block-product h3 {
		width: 500px;
		height: 180px;
		margin: 0 240px;
		overflow: hidden;
	}
	.block-product .screenshot {
		position: absolute;
		top: 22px; right: -9px;
		width: 318px;
		height: 213px;
	}

/* Product links */

a.link-beanstalk,
a.link-postmark,
a.link-newsberry {
	border: 0 !important;
	padding: .25em .5em;
	text-decoration: none;
	font-weight: bold;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a.link-beanstalk {
	background-color: #259151 !important;
	color: #FFF !important;
}
a.link-postmark {
	background-color: #ffde00 !important;
	color: #333 !important;
}
a.link-newsberry {
	background-color: #0854C7 !important;
	color: #FFF !important;
}
a.link-beanstalk:hover,
a.link-postmark:hover,
a.link-newsberry:hover {
	background-color: #333 !important;
	color: #FFF !important;
	text-shadow: 0 1px 0 #222;
}


/* Beanstalk */

#product-beanstalk {
	margin: 0 0 100px;
}
	#product-beanstalk h3 {
		background: #342F21 url(../images/product-beanstalk-bg.png) no-repeat 0 0;
	}
		#product-beanstalk h3 img {
			display: block;
			width: 245px;
			height: 80px;
			margin: 46px auto 0;
		}
	#product-beanstalk p {
		margin: 20px 320px 0 240px;
	}
	#product-beanstalk .screenshot {
		top: 22px; right: -9px;
	}


/* Postmark */

#product-postmark {
	margin: 0 0 100px;
}
	#product-postmark h3 {
		background: #333 url(../images/product-postmark-bg.png) no-repeat 0 0;
	}
		#product-postmark h3 img {
			display: block;
			width: 194px;
			height: 55px;
			margin: 65px auto 0;
		}
	#product-postmark p {
		margin: 20px 240px 0 320px;
	}
	#product-postmark .screenshot {
		top: 22px; left: -9px; right: auto;
	}


/* Newsberry */

#product-newsberry {
	margin: 0 0 30px;
}
	#product-newsberry h3 {
		background: #EDF1F4 url(../images/product-newsberry-bg.png) no-repeat 0 0;
	}
		#product-newsberry h3 img {
			display: block;
			width: 242px;
			height: 62px;
			margin: 60px auto 0;
		}
	#product-newsberry p {
		margin: 20px 320px 0 240px;
	}
	#product-newsberry .screenshot {
		top: 22px; right: -9px;
	}



/* Team
------------------------------ */

#team {
	padding-right: 100px;
	padding-left: 100px;
}
	#team .wrapper {
		position: relative;
		height: 90px;
		margin: 30px 0 0;
		overflow: hidden;
	}


/* Listing */

ul.team-members {
	margin: 0 -8px;
	font-size: 1.5em;
	overflow: hidden;
}
	ul.team-members li {
		float: left;
		margin: 0 8px;
		white-space: nowrap;
		list-style: none;
	}
	ul.team-members a {
		color: #666;
		text-decoration: none;
	}
	ul.team-members a:hover,
	ul.team-members li.active a {
		border-bottom: 1px solid #CCC;
		color: #000;
	}


/* Profile */

.block-profile {
	position: absolute;
	top: 0; left: 290px;
	width: 480px;
	height: 90px;
	overflow: hidden;
}
	.block-profile img {
		float: left;
		width: 90px;
		height: 90px;
		margin-right: 20px;
	}
	.block-profile h3 {
		margin: .75em 0 0;
		color: #333;
		font-size: 1em;
	}
		.block-profile h3 span {
			color: #AAA;
			font-weight: normal;
		}
	.block-profile ul {
		margin: 0;
		font-size: .85em;
		overflow: hidden;
	}
		.block-profile ul li {
			float: left;
			margin-right: 12px;
			list-style: none;
		}
		.block-profile ul a {
			padding-left: 18px;
			background-image: url(../images/profile-services.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			font-weight: bold;
		}
		.block-profile ul a.link-flickr {
			background-position: 0 -1px;
			color: #003871;
		}
		.block-profile ul a.link-twitter {
			background-position: 0 -51px;
			color: #005958;
		}
		.block-profile ul a.link-tumblr {
			background-position: 0 -101px;
			color: #2C333C;
		}



/* Clients
------------------------------ */

#client-work {
	padding-right: 100px;
	padding-left: 100px;
}
	#client-work p {
		font-size: 1.5em;
	}
	#client-work .wrapper {
		position: relative;
		height: 200px;
		overflow: hidden;
	}


		/* Project */

		#client-work .projects {
			position: relative;
			width: 640px;
			overflow: hidden;
		}
			.block-project {
				position: relative;
				float: left;
				width: 380px;
				min-height: 140px;
				margin: 30px 0 0;
				padding: 0 40px 0 240px;
				overflow: hidden;
			}
				.block-project img {
					position: absolute;
					top: 0; left: 0;
					float: left;
					width: 220px;
					height: 140px;
				}
					.block-project h3 {
						margin-top: .85em;
						color: #333;
						font-size: 1.3em;
					}
						.block-project h3 a {
							border-bottom: 1px solid #DDD;
							color: #333;
							text-decoration: none;
						}
						.block-project h3 a:hover {
							border-color: #666;
							color: #000;
						}
					.block-project p {
						font-size: 1em !important;
					}


		/* "Next Project" button */

		#client-work .next {
			position: absolute;
			top: 30px; right: 0;
			width: 139px;
			height: 140px;
			border-left: 1px solid #E4E4E4;
		}
			#client-work .next a {
				display: inline-block;
				position: relative;
				margin: 55px 0 0 19px;
				padding: .5em 1em;
				background-color: #333;
				color: #FFF;
				text-decoration: none;
				text-shadow: 0 1px 0 #222;
				font-weight: bold;
				font-size: .7em;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			#client-work .next a:hover {
				background-color: #DDD;
				color: #333;
				text-shadow: 0 1px 0 #EEE;
			}
			#client-work .next a:active {
				opacity: .5;
			}


		/* Decorative overlays */

		#client-work .overlay-l,
		#client-work .overlay-r {
			display: block;
			position: absolute;
			top: 0;
			width: 20px;
			height: 200px;
			background-image: url(../images/overlays.png);
			background-repeat: no-repeat;
		}
		#client-work .overlay-l {
			left: 0;
			background-position: 0 0;
		}
		#client-work .overlay-r {
			right: 140px;
			background-position: -20px 0;
		}



/* Blog
------------------------------ */

#blog .content {
	float: left;
	width: 700px;
}
#blog .sidebar {
	float: right;
	width: 220px;
	margin: .6em 20px 0 0;
}
#blog .sidebar a.link-beanstalk,
#blog .sidebar a.link-postmark,
#blog .sidebar a.link-newsberry {
	padding: .15em .3em;
	text-shadow: none !important;
}

#blog .sidebar a.link-beanstalk { background-color: #FFF5CC !important; color: #423500 !important; }
#blog .sidebar a.link-postmark 	{ background-color: #DDD !important; color: #333 !important; }
#blog .sidebar a.link-newsberry { background-color: #E6EEF9 !important; color: #0854C7 !important; }



/* Sidebar
------------------------------ */

.sidebar .block-content {
	margin: 2em 0 0;
	padding: 0 0 1em;
}
	.sidebar .block-content h2 {
		margin: 0 0 .7em;
		color: #333;
		font-size: 1.2em;
	}
	.sidebar .block-content p {
		line-height: 1.8;
		font-size: .9em;
	}
	.sidebar .block-content a {
		border-bottom: 1px solid #DDD;
		color: #333;
		text-decoration: none;
		font-weight: bold;
	}
	.sidebar .block-content a:hover {
		border-color: #666;
		color: #000;
	}


/* Subscribe to feed */

.subscribe a {
	display: inline-block;
	margin: 10px 0 0;
	padding-left: 1.7em;
	background: url(../images/i-rss.png) no-repeat 0 center;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.4em;
}


/* Company introduction */

#intro p {
	color: #999;
}


/* Product teasers */

#product-teasers ul {
	margin: 0;
}
	#product-teasers ul li {
		margin: 0 0 10px;
		list-style: none;
	}
		#product-teasers a {
			display: block;
			position: relative;
			width: 220px;
			height: 70px;
			border: 0;
			overflow: hidden;
		}
		#product-teasers .product-beanstalk a {
			height: 90px;
		}
			#product-teasers a b {
				position: absolute;
				top: 0; left: 0;
				width: 100%; height: 100%;
				background-image: url(../images/product-teasers.png);
				background-repeat: no-repeat;
			}
			#product-teasers .product-beanstalk a b { background-position: 0 0; }
			#product-teasers .product-postmark a b { background-position: 0 -90px; }
			#product-teasers .product-newsberry a b { background-position: 0 -160px; }



/* Pagination
------------------------------ */

#blog .browse {
	clear: both;
	margin-left: -2.55em;
	border-top: 1px solid #DDD;
	padding: 1em 0 0 120px;
	font-size: 1.3em;
}
	#blog .browse a {
		font-weight: bold;
		text-decoration: none;
	}
	#blog .browse span {
		margin: 0 .5em;
		color: #DDD;
	}



/* Blog post
------------------------------ */

.blog-post {
	position: relative;
	margin: 0 0 5em;
	padding-left: 120px;
	color: #333;
}
	.blog-post h2 {
		font-size: 1.5em;
		color: #333;
	}
		.blog-post h2 .timestamp {
			display: inline-block;
			width: 81px;
			margin: 0 21px 0 -120px;
			border-right: 3px solid #DDD;
			padding: 0 10px 0 0;
			color: #AAA;
			text-align: right;
			text-transform: uppercase;
			font-weight: bold;
		}
		.blog-post h2 a {
			border-bottom: 1px solid #CCC;
			color: #333;
			text-decoration: none;
		}
		.blog-post h2 a:hover {
			border-color: #666;
			color: #000;
		}
		.blog-post h2 a.b-go-back {
			float: right;
			margin: .1em 0 0;
			border: 0;
			border-right: 1px solid #DDD;
			padding: .25em .5em;
			background-color: #EEE;
			text-shadow: 0 1px 0 #FFF;
			font-size: .7em;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-bottomleft: 3px;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
		}
		.blog-post h2 a.b-go-back:hover {
			background-color: #DDD;
			text-shadow: 0 1px 0 #EEE;
		}
		
	
	/* Meta */
	
	.blog-post p.meta {
		margin: -2em 0 2.3em;
		color: #999;
		font-size: .9em;
	}
		.blog-post p.meta a {
			color: #999;
		}
		.blog-post p.meta a:hover {
			text-decoration: none;
		}
		.blog-post p.meta a.b-comments {
			border: 1px solid #DDD;
			padding: .25em .5em;
			text-decoration: none;
			font-weight: bold;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.blog-post p.meta a.b-comments:hover {
			border-color: #333;
			background-color: #333;
			color: #FFF;
			text-shadow: 0 1px 0 #222;
		}

	
	/* Author */
	
	.blog-post p.author-photo {
		position: absolute;
		top: 5.35em; left: 54px;
		width: 57px;
		height: 40px;
		margin: 0;
		padding: 0;
		background: url(../images/bg-author.png) no-repeat 100% center;
	}
		.blog-post p.author-photo img {
			width: 40px;
			height: 40px;
		}
		
	
	/* Blog content */
	
	.blog-post .entry-content {
		line-height: 1.6;
		font-size: 1.1em;
	}
		.blog-post .entry-content h3 {
			color: #333;
			font-size: 1.2em;
		}
		.blog-post .entry-content h4 {
			margin: 1.5em 0 .6em;
			color: #333;
			font-size: 1.1em;
		}
		.blog-post .entry-content a {
			color: #005895;
		}
		.blog-post .entry-content img {
			display: block;
			border: 1px solid #DDD;
			padding: 3px;
		}
			.blog-post .entry-content img.align-right {
				float: right;
				margin: .3em 0 .6em 20px;
			}
			.blog-post .entry-content img.align-left {
				float: left;
				margin: .3em 20px .6em 0;
			}
		.blog-post .entry-content blockquote {
			margin: 1em 2em;
			padding: .5em 1.3em;
			border-left: 1px solid #DDD;
			color: #666;
			font: italic .9em/1.7 Georgia, "Times New Roman", Times, serif;
		}
		.blog-post .entry-content code {
			display: block;
			margin: 1em 2em;
			padding: 1em 1.5em;
			border-left: 1px solid #DDD;
			background-color: #EEE;
		}
		.blog-post .entry-content ul li {
			margin: 0 .8em .5em;
			list-style-type: circle;
		}
		.blog-post .entry-content ol li {
			margin: 0 .8em .5em;
			list-style-type: decimal;
		}
		
	
	/* Link to full blog post */
	
	.blog-post p.full-post {
		margin: 1.5em 0 0 0;
	}
		.blog-post p.full-post a {
			padding: .25em .5em;
			background-color: #EEE;
			color: #333;
			text-decoration: none;
			font-weight: bold;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
		.blog-post p.full-post a:hover {
			background-color: #333;
			color: #FFF;
			text-shadow: 0 1px 0 #222;
		}



/* Comments
------------------------------ */

#comments {
	margin: 4em 0 0;
	border-top: 1px solid #DDD;
}
	#comments h2 {
		overflow: hidden;
	}
		#comments h2 span.count {
			float: right;
			padding: .1em .5em;
			background-color: #DDD;
			color: #FFF;
			text-shadow: 0 1px 0 #CCC;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}

	
	/* Comment */

	#comments .comment {
		position: relative;
		margin: 0 0 3em;
	}
		#comments .comment p {
			margin: 0 0 1em;
			font-size: 1em;
		}
		#comments .comment p.meta {
			margin: -1em 0 0;
			font-size: .9em;
		}
		#comments .comment p.author-photo {
			top: -6px; left: -54px;
			width: 45px;
			height: 30px;
		}
			#comments .comment p.author-photo img {
				width: 30px;
				height: 30px;
			}
	
	
	/* Trackbacks */
	
	#comments .trackbacks {
		margin: 0 0 3em;
		padding-left: 1em;
		border-left: 3px solid #DDD;
	}
		#comments .trackbacks h3 {
			margin-left: .5em;
			color: #AAA;
			font-size: 1.1em;
		}
		#comments .trackbacks ol li a:hover {
			text-decoration: none;
		}


	/* Write a comment */

	#comments h3 {
		margin: 0 0 1em;
		font-size: 1.3em;
	}
	#comments .form-row {
		margin-bottom: 1em;
	}
		#comments .form-field input,
		#comments .form-field textarea,
		#comments .form-submit input {
			padding: .25em .5em;
			font: normal 1.1em/1.4 'Helvetica Neue', Arial, Helvetica, sans-serif;
		}
		#comments .form-field span {
			color: #999;
		}
		#comments .form-submit input {
			border: 0;
			background-color: #333;
			color: #FFF;
			text-shadow: 0 1px 0 #222;
			font-weight: bold;
			cursor: pointer;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
	#comments .form-row.error {
		background-color: #FDF2F3;
	}
		#comments .form-row.error .form-field span {
			color: #966;
		}
	
	#comments p.notice {
		color: #AAA;
		font-size: 1.3em;
	}



/* Special page
------------------------------ */

#page {
	position: absolute;
	top: 46%; left: 0;
	width: 100%;
}

	/* Logotype */

	#page .header {
		position: static;
		top: auto; left: auto;
		width: auto;
		height: auto;
		padding: 0;
		background: transparent none;
		font-size: 1em;
	}
		#page .header h1 {
			position: absolute;
			top: 0; left: 10%;
		}

	/* Decors */

	#page .decor-l,
	#page .decor-r {
		top: 0;
	}

	/* Content */

	#page .content {
		position: absolute;
		top: 0; left: 40%;
		float: none;
		width: auto;
	}
		#page .content h2 {
			margin: -.1em 0 .25em;
			color: #333;
			line-height: 1;
			font-size: 1.3em;
		}
		#page .content h3 {
			margin: 1em 0 0;
			color: #333;
			font-size: .9em;
		}
		#page .content p {
			font-size: .9em;
		}
		#page .content a {
			border-bottom: 1px solid #DDD;
			text-decoration: none;
		}
		#page .content a:hover {
			border-color: #666;
			color: #000;
		}