/*
Theme Name: Eco Performance Builders
Theme URI: http://ecoperformancebuilders.com
Description: Eco Performance Builders
Version: 1.0
Author: Michael Moreau
Author URI: http://mdmoreau.com
*/

* {
	padding:0;
	margin:0;
	text-decoration:none;
}

img {
	border:none;
}

p {
	line-height:18px;
	font-size:12px;
}

.clear {
	clear:both;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* Headings */

h2, h3, h4 {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}

h2 {
	color:#006838;
	font-size:18px;
	margin:0 0 15px 0;
}

h3 {
	color:#00b0d8;
	font-size:18px;
	padding:0 0 2px 0;
	border-bottom:2px solid #e0e1e2;
}

h4 {
	color:#456eb1;
	font-size:14px;
	margin:0 0 15px 0;
}

/* Layout */

#header {
	position:relative;
	margin:auto;
	width:818px;
	height:101px;
	background:url(images/header-bg.jpg);
	z-index:99;
}

#logo {
	position:absolute;
	top:30px;
	left:5px;
}

#mini-nav {
	position:absolute;
	top:0;
	right:30px;
	list-style:none;
	text-align:center;
	z-index:100;
}

#mini-nav li {
	float:left;
	display:inline;
	width:50px;
}

#mini-nav a {
	display:block;
	height:30px;
	line-height:30px;
	color:#00b0d8;
}

#mini-nav a:hover {
	color:#fff;
	background:url(images/minitab-on.jpg);
}

#mini-nav .current_page_item a, #mini-nav .current_page_parent a {
	color:#fff;
	background:url(images/minitab-on.jpg);
}

#navigation {
	position:relative;
	float:right;
	display:inline;
	list-style:none;
	width:433px;
	height:46px;
	padding:55px 21px 0 3px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:center;
}

#navigation li {
	position:relative;
	float:left;
	display:inline;
	width:83px;
	height:46px;
	margin:0 0 0 3px;
	background:url(images/tab-off.jpg);
}

#navigation a {
	display:block;
	height:27px;
	padding:19px 0 0 0;
	color:#000;
}

#navigation a:hover {
	height:37px;
	padding:9px 0 0 0;
	color:#fff;
	background:url(images/tab-on.jpg);
}

#navigation .current_page_item a, #navigation .current_page_parent a, #navigation .current_page_ancestor a {
	height:37px;
	padding:9px 0 0 0;
	color:#fff;
	background:url(images/tab-on.jpg);
}

#main-container {
	position:relative;
	margin:auto;
	width:818px;
	min-height:219px;
	background:url(images/top-bg.jpg) no-repeat;
	z-index:0;
}

#main {
	position:relative;
	margin:auto;
	width:789px;
}

#footer {
	margin:auto;
	width:818px;
	height:107px;
	background:url(images/footer-bg.jpg);
	font-size:12px;
	color:#8a8c8e;
}

#footer a {
	color:#74b74a;
}

#footer-icons {
	float:left;
	display:inline;
	padding:14px 0 0 40px;
}

#footer-icons img {
	margin:0 19px 0 0;
}

#footer-links {
	float:right;
	display:inline;
	padding:50px 40px 0 0;
}

#footer-links li {
	display:inline;
	padding:0 0 0 15px;
}

#footer-copyright {
	float:right;
	display:inline;
	width:400px;
	text-align:right;
	clear:right;
	padding:8px 40px 0 0;
}

#footer-graphic {
	height:156px;
	background:url(images/footer-graphic.jpg) center no-repeat;
}

/* Sub Navigation */

#sub-nav {
	float:left;
	width:120px;
	background:url(images/sub-nav-bg.jpg) top left no-repeat;
	margin:90px 0 0 0;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding:60px 0 0 0;
}

#sub-nav ul {
	list-style:none;
	padding:0 0 0 15px;
}

#sub-nav li {
	padding:0 0 5px 0;
}

#sub-nav a {
	color:#456eb1;
}

#sub-nav a:hover {
	color:#006838;
}

#sub-nav .current_page_item a {
	color:#006838;
	font-weight:bold;
}

#sub-nav h2 {
	color:#006838;
	font-size:18px;
	margin:0 0 0 0;
	padding:0 0 5px 10px;
}

/* Main - Background Classes */

.home {
	padding:383px 0 0 0;
	background:url(images/main-bg-home.jpg) 0 4px no-repeat;
}

