/*

	BUILD GREEN SOLUTIONS -
	VERSION 1.0
	
	-----------------------------------------
	
	author: Michel Joanisse
	email: michel.joanisse@mountainmamma.com
	website: http://www.mountainmamma.com
	last updated: April 07th, 2009
	
	-----------------------------------------
	
	CONTENTS ----------
	
	   1.DEFAULT STYLING
	   2.PRIMARY NAVIGATION
	   3.HEADER
	   4.CONTENT
	   5.FOOTER 
	   6.SUB PAGES/2ND TIER SPECIFICS 
	   7.FORMS 
    -------------------
	
*/


/* 1.DEFAULT STYLING
---------------------------------------------------------------------- */
.clear {clear:both;}

* {
	margin:0;padding:0;
	font-size:12px;
	color:#444;
	font-family:Arial, Tahoma, Georgia, Helvetica, sans-serif;
}

html {
	background:#fff url(../images/bg-tile.gif) top left repeat-x;
}

#frame {
	width:990px;
	min-height:760px;
	_height:760px;
	margin:0 auto;
}

/* 2.PRIMARY NAVIGATION
---------------------------------------------------------------------- */

#primarynav ul li a {
	display:block;
	line-height:13px;
	*line-height:16px;
	margin-left:14px;
	_margin-left:7px;
	float:left;
	text-decoration:none;
	color:#3b5a69;
	font-size:14px;
	
}

#primarynav ul li span {
	margin-top:15px;
	font-size:14px;
	color:#3b5a69;
	padding-right:14px;
	background:url(../images/nav-dottedline.gif) right center repeat-y;
	float:left;
}

#primarynav {float:left;width:990px;}
#primarynav ul {float:right;}
#primarynav ul li {display:inline;}
#primarynav ul li span a#home {background:url(../images/icon-home.gif) center no-repeat;width:11px;height:13px;*height:16px;}
#primarynav ul li span a#home em {display:none;background:0;}
#primarynav ul li span.lastitem {background:0;}
#primarynav ul li a.active {border-bottom:1px solid #8a8f75;cursor:auto;*cursor:default;}
#primarynav ul li a.active:hover {background:0;color:#3b5a69;outline:0;}

/* 3.HEADER
---------------------------------------------------------------------- */
div#header {
	background:url(../images/header01.png) top left no-repeat;
	_background:url(../images/header01-ie6.gif) top left no-repeat;
	min-height:261px;_height:261px;
	float:left;width:990px;
	margin-top:15px;
}

div#header p {display:none;}

div#header a#branding {
	display:block;
	outline:none;
	text-indent:-1000em;
	width:187px;height:121px;
	background:url(../images/bgs-logo.gif) top left no-repeat;
}

/* 4.CONTENT
---------------------------------------------------------------------- */
div#content {float:left;width:990px;}

/*-----
COLUMN1
-----*/
div#content #column1 p,
div#content #column1 h4,
div#content #column1 blockquote,
div#content #column1 ul,
div#content #column1 ol,
div#content #column1 dl {margin:15px 0;}

div#content #column1 {
	float:left;width:540px;
	background-color:#fff;
}

div#content #column1 h3,
div#content #column1 h3 a {font-size:18px; padding-top: 15px;}

div#content #column1 a.titles {display:block;clear:right;outline:none;text-decoration:none;cursor:pointer;}

div#content #column1 p.success {
	background:#eaf0d9 url(../images/icon-checkmark.jpg) 10px center no-repeat;
	color:#3d9a19;
	margin:15px 0;
	padding:10px;padding-left:40px;
	border:1px solid #c4d1a0;
	clear:both;
	float:left;
}

div#content #column1 ul {margin:15px;}

div#content #column1 dl.contact {margin:25px 0;}
div#content #column1 dl.contact dt {text-transform:uppercase;font-style:italic;font-size:20px;}
div#content #column1 dl.contact * {font-size:16px;}
div#content #column1 dl dt {font-weight:bold;}

div#content #column1 a {color:#006f63;}
div#content #column1 a.img img {border:none;}

div#content #column1 p#partners {margin:60px 15px 0 0;float:left;clear:both;} 
div#content #column1 img#windmill {margin-top:30px;float:left;}

