/* @override 
	http://greenee/css/main.css
	http://www.ghs-canada.com/css/main.css
*/

/*
	Green Home Solutions
	Created by Scott Reeves

	http://www.cottser.com
*/	

.container {
	width: 960px;
	padding-left: 0;
}

body {
	margin-top: 20px;
	background: #6f722d url(../img/bg-body.png) repeat-x;
}

#content {
	background: #fff;
	padding-bottom: 8em;
}
#content.showgrid {
	background: transparent url(blueprint/src/grid.png);
}

ul#skip-to-content {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

/* @group Header */

#header {
	background: url(../img/bg-header.png);
	/*background: transparent url(blueprint/src/grid.png);*/
	height: 210px;
	position: relative;
}

#header #main-logo {
	position: relative;
	top: 10px;
	left: 20px;
	float: left;
	width: 302px;
}

/* @group Main Menu */

/* @group Highlight current tab */

#home #menu-home a {
	background: url(../img/menu/_over.png) repeat-x;
}
#contact-us #menu-contact-us a {
	background: url(../img/menu/_over.png) repeat-x;
}
#services #menu-services a, #services-detail #menu-services a {
	background: url(../img/menu/_over.png) repeat-x;
}
#about #menu-about a {
	background: url(../img/menu/_over.png) repeat-x;
}
#gallery #menu-gallery a {
	background: url(../img/menu/_over.png) repeat-x;
}

/* @end */

#header ul {
	list-style-type: none;
	position: absolute;
	top: 0;
	right: 30px;
	padding: 0;
	margin: 0;
	height: 62px;
}

#header li {
	display: inline;
}

#header li a {
	display: block;
	float: left;
	padding: 22px 10px 0 10px;
	margin-right: 10px;
	background: url(../img/menu/_trans.png) repeat-x;
}
#header li.last a {
	margin-right: 0;
}

#header li a:hover {
	background: url(../img/menu/_over.png) repeat-x;
}



/* @end */

/* @end */

/* @group Typography */

a {
	color: #5fa100;
}
a:hover {
	color: #73c400;
	text-decoration: none;
}

p {
	font-size: 1.33em;
}
p, ul, label {
	color: #73722a;	
}

h2 {
	font-weight: bold;
	color: #94c948;
	font-size: 4em;
	margin-bottom: 0.25em;
	line-height: 1;
}

h3 {
	color: #94c948;
	font-weight: bold;
}

.header {
	margin-bottom: 24px;
}
#services .header {
	width: 590px;
}

/* @end */

/* @group Forms */

input[type=text], textarea, div.success, div.error {
	/* Still waiting for CSS3. */
	/* Top Left */		
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-opera-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	/* Bottom Right */
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-opera-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}
textarea {
	width: 380px;
}

/* @end */

/* @group Request Quote Button */

#button-request-quote {
	margin-bottom: 1.5em;
	float: right;
	margin-right: 50px;
}

#button-request-quote, #button-request-quote a {
	display: block;
	width: 232px;
	height: 62px;
}
#button-request-quote a {
	background: url(../img/request-quote-trans.png) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}
#button-request-quote a:hover {
	background-position: 0 -62px;
}
#button-request-quote a:active {
	background-position: 0 -124px;
}

#button-request-quote img {
	display: block;
}

/* @end */

/* @group Boxes */

/* @group Properties shared by both boxes */

.box-primary, .box-secondary {
	border: 6px solid;
	padding: 12px;
	margin-bottom: 1.5em;
	
	/* Still waiting for CSS3. */
	/* Top Left */		
	-webkit-border-top-left-radius: 22px;
	-moz-border-radius-topleft: 22px;
	-khtml-border-top-left-radius: 22px;
	-opera-border-top-left-radius: 22px;
	border-top-left-radius: 22px;
	/* Bottom Right */
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-bottomright: 22px;
	-khtml-border-bottom-right-radius: 22px;
	-opera-border-bottom-right-radius: 22px;
	border-bottom-right-radius: 22px;	
}
.box-primary p, .box-secondary p, .box-primary ul, .box-secondary ul {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.083em;
	margin: 0;
	margin-top: 1em;
}
.box-primary h3, .box-secondary h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-weight: bold;
	margin: 0;
	color: #fff;
}