.default {
	min-height:62px;
	background:url(images/main-bg-default.jpg) 0 4px no-repeat;
}

/* Home Page */

#introduction {
	position:absolute;
	top:30px;
	left:30px;
	width:250px;
	z-index:100;
}

#features {
	height:260px;
	overflow:hidden;
}

#feature1 {
	float:left;
	display:inline;
	width:236px;
	min-height:102px;
	margin:0 10px 0 20px;
	background:url(images/home-feature1.jpg) no-repeat;
}

#feature2 {
	float:left;
	display:inline;
	width:236px;
	min-height:102px;
	margin:0 10px;
	background:url(images/home-feature2.jpg) no-repeat;
}

#feature3 {
	float:left;
	display:inline;
	width:236px;
	min-height:102px;
	margin:0 20px 0 10px;
	background:url(images/home-feature3.jpg) no-repeat;
}

#feature1 p, #feature2 p, #feature3 p {
	padding:0 10px;
}

.feature-title {
	font-size:14px;
	padding:7px 0 90px 7px;
}

/* Page */

#content {
	position:relative;
	float:left;
	display:inline;
	width:531px;
	padding:90px 0 25px 25px;
	z-index:100;
}

#content-2 {
	position:relative;
	float:left;
	display:inline;
	width:411px;
	padding:90px 0 25px 25px;
	z-index:100;
}

#content p, #content ul, #content ol, #content-2 p, #content-2 ul, #content-2 ol {
	line-height:18px;
	margin:0 0 15px 0;
}

#content ul, #content ol, #content-2 ul, #content-2 ol {
	padding:0 0 0 20px;
}

#content a, #content-2 a {
	color:#74b74a;
}

.page-image {
	margin:0 0 15px 0;
}

#sidebar {
	position:relative;
	float:right;
	display:inline;
	width:163px;
	padding:50px 0 25px 0;
	background:url(images/sidebar-top.gif) top no-repeat;
	z-index:100;
}

#sidebar #contact-link {
	padding:0 0 40px 0;
}

#sidebar #contact-link img {
	width:100%;
	height:140px;
}

/* Sidebars */

#sidebar a {
	color:#000;
}

#sidebar ul {
	padding:0 17px 0 12px;
	list-style:none;
}

#sidebar ul ul {
	padding:0;
}

#sidebar li {
	margin:0 0 20px 0;
}

#sidebar li select {
	margin:6px 0 0 0;
}

#sidebar li li {
	margin:4px 0 4px 0;
}

.textwidget {
	background:url(images/textwidget-bg.jpg) top no-repeat;
	height:288px;
	padding:20px 0 0 10px;
}

/* Blog */

.blog-meta {
	color:#8d9092;
}

.blog-meta img {
	vertical-align:middle;
	margin:0 2px 0 0;
}

#content .blog-meta a, #content-2 .blog-meta a {
	color:#8d9092;
}

#post-nav {
	padding:50px 0 0 0;
	color:#8d9092;
}

#content #post-nav a {
	color:#74b74a;
}

#post-nav-prev {
	float:left;
	display:inline;
}

#post-nav-next {
	float:right;
	display:inline;
}

/* Drop Down Navigation */

#navigation .children a {
	height:auto;
	padding:10px 10px;
	background:#dedfe0;
	color:#000;
}

#navigation .children a:hover {
	height:auto;
	background:#cfe8d0;
	color:#000;
	padding:10px 10px;
}

#navigation .children {
	position:absolute;
	top:46px;
	left:-10000%;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	border-bottom:1px solid #fff;
	width:81px;
}

#navigation .children li {
	position:relative;
	width:81px;
	height:auto;
	margin:0;
	background:#dedfe0;
	border:1px solid #fff;
	border-bottom:none;
}

#navigation .children li .children {
	left:-10000%;
}

#navigation li:hover .children, #navigation li.sfhover .children {
	left:0;
}

#navigation li:hover .children li:hover .children, #navigation li.sfhover .children li.sfhover .children {
	top:-1px;
	left:81px;
}

#navigation li:hover .children li .children, #navigation li.sfhover .children li .children {
	left:-10000%;
}

/* Extra */

.alignright {
	float:right;
	padding:0 0 0 15px;
}

.alignleft {
	float:left;
	padding:0 15px 0 0;
}