/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Open style.css file and find any clasess you want to override
	2. Copy classes to override in this file, make sure you put classes outside
	3. Activate custom.css file in theme admin panel

*/
/* START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

img {
	vertical-align: bottom;	
}
body {
	background: none;
	font-family: arial, verdana, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: georgia, "times new roman", times, serif	
}
h1 {
	font-size: 30px;	
}
.entry h2,.entry h3, .entry h4 {
	color: #6a9b39;
	padding: 0;
	margin: 0.8em 0;
}
.entry h3 {
	color: #666;
	font-size: 18px;
}
.entry h4 {
	font-size: 16px;
	color: #666;
}
.entry .portfolio-content h2 {
	margin: 0;	
}
#header {
	background: url(images/bg-header.gif) repeat-x #252525;
	height: auto;
}
#header-container {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
	#header-container #logo {
		float: left;
		width: 317px;
		height: 118px;
	}

/* ########## NAVIGATION ########## */

#navigation {
	background: #89c052;	
}
	#menu-container {
		width: 900px;
		margin: 0 auto;
	}
	#menu-container ul {
		overflow: hidden;
		width: 100%;
		list-style: none;
		margin: 0;
	}
		#menu-container ul li {
			margin: 0;
			float: left;
		}
#menu-container li, #menu-container li span {
	height: 58px;
	background-image: url(images/bg-navigation.gif);
	font-size: 100%;
}
#menu-container li span {
	display: block;
	position: relative;
	z-index: 1;
	margin-bottom: -58px;
}
#menu-container li#home, #menu-container li#home span {
	width: 127px;		
}
	#menu-container li#home a:hover, #menu-container li#home span:hover {
		background-position: 0 -58px;	
	}
#menu-container li#blog, #menu-container li#blog span {
	width: 134px;
	background-position: -127px 0;
}
	#menu-container li#blog a:hover, #menu-container li#blog span:hover {
		background-position: -127px -58px;	
	}
#menu-container li#services, #menu-container li#services span {
	width: 165px;
	background-position: -261px 0;
}
	#menu-container li#services a:hover, #menu-container li#services span:hover {
		background-position: -261px -58px;	
	}
#menu-container li#portfolio, #menu-container li#portfolio span {
	width: 188px;
	background-position: -426px 0;
}
	#menu-container li#portfolio a:hover, #menu-container li#portfolio span:hover {
		background-position: -426px -58px;	
	}
#menu-container li#about, #menu-container li#about span {
	width: 140px;
	background-position: -614px 0;
}
	#menu-container li#about a:hover, #menu-container li#about span:hover {
		background-position: -614px -58px;	
	}
#menu-container li#contact, #menu-container li#contact span {
	width: 146px;
	background-position: -754px 0;
}
	#menu-container li#contact a:hover, #menu-container li#contact span:hover {
		background-position: -754px -58px;	
	}


	
	
	
	
#slider-container {
	width: 900px;
	margin: 0 auto;
}
.featslider {
	background: #fff;
}
#mygallery {
	width: 750px;	
}

#blog-container {
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
.blog-content {
	float: left;
	width: 600px;
}
.sidebar {
	float: right;
	width: 270px;
	padding: 0;
	margin: 28px 0 0;
}
.sidebar .widget h3 {
	padding: 0;	
}
.sidebar .widget h3 span {
	background: #333;	
}
#search-spot {
	float: right;
	margin: 10px 0 0;
}
#search-spot .search-form input {
	border: #89c052 1px solid;
	color: #666;
}
#search-spot .search-form button {
	background-color: #89c052;
	cursor: pointer;
}
.home-image {
	float: right;
	margin: 0 25px 0 0;
	border: 5px solid #ccc;
}
#slider-content {
	float: left;
	width: 340px;
}
.stepcarousel {
	margin: 0 15px;
	height: 330px;
}
a:hover {
	background: #89C052;	
}
.portfolio-item {
	background: #ccc;
	float: left;
	width: 266px;
	padding: 5px;
	margin: 5px 10px;
}
.portfolio-item img {
	border: none 0;
	display: block;
}
.portfolio-content {
	margin: 0 0 5px;
	padding: 5px;
	background: #ddd;
	color: #333;
}
.portfolio-content h2 {
	font-size: 18px;
	padding: 0;
}
.portfolio-item p {
	margin: 0;
	line-height: 1;
}
.portfolio-item p small, .portfolio-main-content p small {
	font-size: 0.8em;	
}
.first, .last {
	margin: 5px 0;	
}
code {
	display: block;	
}
.post img.portfolio-image {
	float: right;
	border: none;
}
.portfolio-main-content {
	margin: 0 450px 0 0;	
}
.archive-spot .cat-spot a {
	background: #666;	
}
.archive-spot .cat-spot a:hover, .Navi .on {
	background: #89C052 !important;	 
}
.ads123456 {
	padding: 0 0 20px;	
}
.ads123456 img {
	margin: 0 15px 0 0;	
}
.ads123456 img.last {
	margin: 0;	
}
.adsense-468 {
	padding: 10px;
	border-top: solid 1px #89c052;
	border-bottom: solid 1px #89c052;
	margin: 20px 0;
}
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
	margin: 0 0 5px;
}
#wpcf input, #wpcf textarea {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 5px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
}
#wpcf #contactsubmit {
	margin-left: 150px;
	width: 100px;
	clear: both;
}
#wpcf input.checkbox {
   	width: auto;
}
.article-table {
	width: 100%;
	border-collapse: collapse;
}
.article-table th, .article-table td {
	border: 1px solid #ccc;
	padding: 3px;
	text-align: left;
}
.article-table th {
	background: #89c052;
	color: #fff;
}
.article-table tr:nth-child(even) { background:#eee; }
.article-table tr:nth-child(odd) { background:#fff; }

.post ul.folder-list li {
	background: url(/wp-content/uploads/2010/01/folder.gif) no-repeat top left;
	line-height: 16px;
	padding: 0 0 5px 22px;
	font-size: 11px;
}