div#content #column1 img.left {float:left;margin:0px 15px 15px 0px;*margin-top:15px;}
div#content #column1 img.right {float:right;margin:0px 15px 15px 5px;*margin-top:15px;}

div#content #column1 p.important {
	font-style:italic;
	font-size:16px;
	line-height:22px;
	margin:25px 0;
}

div#content #column1 a.btns,
div#content #column1 a.btns span {color:#f2e09a;cursor:pointer;}

div#content #column1 a.btns {
	background:#b96d42 url(../images/btns-bg.gif) bottom left no-repeat;
	display:block;
	float:right;
	width:82px;
	text-decoration:none;
	min-height:35px;_height:35px;
	margin-bottom:10px;
}

div#content #column1 a.btns span {
	display:block;float:left;
	width:74px;
	background:url(../images/btns-top.gif) top left no-repeat;
	text-decoration:underline;
	padding-left:8px;
	padding-top:8px;
	margin-right:8px;
	_margin-right:0;
}

#column1 blockquote {font-style:italic;}

div#column1 h1, div#column1 h2,
div#column1 h1 span, div#column1 h2 span {
	clear:both;*clear:none;
	margin-top:15px;
	padding-top:15px;
	color:#fff;font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;font-weight:normal;
	background-image:url(../images/h1-bg01.gif);
	background-repeat:no-repeat;
	background-color:#557e92;
	background-position:top left;
}

div#column1 h1 span,
div#column1 h2 span {
	padding-left:15px;
	padding-top:0;
	margin-top:0;
	padding-bottom:15px;	
	margin-bottom:20px;
	_margin-bottom:10px;
	display:block;float:left;width:525px;
	background-position:bottom left;
}

div#column1 h2,
div#column1 h2 span {color:#324d5a;background-image:url(../images/h2-bg01.gif);background-color:#eaf0d9;}
div#column1 h2 span {*margin-bottom:10px;}
div#column1 h1 em {font-size:18px;color:#fff;text-transform:uppercase;font-family:Georgia, "Times New Roman", Times, serif;}

/*-----
COLUMN2
-----*/
div#content .wrapr {
	margin-top:15px;
	margin-bottom:15px;
	float:left;width:100%;
	padding-bottom:15px;
	background:url(../images/wrapr-bg.gif) bottom left no-repeat;
}

div#content #column2 {float:right;width:420px;}
div#column2 .boxes {float:left;width:205px;}
div#column2 .boxes ul {list-style:none;}

/*---
BOX 1
---*/
div#column2 .boxes.box1 {background:#dfebbc url(../images/box1-repeat.gif) top left repeat-y;}

div#column2 .boxes.box1 h5,
div#column2 .boxes.box1 h5 span {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;font-weight:normal;
	font-size:18px;color:#557e92;
}

div#column2 .boxes.box1 h5 {
	background:url(../images/box1-header.gif) top left no-repeat;
	margin-bottom:20px;padding-top:15px;
}

div#column2 .boxes.box1 h5 span {
	background:url(../images/icon-services.jpg) left center no-repeat;
	padding-left:25px;padding-bottom:5px;padding-top:7px;margin-left:15px;
}


div#column2 .boxes.box1 ul li a:hover {background:#f8e293;color:#63752f;}
div#column2 .boxes.box1 ul li {width:85%;margin:5px 0;margin-left:15px; padding-top: 5px;}

/*---
BOX 2
---*/
div#column2 .boxes.box2 {background:#eaf0d9;float:right;}

div#column2 .boxes.box2 h5 {
	background:url(../images/icon-newsevents.gif) left center no-repeat;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;font-weight:normal;
	font-size:18px;color:#3b5a69;
	margin:0 15px;
	margin-top:15px;
	padding-left:25px;
}


div#column2 .boxes.box2 ul {margin:0 15px;}
div#column2 .boxes.box2 ul li {margin:25px 0;}
div#column2 .boxes.box2 ul li a {color:#006f63;outline:none;}
div#column2 .boxes.box2 ul li span.date {float:left;display:block;width:100%;}
div#column2 .boxes.box2 ul li a.xtrnl {margin:5px 0;display:block;outline:none;float:left;width:100%;font-style:italic;}
div#column2 .boxes.box2 ul li a.xtrnl:hover {color:#695b36;}
div#column2 .boxes.box2 ul li a.right {float:right;color:#000;}

