/*
Theme Name: Williams Landscaping
Theme URI: http://standardmedia.ca/
Description: Williams Landscaping
Version: 1.0
Author: Standard Media
Author URI: http://standardmedia.ca/
*/

body, html, img, ul, ol, li, form, input, select, h1, h2, h3, h4, p, blockquote {
	border: none;
	margin: 0;
	padding: 0;
}

html {
	background: #336698 url("images/body-bg.jpg") no-repeat bottom center;
	min-height: 100%;
	height: auto;	
}

body {
	-x-system-font: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	text-align: center;
	color: #fff;
	background: url("images/page-bg.png") repeat-x top;
}

h1, h2, h3 {
	color: #91bae3;
}

h2 {
	font-size: 30px;
	font-weight: normal;
	margin: 10px 0 20px;
}

h3 {
	font-size: 21px;
	margin: 10px 0 15px;
}

h4 {
	font-size: 15px;
	margin: 10px 0;
	color: #ffda6b;
}

a {
	color: #f4b800;
	text-decoration: none;
}

a:hover {
	color: #f8d56c;
}

/*********************************************
	LAYOUT
*/

#page {
	width: 940px;
	text-align: left;
	margin: 0 auto 170px;
	position: relative;
	overflow: hidden;
	*padding-bottom: 170px;
}

#header {
	height: 185px;
	width: 100%;
	background: url("images/header-bg.jpg") no-repeat 500px 0;
}

#hero {
	width: 630px;
	height: 337px;
	background: url("images/flash_placeholder.png") no-repeat;
	float: left;
}

#content {
	width: 590px;
	float: left;
	margin: 0 0 0 20px;
}

#sidebar {
	width: 284px;
	float: right;
	margin: 0 20px 0 0;
}

#footer {
	float: left;
	width: 590px;
	margin: 40px 0 0;
}

/*********************************************
	HEADER
*/

#header h1 {
	width: 241px;
	height: 131px;
	background: url("images/logo.png") no-repeat;
}

#header h1 a {
	width: 100%;
	height: 100%;
	display: block;
	outline: none;
	text-indent: -9999px;
}

#header .description {
	display: none;
}

/*********************************************
	MAIN MENU
*/

#mainmenu {
	width: 590px;
	height: 49px;
	position: absolute;
	top: 136px;
	left: 0;
	background: url("images/mainmenu.gif") no-repeat;
}

#mainmenu li {
	list-style: none;
	position: absolute;
	top: 0;
	height: 49px;
	display: block;
}
	
#mainmenu li a {
	height: 49px;
	display: block;
	outline: none;
}

#mainmenu li a:hover {
	border: none;
}

#mainmenu-services 		{ left: 0px; width: 89px; }
#mainmenu-portfolio 	{ left: 89px; width: 87px; }
#mainmenu-testimonials	{ left: 175px; width: 109px; }
#mainmenu-careers		{ left: 284px; width: 74px; }
#mainmenu-request		{ left: 358px; width: 128px; }
#mainmenu-contact		{ left: 486px; width: 104px; }

#mainmenu-services A:hover 		{ background: url("images/mainmenu.gif") -0px -49px no-repeat; 	}
#mainmenu-portfolio A:hover 	{ background: url("images/mainmenu.gif") -89px -49px no-repeat; 	}
#mainmenu-testimonials A:hover 	{ background: url("images/mainmenu.gif") -175px -49px no-repeat; 	}
#mainmenu-careers A:hover 		{ background: url("images/mainmenu.gif") -284px -49px no-repeat; 		}
#mainmenu-request A:hover 		{ background: url("images/mainmenu.gif") -358px -49px no-repeat; 	}
#mainmenu-contact A:hover 		{ background: url("images/mainmenu.gif") -486px -49px no-repeat; 	}

