/*
	Elemental: A responsive HTML5 website template collect from www.cssmoban.com
	Released for free under the Creative Commons Attribution 3.0 license 
	Visit for more great templates or follow us on Twitter @HTML5T
*/

/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/


/* Header Content Wrapper */

#header-wrapper {
}

#header-wrapper2 {
	background: url(images/header-bg.jpg) no-repeat center top
}

.homepage #header-wrapper2 {
}

/* Page Wrapper */

#page-wrapper {
	overflow: hidden;
	padding: 50px 0px;
	background-color: #FFFFFF;
}

#page-wrapper h2 {
	padding: 0px 0px 30px 0px;
}

#page-wrapper a img {
}

/* Footer Content Wrapper */

#footer-wrapper {
}

/* Header */

#header {
}

/* Logo */

#logo {
	overflow: hidden;
	height: 60px;
	padding-top: 50px;
}

#logo h1 a {
	float: left;
	text-decoration: none;
	text-shadow: 1px 1px 0px #38800E;
	text-transform: lowercase;
	font-family: 'Lobster', cursive;
	font-size: 54pt;
	font-weight: 200;
	color: #FFFFFF;
}

#logo p {
	float: left;
	padding-left: 10px;
	letter-spacing: -2px;
	font-family: 'Magra', sans-serif;
	font-size: 20pt;
	font-weight: 200;
	color: #FFFFFF;
}

/* Menu */

#menu {
	overflow: hidden;
	height: 49px;
	margin-bottom: 20px;
	background: url(images/menu-bg.png) no-repeat left top;
}

#menu li {
	float: left;
	background: url(images/menu-divider-bg.png) no-repeat right top;
}

#menu a {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 0px 20px;
	line-height: 49px;
	text-decoration: none;
	font-size: 9pt;
	color: #B2B2B2;
}

#menu a:hover {
	background: url(images/menu-hover-bg.png) repeat-x left top;
	color: #FFFFFF;
}

/* Banner Content */

#banner {
	overflow: hidden;
	padding: 20px;
	margin-bottom: 20px;
	background-color: rgba(0,0,0,.1);
}

#banner a img {
	width: 100%;
	display: block;
}

/* Splash Content */

#splash {
	overflow: hidden;
	padding: 0px 0px 30px 0px;
	letter-spacing: -3px;
	line-height: 110%;
	text-align: center;
	font-family: 'Magra', sans-serif;
	font-weight: 300;
	font-size: 48px;
	color: #696969
}

#splash span {
	color: #000000;
}

/* Footer Content */

#footer-content {
}

#footer-content h2 {
}

#footer-content .margin-bottom {
	padding-bottom: 20px;
}

/* Copyright */

#copyright {
	overflow: hidden;
	height: 200px;
	text-align: center;
	font-size: 10pt;
	color: #555;
	padding: 2em;
}

#copyright p {
	padding: 40px 0px 0px 0px;
	text-align: center;
}

#copyright a {
	color: #555;
}
