@charset "utf-8";

html
{
	height:100%;
}

body
{
	background: url('../img/body-bg.png');
	font-family: 'Quicksand', sans-serif;
}
/* Typography */
h1, h2, h3, h4, h5, h6
{
	font-family: 'Economica', sans-serif;
	color: #32769a;
}

h2
{
	font-size: 175%;
}

h3
{
	font-size: 150%;
}

.bold
{
	font-weight: 600;
}

.italic
{
	font-style: italic;
}

a
{
	color:#a3c839;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}

p, li
{
	line-height: 150%;
}

span.highlight
{
	font-size: 175%;
	font-weight: 600;
}

/* Forms */
form label
{
	float:			left;
	min-width:		100%;
}
form ul, form ul li
{
	list-style-type:none;
	margin:			0px 0px 10px 0px!important;
	padding:		0px;
}

form input, form select, form textarea
{
	margin:0 0 15px 0;
}

form input[type=text], form input[type=password], form textarea
{
	border:			1px solid #858585;
	padding:		5px 3px 5px 3px;
	width:			300px;
}
form input[type=checkbox]
{
	margin-right:	5px;
}
form select
{
	border:			1px solid #858585;
	padding:		5px 3px 5px 3px;
}
form button, form input[type=submit], form input[type=reset], form input[type=reset]
{
	border:			1px solid #858585;
	background:		#ededed;
	margin:			0px;
	min-width:		50px;
	padding:		5px 3px 5px 3px;
}
form button:hover, form input[type=text]:hover, form input[type=password]:hover, form input[type=submit]:hover, form input[type=reset]:hover, form select:hover, form textarea:hover
{
	border:			1px solid #000;
}

.sidebar form input[type=text], .sidebar form textarea
{
	width: 425px;
}

/* BUTTONS */
a.button
{
	background: #439ecd;
	padding:8px 20px;
	border-radius:5px;
	cursor: pointer;
	box-shadow: 1px 1px 1px 0px #777;
	position: relative;
	color: #fff;
}

a.button:active
{
	left:1px;
	top:1px;
	box-shadow: none;
}

a.button:hover
{
	background: #72b6da;
	text-decoration: none;
}

.witharrow
{
	padding-right:40px !important;
}

.btn-arrow-right
{
	background: url('../img/right.png') no-repeat;
	display: inline-block;
	width:12px;
	height:20px;
	position: absolute;
	bottom:7px;
	right:16px;
}

/* Fieldsets */
fieldset
{
	border: 		1px solid #ccc;
	padding:		10px;
}
fieldset legend
{
	font-weight:	bold;
}
fieldset p:last-child
{
	margin-bottom:	0px;
}

/* Other stuff */
pre
{
	white-space:	normal;
}
.code
{
	background:		#333;
	color:			#99D16F;
	overflow:		auto;
	padding:		10px;
	white-space:	pre;
}
blockquote
{
	border-left:	3px solid #ccc;
	font-style:		italic;
	margin-bottom:	20px;
	padding-left:	10px;
}
.fancy_image
{
	border:			1px solid #ccc;
	float:			left;
	margin:			0px 15px 5px 0px;
	padding:		5px;
}
.gravatar
{
	border:			1px solid #ccc;
	float:			left;
	margin:			0px 10px 10px 0px;
	padding:		3px;
}

.icon
{
	display: block;
	width:30px;
	height:30px;
}

.clear
{
	clear:both;
}

.clearafter
{
	content:".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

/* BROWSER WARNING */

#browser-warning
{
	display:none;
	position: fixed;
	bottom:0;
	width:95%;
	padding:0 2%;
	text-align: center;
	background:#333;
	border-top:1px solid #fff;
}

#browser-warning #close
{
	display:block;
	position: absolute;
	right:5px;
	top:5px;
	color:#F00;
	cursor: pointer;
	font-size: 110%;
	font-weight: 800;
}

#browser-warning h4
{
	color:#fff;
	font-size: 20px;
}

#browser-warning a
{
	color:#fff;
	text-decoration: underline;
}

/* LAYOUTS */
/* Container */
.container
{
	width:1020px;
	margin:0 auto;
}

.one-col
{
	background: url('../img/one-col-bg.png') #fff repeat-y;
	padding:0 7px 30px 7px;
}

.one-col > .inner
{
	padding:10px 30px;
}

/* ONE COL SPLIT INTO TWO COLS - you what? */
.split-two
{

}

.split-two .left
{
	width:65%;
	float: left;
}

.split-two .right
{
	width:30%;
	float:left;
	margin-left:5%;
}

.split-two .sidebar
{
	margin-top:30px;
}

/* ONE COL SPLIT INTO TWO COLS BUT SPECIFICALLY FOR CONTACT PAGE - wuhhhh? */
.split-contact
{

}

.split-contact .left
{
	width:50%;
	float: left;
}

.split-contact .right
{
	width: 45%;
	float: left;
	margin-left: 5%;
}


.three-col
{

}

.three-col .col
{
	width:31%;
	float:left;
	margin-right:3%;
}

.three-col .col.last
{
	margin-right:0;
}

/* HEADER */
#header
{
	padding:25px 0;
}

#header #logo > h1
{
	display:none;
}

#header #logo
{
	float:left;
	margin-top:25px;
}

#header .right
{
	float:right;
	text-align: right;
	width:400px;
	font-family: "Economica", sans-serif;
	font-weight: 600;
}

#header #contactinfo
{
	color:#969696;
	font-size: 130%;
	margin:10px 0 0 0;
}

#header #contactinfo p
{
	margin:0;
}

#header #tagline
{
	margin:0;
	font-size: 160%;
	color: #32769a;
}

/* NAVIGATION */
#nav
{
	background: url('../img/nav-bg.png') repeat-x;
	height: 54px;
}

#nav ul
{
	margin:0 auto;
	padding:0;
}

#nav ul > li
{
	list-style: none;
	float: left;
	position: relative;
}

#nav ul > li > a
{
	display: block;
	color: #32769a;
	line-height: 49px;
	margin-top:5px;
	padding:0 30px;
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

#nav ul > li > a:hover
{
	background: url('../img/nav-hover-bg.png') repeat-x;
	color: #fff;
	text-decoration: none;
}

#nav ul > li > ul /* 2nd level */
{
	display: none;
	margin:0;
	padding:0;
	position: absolute;
	top:54px;
	left:0;
	background: #fff;
	border:1px solid #ccc;
	border-top:0;
	z-index:15;
}

#nav ul > li:hover > ul
{
	display: block;
}

#nav ul > li > ul > li
{
	width: 100%;
}

#nav ul > li > ul > li > a
{
	border:0;
	white-space: nowrap;
}

/* FOOTER */
#footer
{
	min-height: 200px;
}

#footer .container
{
	background:url('../img/one-col-bg.png') repeat-y;
	padding:0 7px;
}

#footer .container .inner
{
	margin:0 0 0 2px;
	padding:30px 30px 0 30px;
	width:960px;
	background:#72b6da;
}

#footer .col > h3
{
	margin:0 0 10px 0;
	font-size: 150%;
}

#footer a
{
	color:#214e66;
	font-size: 90%;
}

#footer a:hover
{
	color:#fff;
	text-decoration: none;
}

#footer p
{
	margin: 0;
	font-size: 90%;
	color: #fff;
	line-height: 100%;
}

#footer #we-are-great
{
	margin:20px 0 0 0;
	padding:10px 0;
}

#footer #we-are-great p, #we-are-great a
{
	clear:both;
	margin:0;
	text-align: center;
	color:#4e9bc4;
}

#footer ul
{
	margin:0;
	padding:0;
	list-style: none;
}

#footer .allblogs
{
	float:right;
	color:#fff;
	margin:5px 0 0 0;
}

#footer .last p
{
	line-height: 150%;
}

#footer .contact-info
{
	margin:20px 0 0 0;
}

#footer .social-icons
{
	margin-top:15px;
}

#footer .social-icons img
{
	margin:0 5px 0 0;
}



/* == WIDGETS == */
.widget
{
	margin-bottom:		35px;
}
	.widget h3
	{
		margin:0 0 0.5em 0;
	}
	.widget ul, .widget ul li
	{
		list-style-type:none;
		margin:			0px;
		padding:		0px;
	}


.linklist ul
{
}

.linklist ul li
{
	line-height: 175%;
}

/* == BLOG == */
.blog_article .article_heading h2
{
	margin-bottom:	5px;
}
.blog_article .article_heading .article_date
{
	float:		left;
}
.blog_article .article_heading .article_category
{
	float:		right;
}
.blog_article .article_body
{
	clear:		both;
}

/* == COMMENTS == */
#comments_container
{
	margin-bottom:	20px;
}
.comment
{
	list-style-type:none;
	margin:			0px;
	padding:		0px;
}
	.comment .comment_heading, .comment .comment_date
	{
		margin:		0px;
	}
	.comment .comment_body
	{
		clear:		both;
	}
/* == PROFILES == */
#user_profile_container fieldset p
{
	margin-bottom:	5px;
}
#user_profile_container #page_title
{
	padding-top:	10px;
}
#user_profile_container .gravatar
{
	margin:			0px 15px 15px 0px;
}
#user_profile_container #user_details
{
	clear:			both;
}

.post
{
	margin-bottom:20px;
}

.post .title
{
	font-size: 1.5em;
	margin:0;
}

.post .meta
{
	padding:5px 0;
	margin:0 0 10px 0;
	color:#c1c1c1;
	border-bottom:1px dotted #c1c1c1;
}

.post .actions
{
	text-align: center;
	padding-bottom:20px;
}

.post .readmore
{
	text-align: center;
}

/* HOMEPAGE TILES */
#homepage-tiles
{

}

#homepage-tiles .tile
{
	background: url('../img/homepage-tile-bg.png') no-repeat;
	width:320px;
	height:370px;
	text-align: center;
	float:left;
}

#homepage-tiles .tile .inner
{
	padding:25px;
}

#homepage-tiles .tile .title
{
	height: 43px
}

#homepage-tiles .tile .title h3
{
	margin:0;
	font-size: 150%;
	line-height: 32px
}

#homepage-tiles .tile .text
{
	height:170px;
}

#homepage-tiles .tile .readmore
{
	border-top:1px solid #dcdcdc;
}

#homepage-tiles .tile .readmore a
{
	display: block;
	background: url('../img/readmoregrey.png') center 15px no-repeat;
	padding-top:70px;
	color:#dcdcdc;
}

#homepage-tiles .tile .readmore a:hover
{
	color:#7a952b;
	background: url('../img/readmoregreen.png') center 15px no-repeat;
	text-decoration: none;
}

#homepage-tiles .content-box
{
	width:320px;
	height:440px;
	float: left;
	margin:20px 0 30px 0;
}

#homepage-tiles .content-box .inner
{
	padding:0 25px;
	min-height:330px;
}

#homepage-tiles .content-box .title
{
	display: block;
	background:url('../img/content-box-title.png')  no-repeat;
	width:300px;
	height:55px;
	padding:10px;
}

#homepage-tiles .content-box .title:hover
{
	text-decoration: none;
}

#homepage-tiles .content-box .title h3
{
	margin:0;
	font-size: 150%;
	line-height: 64px;
	text-align: center;
}

#homepage-tiles .content-box .text p img
{
	float:right;
}

#homepage-tiles .content-box .action
{
	width:300px;
	margin: 0 auto;
}

#homepage-tiles .content-box .action a.continue
{
	display: block;
	background: #ebebeb;
	height:50px;
	line-height: 50px;
	text-align: center;
	color:#808080;
}

#homepage-tiles .content-box .action a.continue:hover
{
	text-decoration: none;
	background: #a3c739;
	color:#fff;
}

#homepage-tiles .content-box .action a.half
{
	display: block;
	float:left;
	width:110px;
	height:50px;
	line-height: 50px;
	color:#808080;
	background: #ebebeb;
	cursor: pointer;
}

#homepage-tiles .content-box .action a.half:hover
{
	text-decoration: none;
	background:#a3c739;
}

#homepage-tiles .content-box .action a.prev
{
	text-align: left;
	padding:0 0 0 40px;
	margin-top:16px;
	background: url('../img/btnprevgrey.png') 11px 14px no-repeat #ebebeb;
}

#homepage-tiles .content-box .action a.prev:hover
{
	background: url('../img/btnprevwhite.png') 11px 14px no-repeat #a3c739;
	color:#fff;
}

#homepage-tiles .content-box .action a.next
{
	text-align: right;
	padding:0 40px 0 0;
	margin-top:16px;
	background: url('../img/btnnextgrey.png') 124px 14px no-repeat #ebebeb;
}

#homepage-tiles .content-box .action a.next:hover
{
	background: url('../img/btnnextwhite.png') 124px 14px no-repeat #a3c739;
	color:#fff;
}

#homepage-tiles #testimonials
{
	position: relative;
	overflow: hidden;
	height: 320px;
	width:250px;
}

#homepage-tiles #testimonials ul
{
    width: 20000em;
    position: absolute;
    list-style: none;
    margin:0;
    padding:0;
}

#homepage-tiles .testimonial
{
	float:left;
	width:270px;
}

#homepage-tiles .testimonial p
{
	margin:0;
}

#homepage-tiles .testimonial .from
{
	margin-top:10px;
	color: #32769a;
}

#homepage-tiles .testimonial .date
{
	font-size: 90%;
	color: #439ecd;
}

#homepage-tiles #construction-helpline
{

}

#homepage-tiles #construction-helpline .input
{
	position: relative;
	margin:10px 0;
}

#homepage-tiles #construction-helpline input, #homepage-tiles #construction-helpline textarea
{
	padding:5px;
	width:255px;
}

#homepage-tiles #construction-helpline label
{
	display: block;
}