#mainmenu-services.selected, #mainmenu-services.selected A:hover 		
{ background: url("images/mainmenu.gif") -0px -98px no-repeat; 	}
#mainmenu-portfolio.selected, #mainmenu-portfolio.selected A:hover	
{ background: url("images/mainmenu.gif") -89px -98px no-repeat; 	}
#mainmenu-testimonials.selected, #mainmenu-testimonials.selected A:hover 		
{ background: url("images/mainmenu.gif") -175px -98px no-repeat; 	}
#mainmenu-careers.selected, #mainmenu-careers.selected A:hover	
{ background: url("images/mainmenu.gif") -284px -98px no-repeat; 	}
#mainmenu-request.selected, #mainmenu-request.selected A:hover		
{ background: url("images/mainmenu.gif") -358px -98px no-repeat; 	}
#mainmenu-contact.selected, #mainmenu-contact.selected A:hover	
{ background: url("images/mainmenu.gif") -486px -98px no-repeat; 	}


/*********************************************
	GALLERY
*/

#gallerytabs table {
	width: 590px;
	height: 215px;
	border-collapse: collapse;
	border: none;
	background: url("images/gallerytabs-bg.png") no-repeat;
}

#gallerytabs .footer {
	width: 100%;
	height: 10px;
	background: url("images/gallerytabs-bg.png") no-repeat bottom left;	
}

#gallerytabs td.navholder {
	width: 161px;
}

#galleryloader {
	width: 32px;
	height: 32px;
	background: url("images/loader.gif") no-repeat;
	margin: 60px 195px;
}

.post #gallerytabs td.navholder,
.post #gallerytabs td.thumbholder {
	vertical-align: top;
	padding: 30px 0;
}

#gallerytabs a {
	outline: none;
}

#gallerytabs .tabs {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#gallerytabs .tabs li {
	font-size: 110%;
	text-align: right;
	padding: 5px 13px 5px 5px;
	border-bottom: solid 1px #3d6c99;
	margin: 0;
}

#gallerytabs .tabs li.selected {
	background: #265686;
}

#gallerytabs .tabs li a {
	display: block;
}

#gallerytabs .tabs li.selected a {
	color: #fff;
}

#gallerytabs .thumbs {
	overflow: hidden;
	list-style: none;
	margin: 10px;
	padding: 0;
}

#gallerytabs .thumbs li {
	float: left;
	margin: 0 10px 10px 0;
}

#gallerytabs .thumbs li a img {
	border: solid 2px #1f466d;
}

#gallerytabs .thumbs li a:hover img {
	border-color: #fff;
}

/*********************************************
	SIDEBAR
*/

.home #sidebar {
	margin-top: 7px;
}

#sidebar li {
	margin: 0 0 25px;
	list-style: none;
	overflow: hidden;
}

#sidebar h3 {
	border-bottom: solid 1px #4371a0;
	padding: 0 0 6px;	
}

#sidebar .services ul {
	font-size: 18px;
}

#sidebar .services ul li {
	margin: 0 0 2px;
}

#sidebar .contact h3 {
	padding-left: 126px;
}

#sidebar .contact .icon {
	width: 126px;
	height: 90px;
	float: left;
	margin-top: -40px;
	background: url("images/sidebar-contact-icon.png") no-repeat;
}

#sidebar .contact a {
	display: block;
	margin: 5px 0 0;
	line-height: 14px;
}

.testimonial {
	background: url("images/testimonial-bg.png") no-repeat top left;
	padding: 50px 32px 20px;
	font-size: 17px;
	line-height: 23px;
}

.testimonial cite {
	display: block;
	color: #91bae3;
	font-style: normal;
}

.testimonial .name {
	margin: 15px 0 0;
}

.testimonial .source {
	font-size: 13px;
	line-height: 16px;
}


/*********************************************
	HOME
*/

.home .post {
	padding: 0;
	border-bottom: none;
}

/*********************************************
	PAGE
*/

h2.pagetitle {
	border-bottom: solid 1px #4371a0;
	padding: 0 0 2px;
	font-size: 40px;
	margin: 20px 0 20px;
}

