body {
	background: -webkit-gradient(radial, 50% 0, 200, 50% 100, 700, from(#eee), to(#fff));
		background: #eee;
	color: #000;
	font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif;
	font-size: 12px;
}

strong {
	font-weight: bold;
}

/*link styles*/

h1 a {
	color: #98b92e;
	text-decoration: none;
	font-weight: bold;
}

.portfolio-button a {
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}

#footer a, #content p a {
	color: #777;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 1px;
}

	#footer a:hover, #content p a:hover {
		color: #444;
		text-decoration: none;
		border-bottom: 1px solid #444;
		padding-bottom: 1px;
	}

#sublead .button_nav a {
	text-decoration: none;
	font-weight: bold;
	color: #02363b;
	font-size: 12px;
}

#sublead .lead-blog .button_nav a {
	text-decoration: none;
	font-weight: bold;
	color: #eee;
	font-size: 12px;
}

/*headers*/

h1 {
	font-size: 28px;
	font-weight: bold;
}

	#header h1 {
		color: #98b92e;
		display: inline;
		text-shadow: #fff 0px 2px 0px;
	}
	
h2 {
	font-size: 26px;
	font-weight: bold;	
}

h3 {
	font-size: 24px;
	font-weight: bold;	
}

h4, h5 {
	font-size: 16px;
	font-weight: bold;
}

.contain {
	width: 980px;
	margin: 0 auto;
	padding: 20px 0px;
}

#header {
	padding: 25px 0px 30px 0px;
	margin-bottom: 10px;
	text-align: center;
}
	
	#header .tagline {
		font-size: 28px;
		color: #444;
		display: inline;
		text-shadow: #fff 0px 2px 0px;
	}
	
	#header .headerlogo {
		margin-right: 6px;
		vertical-align: -3px;
	}
	
#content {
	background: #fff;
	width: 550px;
	padding: 50px 100px;
}

	#content p, .portfolio-home p {
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 20px;
	}
	
	.about, .services, .blog {
		width: 600px;
		margin: 0px auto;
/*		background: #efefef;*/
/*		border: 2px solid #fff;*/
		padding: 30px 40px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

#footer {
	clear: both;
	letter-spacing: 1px;
	padding: 30px 0px 30px 0px;
	text-align: center;
	color: #777;
}

	#footer li {
		display: inline;
		margin-right: 30px;
	}
	
	#footer .company {
		color: #02363b;
		font-weight: bold;
	}
	
	#footer .footerlogo {
		margin-right: 3px;
		vertical-align: -6px;
	}
	
	#footer .designer {
		margin: 0px 0px 0px 60px !important;
	}

/*page specific*/
/*homepage*/

.portfolio-home {
	width: 980px;
	height: 560px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	margin-bottom: 30px;
	position: relative;
	background: url('../img/example.png');
}

.portfolio-home h2 {
	color: #98b92e;
	position: absolute;
	top: 40px;
	left: 60px;
	z-index: 10;
}
	
	.portfolio-button {
		position: absolute;
		bottom: 30px;
		left: 40px;
		font-size: 12px;
		background: #98B92E;
		background: -webkit-gradient(
					linear,
				    left bottom,
				    left top,
				    color-stop(1, rgb(161,200,56)),
					color-stop(0, rgb(124,168,7))
					);
		background: -moz-linear-gradient(0% 100% 90deg,#98B92E, #B4D154);
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.25);
		padding: 10px 15px;
		letter-spacing: 1px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		z-index: 10;
		color: #fff;
	}
	
	ul#portfolio-rotate {
		overflow: hidden;
		width: 980px;
		height: 560px;
	}
	
	ul#portfolio-rotate li {
		width: 980px;
		height: 560px;
		z-index: 0;
		overflow: hidden;
	}
	
	ul#portfolio-rotate li .description {
		float: left;
		width: 320px;
		padding: 20px;
		margin: 80px 40px 40px 40px;
		background: rgba(0,0,0,0.2);
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		margin-right: 40px;
		color: #fff;
	}
	
	ul#portfolio-rotate li .description h3 {
		margin-bottom: 10px;
	}
	
	ul#portfolio-rotate li .description p {
		margin: 0px;
	}
	
	ul#portfolio-rotate li img {
		float: left;
		padding: 0px 20px;
	}
	
	#nav {
		position: absolute;
		bottom: 20px;
		right: 20px;
		width: 20px;
		z-index: 10;
	}
	
	#nav img {
		margin: 5px 0px 0px 0px;
	}
	
