/* @override http://hostcreative.org/main.css */

/* Global Reset */

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style-type: none;
}

/* END Global Reset */

/* ClearFix */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* End ClearFix */

body {
	background: #232624 url(images/top_bg.png) repeat-x;
	font-family: Helvetica, Arial, sans-serif;
}

div.clear {
	clear: both;
}

img {
	border-style: none;
}

/* typopgraphy */

h1 {
	color: #7e8c76;
	font-size: 34px;
}

h3 {
	font-size: 18px;
	color: #d1d9b8;
	border-bottom-style: solid;
	border-bottom-width: thin;
	margin-bottom: 13px;
	padding-bottom: 6px;
}

a {
	text-decoration: none;
	color: #B2D235;
	border-style: none;
}

a:hover {
	-webkit-transition: color .3s linear;
	color: #d1d9b8;
}

/* end typopgraphy */

/* wrapper */

div#wrapper {
	width: 1024px;
	padding-right: 30px;
	padding-left: 30px;
	background: url(images/header_shadow.png) no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 35px;
}


/* end wrapper */

/* header */

div#header {
	height: 425px;
	margin-bottom: 1.5em;
}

div#header img {
	margin-top: 40px;
	margin-bottom: 30px;
}

div#header h1 {
	width: 722px;
	margin-left: 22px;
}

/* end header */

/* content */

div#content {
	color: #f0f1f2;
	padding-left: 22px;
}

div#content ul#mainnav li {
	float: left;
	color: #d1d9b8;
	padding-right: 27px;
	margin-bottom: 76px;
	margin-top: 13px;
}

div#content p {
	clear: left;
	width: 722px;
	line-height: 30px;
	font-size: 21px;
}

div#content div#leftcolumn {
	float: left;
	margin-right: 180px;
}

div#content div#leftcolumn p {
	width: 439px;
	height: 628px;
}

div#content div#rightcolumn {
	float: left;
	width: 360px;
}

div#content div#rightcolumn img {
	margin-top: 40px;
}

div#twitter {
	background: url(images/twitter_brown.png) no-repeat left top;
	float: right;
	margin-top: 2em;
	margin-bottom: -3px;
}

div#twitter:hover {
	background-image: url(images/twitter.png);
}


/* end content */

/* end footer */

div#footer {
	color: #323432;
	border-top: thin solid #323432;
	width: 1000px;
	margin-left: 22px;
	padding-top: 5px;
	height: 35px;
	clear: both;
}

div#footer img {
	float: right;
}

div#footer p {
	float: right;
	font-size: 11px;
}
/* end footer */