.post h3 {
	margin-top: 30px;
	font-size: 25px;
}

.post p {
	margin: 12px 0;
}

.post ul,
.post ol {
	margin: 15px 0;
	padding: 0 30px;
}

.post li {
	margin: 0 0 5px;
	line-height: 15px;
}

.post li h4,
.post li p {
	margin: 5px 0;
}

.post {
	border-bottom: solid 1px #4371a0;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

/*********************************************
	TESTIMONIAL PAGE
*/

.post .testimonial {
	background: none;
	padding: 0;
}

.post .testimonial ul {
	padding: 0;
}

.post .testimonial li {
	padding: 15px 30px;
	list-style: none;
	background: url("images/testimonial-large-bg.png") no-repeat top left;
	line-height: normal;
}

/*********************************************
	CONTACT FORM
*/

ol.form,
.page .entry ol.form {
	list-style: none;
	margin: 1em 0;
	padding: 0;
}

ol.form li {
	overflow: hidden;
	padding: 4px 0;
	margin: 0 !important;
}

ol.form li label {
	display: block;
	float: left;
	width: 125px;
	text-align: right;
	font-size: 90%;
	margin: 5px 10px 0 0;
	color: #91bae3;
	line-height: 125%;
}

ol.form li label em {
	font-style: normal;
	color: #c00;
}

ol.form li input {
	width: 200px;
}

ol.form li div.value {
	padding: 3px 0 0;
}

ol.form li small {
	display: block;
	clear: left;
	margin: 3px 0 0 135px;
	font-family: verdana, arial, Helvetica;
	font-size: 90%;
	color: #765226;
}

ol.form li.textarea small {
	margin-left: 0;
}

ol.form li.short input {
	width: 120px;
}

ol.form li textarea {
	width: 90%;
}

ol.form li input,
ol.form li textarea,
ol.form li select {
	background: #d1e4f6;
	padding: 2px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #91bae3;
	border-left: solid 1px #91bae3;
	color: #222;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Helvetica, Arial, sans-serif;
	font-size: 100%;
}

ol.form li.radio label,
ol.form li.textarea label {
	float: left;
	width: 90%;
	text-align: left;
	margin: 8px 0;
}

ol.form li.radio input {
	width: auto;
	border: none;
	background: none;
	padding: 0;
}

ol.form li.radio span,
ol.form li.captcha {
	padding: 0 0 0 135px;
}

ol.form li.captcha img {
	margin: 3px 0 0;
}

ol.form li.radio span span {
	padding: 0;
}

ol.form li.submit {
	padding: 15px 0 0 135px;
	border: none;
}

ol.form li.submit input {
	background: #91bae3;
	padding: 4px;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #255079;
	border-right: solid 1px #255079;
	color: #255079;
	width: auto;
	font-size: 100%;
}

ol.form li.submit input.image {
	background: none;
	padding: 0;
	border: none;
}

ol.form li .wpcf7-not-valid-tip {
	color: #c00;
	top: -5px;
	left: 105%;
}

ol.form li.checkbox label {
	width: 85px;
}

ol.form li .wpcf7-checkbox {
	margin: 0 0 0 95px;
	display: block;
	overflow: hidden;
}

ol.form li.checkbox input {
	width: auto;
	border: none;
	background: none;
}

ol.form li .wpcf7-checkbox .wpcf7-list-item {
	display: block;
	float: left;
	width: 190px;
	_width: 200px;
}


/*********************************************
	FOOTER
*/

#footer {
	font-size: 11px;
	color: #7299c0;
	padding: 0 20px;
}

#footer a {
	color: #91bae3;
}

#sms-credit {
	margin: 5px 0 0;
	width: 153px;
	height: 17px;
	float: right;
	background: url("images/sms-logo.png") no-repeat;
	text-indent: -9999px;
}

#sms-credit a {
	display: block;
	height: 100%;
}