/*END OF BOXES------------------------*/

div#column2 img {float:left;}
div#column2 img#img001 {border-right:1px solid #fff;}
div#column2 img#img002 {border-bottom:1px solid #fff;}


/* 5.FOOTER
---------------------------------------------------------------------- */

div#footer {
	background:url(../images/footer-bg.gif) bottom left repeat-x;
	float:left;
	clear:both;
	width:100%;
}

div#footer .wrapr {width:990px;margin:0 auto;}
div#footer p#copyright {margin-bottom:60px;padding-bottom:30px;text-align:right;}

div#footer p#copyright span {
	background-color:#f8e293;
	color:#63752f;
	font-weight:bold;
}

/*----------
LEGAL RIGHTS
----------*/

div#footer #legalrights *{color:#fff;font-size:11px;}
div#footer #legalrights {
	padding:7px;
	width:976px;
	float:left;
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	background-color:#313131;
}

div#footer #legalrights ul {float:left;width:45%;}
div#footer #legalrights ul li {display:inline;list-style:none;}
div#footer #legalrights ul li a {margin-left:7px;text-decoration:none;}
div#footer #legalrights ul li a:hover {text-decoration:underline;}
div#footer #legalrights ul li span.lastitem {background:0;}

div#footer #legalrights ul li span {
	font-size:14px;
	color:#3b5a69;
	padding-right:7px;
	background:url(../images/footer-dottedline.gif) right center repeat-y;
	float:left;
}

div#footer #legalrights p {
	float:right;
	_display:inline;
	padding-right:20px;
	background:url(../images/icon-mm.gif) right center no-repeat;
	margin-right:10px;
}

div#footer #legalrights p span {display:none;}


/* 6.SUB PAGES/2ND TIER SPECIFICS
---------------------------------------------------------------------- */

body.subpages div#header {
	background:url(../images/header01-alt.png) top left no-repeat;
	_background:url(../images/header01-ie6-alt.gif) top left no-repeat;
	min-height:190px;_height:190px;
}

body.subpages div#content #column1 {width:725px;}
body.subpages div#content #column2 {width:235px;}

body.subpages div#column2 .boxes.box2 {margin-top:15px;width:235px;padding-bottom:15px;}

body.subpages div#column2 .boxes.box1 h5 {background:none;padding-top:0;}
body.subpages div#column2 .boxes.box1 div {background:#dfebbc url(../images/box1-repeat-alt.gif) bottom left no-repeat;padding-bottom:25px;}

body.subpages div#column2 .boxes.box1 {
	padding-top:20px;
	background:#dfebbc url(../images/box1-repeat-alt.gif) top left no-repeat;
	margin-top:15px;width:235px;
}

body.subpages div#column1 h1, 
body.subpages div#column1 h1 span {background-image:url(../images/h1-bg02.gif);}

body.subpages div#column1 h2,
body.subpages div#column1 h2 span {background-image:url(../images/h2-bg02.gif);}

body.subpages div#column1 h1 span,
body.subpages div#column1 h2 span {width:710px;}

/* 7.FORMS
---------------------------------------------------------------------- */
form.contact {clear:both;}
form.contact div.col1 {float:left;clear:none;width:280px;}
form.contact div.col2 {float:right;clear:none;width:430px;}
form.contact div {float:left;clear:both;margin:3px 0;}

form.contact input,
form.contact textarea {
	border:1px solid #aaa;
	padding:2px;
	background:#eee;
	float:left;
	width:220px;
	clear:both;
}

form.contact textarea:active,
form.contact textarea:focus,
form.contact input:active,
form.contact input:focus {background:#fff;}

form.contact textarea {width:420px;height:104px;}
form.contact label {float:left;width:300px;_width:200px;margin-bottom:3px;}
form.contact label.required {font-weight:bold;}
form.contact label.required em {font-weight:normal;}

form.contact div#button {clear:both;width:430px;margin-top:10px;}
form.contact div#button button {float:right;padding:2px 5px;*padding:2px;margin-right:3px;}