#sublead {
	color: #111;
	overflow: hidden;
}

	#sublead .featured {
		width: 280px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		min-height: 100px;
		float: left;
		background: #98B92E;
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.39, rgb(180,209,84)),
		    color-stop(0.85, rgb(152,185,46))
		);
		background: -moz-linear-gradient(0% 100% 90deg,#98B92E, #B4D154);
		color: #fff;
		padding: 20px;
		-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.25);
	}
	
	#sublead .lead-blog {
		background: #012B2F;
		background: -webkit-gradient(
		    linear,
		    left bottom,
		    left top,
		    color-stop(0.39, rgb(2,54,59)),
		    color-stop(0.85, rgb(1,43,47))
		);
		background: -moz-linear-gradient(0% 100% 90deg,#012B2F, #02363B);
	}
	
	#sublead .lead-blog, #sublead .lead-services {
		margin-right: 10px;
	}
	
	.button_nav {
		float: right;
		margin-top: 10px;
		color: #02363b;
	}
	
	.lead-blog .button_nav {
		color: #eee;
	}
	
	#sublead h4 {
		letter-spacing: 1px;
	}
	
	.sublead-subtitle {
		line-height: 14px;
		letter-spacing: 1px;
	}
	
	#sublead .sublead-subtitle {
		margin-bottom: 10px;
		margin-top: 5px;
		color: #02363b;
		font-weight: bold;
	}
	
	#sublead .lead-blog .sublead-subtitle {
		color: #98b92e;
	}
	
	#sublead p, #sublead .button_nav {
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 1px;
	}
	
/*services*/

.services p {
	margin-bottom: 30px !important;
}

.services h4, .about h4 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}

.about h5 {
	margin-bottom: 5px;
}

.services-img-right {
	float: right;
	margin: 0px 0px 10px 10px;
}

/*about*/

#contact-about {
	margin: 80px 0px;
}

.contact-additional {
	margin-top: -10px;
	color: #444 !important;
}

.team-tagline {
	font-size: 12px;
	line-height: 14px;
	color: #444;
	font-weight: bold;
	margin-bottom: 10px;
}

.team-avatar {
	float: left;
	margin-right: 20px;
	-webkit-transform:rotate(-2deg);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	width: 100px;
	border: 5px solid #fff;
	margin-bottom: 60px;
}

.alt.team-avatar {
	float: right;
	-webkit-transform:rotate(2deg);
}

.team-icon {
	vertical-align: -2px;
	margin-right: 3px;
}

#team-biographies {
	margin-top: 60px;
}

#team-biographies p {
	margin-bottom: 0px !important;
}

#team-biographies li {
	margin-bottom: 40px;
}

ul.team-networks {
	margin-top: 5px;
}

ul.team-networks li {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #777;
	line-height: 20px;
	margin-right: 15px;
}

/*contact*/

input, textarea {
	background: #fbfbfb;
	color: #777;
	border: none;
	font-size: 13px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	resize: none;
	border: 1px solid #ccc;
}

#name, #emailaddress {
	width: 247px;
	float: left;
}

#emailaddress {
	margin-left: 10px;
	margin-bottom: 5px;
}

#subject {
	width: 528px;
	margin-bottom: 5px;
}

#message {
	width: 528px;
}

#submit {
	background: #98B92E;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.39, rgb(180,209,84)),
	    color-stop(0.85, rgb(152,185,46))
	);
	background: -moz-linear-gradient(0% 100% 90deg,#98B92E, #B4D154);
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
}

#send {
	background: #98B92E;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(0.39, rgb(180,209,84)),
	    color-stop(0.85, rgb(152,185,46))
	);
	background: -moz-linear-gradient(0% 100% 90deg,#98B92E, #B4D154);
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 80px;
	float: right;
	margin-bottom: 20px;
	border: none;
}

/*blog*/

.entry {
	margin-bottom: 60px;
}

.entry h2 {
	text-align: center;
	font-size: bold;
	letter-spacing: 0px !important;
	font-size: 28px;
	margin-bottom: 30px;
}

.entry h2 a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#search {
	width: 200px;
}

#blog-functions {
	background: #f1f1f1;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 5px;
	overflow: hidden;
}

#searchform {
	width: 300px;
	float: left;
}

#rss {
	padding: 10px;
	width: 210px;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	float: left;
}

#rss a {
	font-weight: bold;
	color: #222;
	text-decoration: none;	
}

#rss img {
	vertical-align: -8px;
	margin-right: 10px;
}

.businesscard {
	-webkit-transform:rotate(2deg);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	float: right;
	margin: 10px 0px 10px 10px;
}