.box-primary h3 a, .box-secondary h3 a {
	color: #fff;
}
.box-primary h3 a:hover, .box-secondary h3 a:hover {
	color: #fff;
}

.box-primary ul, .box-secondary ul {
	padding-left: 13px;
}
.box-primary h3.list, .box-secondary h3.list {
	/* The title just looks better 1 pixel to the left */
	padding-left:  12px;
}

/* @end */

/* @group Primary Box */

.box-primary {
	background-color: #87ab15;
	border-color: #6e8b11;
}
.box-primary a, .box-primary a:hover {
	color: #96ff00;
}
.box-primary p, .box-primary li {
	color: #fffde1;
	text-shadow: #6e8b11 1px 1px 1px;
}

/* @end */

/* @group Secondary Box */

.box-secondary {
	background-color: #8b4bb8;
	border-color: #713d95;
}
.box-secondary a, .box-secondary a:hover {
	color: #96ff00;
}
.box-secondary p, .box-secondary li {
	color: #eeecc5;
	text-shadow: #713d95 1px 1px 1px;
}

/* @end */

/* @end */

/* @group Photos */

div.photo div {
	position: absolute;
	width: 22px;
	height: 22px;
}
div.photo div.tl {
	background: transparent url(../img/corners/tl.png) top left no-repeat;
	left: 0;
	top: 0;
	z-index: 150;
}
div.photo div.br {
	background: transparent url(../img/corners/br.png) top left no-repeat;
	bottom: 0;
	right: 0;
	z-index: 150;
}

/* @end */

/* @group Footer */

#footer-content {
	background: #fff;
	text-align: center;
	float: left;
	margin-bottom: 35px;
}
#footer-content p {
	clear: both;
	margin: 0;
	font-size: 1em;
}
#footer-content ul {
	list-style-type: none;
	display: block;
	/*width: 500px;
	margin: 0 auto;*/
	margin-bottom: 1em;
}
#footer-content li {
	display:  inline;
	margin: 0 1em;
}
#footer {
	background: transparent url(../img/bg-footer.png) no-repeat bottom left;
	margin-bottom: 20px;
}

/* @end */

/* @group Per Page Styles */

/* @group Home */

/* Leaf in Boxes */
#home .box-primary, #home .box-secondary {
	background-image: url(../img/leaf-corner.png);
	background-repeat: no-repeat;
	background-position: 160px 8px;
}

#slogan {
	margin-bottom: 2em;
}

#home #sidebar-one {
	margin-right: 30px;
	overflow: visible;
}

#home .gallery-slide {
	width: 240px;
	height: 140px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
}
#home .gallery-slide div.photo {
	position: absolute;
	top: 0;
	left: 0;
}

/* @group Request Quote Button */

#home #button-request-quote {
	float: none;
	margin-right: none;
}

/* @end */

/* @group Photos */

#home .sidebar div.photo {
	float: left;
	position: relative;
	margin-bottom: 1.5em;
}
#home .sidebar div.photo img {
	float: left;
	/*width: 230px;*/
}

/* @end */

/* @end */

/* @group Services */

/* @group Services Detail */

#services h2 {
	margin-bottom: 0.125em;
}
#services a.return {
	display: block;
	clear: both;
	margin-bottom: 20px;
}

/* @end */

#services-list {
	list-style-type: none;
	margin: 0;
}

#services-list div.photo {
	margin-right: 2em;
}

#services-list li {
	float: left;
	width: 100%;
	margin-bottom: 2em;
}

/* @group Photos */

#services div.photo {
	float: left;
	position: relative;
}
#services div.photo a {
	display: block;
	float: left;
}
#services div.photo img {
	float: left;
	/*width: 160px;*/
}
#services-showcase div.photo {
	margin-bottom: 20px;
}

/* @end */

/* @end */

/* @group Gallery */

/* @group Photos */

#gallery div.photo {
	float: left;
	position: relative;
}
#gallery div.photo a {
	display: block;
	float: left;
}

#gallery div.photo img {
	float: left;
}

/* @end */

/* @group Index */

/* Title on album cover */
#gallery div.photo a.title {
	color: #fff;
	position: absolute;
	bottom: 12px;
	left: 10px;
	/*right: 10px;
	text-align: right;*/
	width: 95%;
	font-size: 2em;
	font-weight: bold;
	text-shadow: #000 0 0 5px;
	text-decoration: none;
	float: none;
	line-height: 0.85;
}

#gallery-list {
	list-style-type: none;
	margin: 0;
}

#gallery-list div.photo {
	margin-right: 50px;
}

#gallery-list li {
	float: left;
	/*width: 100%;*/
	margin-bottom: 50px;
}

/* @end */

/* @group Thumbs */
#gallery-thumbs {
	margin-left: 10px;
	margin-top: 20px;
}
#gallery-thumbs div.photo {
	margin-left: 30px;
	margin-bottom: 15px;
}

/* @end */

/* @group Detail */

#gallery-detail {
	padding-top: 20px;
	clear: both;
}
#detail-top {
	position: relative;
	top: -8px;
}

#photo-progress {
	text-align: center;
}
a.photo-nav {
	background: #8aab11;
	color: #fff;
	padding: 4px 6px;
	text-decoration: none;
	font-weight: bold;
	margin: 0 20px;
	
	/* Still waiting for CSS3. */
	/* Top Left */		
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-opera-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	/* Bottom Right */
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-opera-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;	
}

#gallery-fullimage {
	text-align: center;
	position: relative;
}
#gallery-fullimage .wrap {
	display: inline-block;
}
#gallery-detail .caption {
	text-align: center;
}
#gallery-next {
	text-align: right;
}

/* @end */

/* @end */

/* @group Contact Us */

#contact-us .header {
	float: left;
}

#contact-us #main {
	padding-top: 1.5em;
}


#contact-us label {
	display: block;
	width: 67px;
	text-align: right;
	float: left;
	padding-right: 1em;
	padding-top: 8px;
}
#contact-us .text {
	width: 260px;
}
#contact-us #message {
	height: 160px;
	width: 380px;	
}
#contact-us #submit {
	margin-left: 78px;
}
#contact-us .form {
	clear: both;
}
#telephone {
	text-align: center;
	padding: 36px 0;
}
#telephone h3 {
	color: #fff;
	display: inline;
	margin: 0 auto;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 2.66em;
	font-weight: bold;
	background: url(../img/leaf-telephone.png) no-repeat right;
	padding: 20px 32px 20px 0;
	text-shadow: #6e8b11 2px 2px 1px;
}
/* @end */

/* @group Request a Quote */
#request-quote .header {
	float: left;
}

#request-quote #details {
	padding-top: 6px;
}

#request-quote .submit {	
	clear: both;
	padding-top: 3em;
}
#request-quote label {
	display: block;
	width: 67px;
	text-align: right;
	float: left;
	padding-right: 1em;
	padding-top: 8px;
}
#request-quote .text {
	width: 260px;
}
#request-quote #message {
	height: 155px;
}
#request-quote #address {
	height: 30px;
	width: 260px;
}
#request-quote #submit {
	margin-left: 78px;
}
#request-quote .form {
	clear: both;
}

/* @end */

/* @end */

/* @group Inline Editing */

a.button-edit {
	background: #8aab11;
	color: #fff;
	padding: 4px 6px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.85em;
	
	/* Still waiting for CSS3. */
	/* Top Left */		
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-opera-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	/* Bottom Right */
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-khtml-border-bottom-right-radius: 10px;
	-opera-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;
	text-shadow: none;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
a.button-edit:hover {
	color: #fff;
	text-decoration: underline;
}
.box-primary a.button-edit {
	background: #8b4bb8;
}
#gallery div.photo p, #services div.photo p {
	margin: 0;
}
#gallery div.photo a.button-edit, #services div.photo a.button-edit {
	position: absolute;
	right: 0;
	top: 0;
	background: #8b4bb8;
}

#footer-content p#logged-in {
	margin-bottom: 1em;
}

/* @end */