/* 
Title:     MesaGoingGreen.com Master Style sheet
Author:    design@studio2info.com
Updated:   January 2008


font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;



Colors:
Background: #eeddab
Copy:		#524038
Headlines:	#2787b4
Subheads:	#0a5b2e
Lt. Green:	#c3dca0
Blue/Grey:	#333541

Headlines: Arial
Links: Arial
Right nav: tahoma
P: arial
Home P: Tahoma
Footer: Arial




*/

/* General
---------------------------------------------------------- */

/* Clearfix - Clearing 21st Century Style - http://www.positioniseverything.net/easyclearing.html */ 
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
	}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* self-clear floats */

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

*{margin:0; padding:0;}

body {
	margin: 0;
	padding: 0;
	background-color: #eeddab;
	}


/* Header
--------------------------------------------------------------------------------- */

#header {
	margin: 0 auto;
	width:960px;
	height:175px;
	background: url(../images/header/header.gif) top left no-repeat;
	overflow:hidden;
	}

#home-button {
	float:left;
	height:148px;
	width:148px;
	padding-top:20px;
	margin: 0px 0 0 366px;
	.margin: 0 0 0 183px;
	}

#home-button a img {
	border:none;
	text-decoration:none;
	}

#home-button a:hover img {
	border:none;
	text-decoration:none;
	}

#header-link {
	float:right;
	text-align:right;
	width:180px;
	margin-right:12px;
	margin-top:45px;
	}

#header-link p {
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	font-size:13px;
	color:white;
	line-height:1.5em;
	}

#header-link p a {
	text-decoration:underline;
	color: white;
	}

#header-link p a:hover {
	color: black;
	}


/* Content
---------------------------------------------------------------------------------- */

#interior #wrapper {
	background: url(../images/bg/bottom-tree.gif) bottom left no-repeat;
	}

#wrapper {
	margin:0 auto;
	width:960px;
	border-bottom: 1px solid #8d9a64;
	}
	
#content {
	float:left;
	width:725px;
	.width:725px;
	}

#headline {
	margin-top:25px;
	margin-bottom:20px;
	padding: 0 0 0 20px;
	}


#left-column {
	float:left;
	width:175px;
	height:260px;
	padding:0 20px;
	}

#middle-column {
	float:left;
	width:475px;
	}

#interior #middle-column {
	margin:0 0 95px 0;
	padding-bottom:0;
	.padding-bottom:95px;
	}

#contact #middle-column {
	margin-bottom:50px;
	}
	
#contact #middle-column p a:visited {
	color: #524038;
	}
	
#left-column img {
	margin-top:-3px;
	}

/* Right Column Navigation etc
---------------------------------------------------------------------------------- */
	
#right {
	float:right;
	width:230px;
	margin-top:5px;
	}

.click-here {
	float:right;
	text-align:right;
	width:205px;
	padding-right:30px;
	}
	
#right-top {
	float:right;
	height:200px;
	width:230px;
	background: url(../images/bg/swatch-boxes.gif) top right no-repeat;
	margin-bottom:3px;
	}

#right-top-copy {
	float:right;
	width:125px;
	padding-top:38px;
	padding-right:20px;
	padding-bottom:20px;
	}

#right-middle {
	float:right;
	height:205px;
	width:230px;
	background: url(../images/bg/swatch-lightbulb.gif) top right no-repeat;
	margin-bottom:3px;
	}

#right-middle-copy {
	float:right;
	width:150px;
	padding-top:43px;
	padding-right:50px;
	}

#right-bottom {
	float:right;
	height:220px;
	width:230px;
	background: url(../images/bg/swatch-contact.gif) top right no-repeat;
	margin-bottom:28px;
	}
	
#right-bottom-copy {
	float:right;
	width:150px;
	padding-top:41px;
	padding-right:50px;
	}
	
p.right-links a {
	color:white;
	font-weight:bold;
	}
	

	
	
/* Homepage
---------------------------------------------------------------------------------- */

#h-snapshot {
	float:left;
	margin: 0 auto;
	padding: 15px 0 15px 25px;
	width:695px;
	height:381px;
	}
	
#h-snapshot h1 {
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/:0; /* for IE5/Win only */
	width:0 !important;
	width /**/:0; /* for IE5/Win only */
	}

#h-copy {
	float:left;
	padding: 0 30px 0 40px;
	width:650px;
	
	}

#h-copy p {
	font-family: Tahoma, Helvetica, Arial, "Arial", sans-serif;
	font-size:10pt;
	}

	




/* Footer
---------------------------------------------------------------------------------- */

#footer {
	margin: 0 auto;
	padding-top:5px;
	width:960px;
	}
	
#footer-l {
	float:left;
	width:800px;
	}

#footer-r {
	float:right;
	width:150px;
	text-align:right;
	}
	

#footer p {
	color: #666666;
	font-size:10px;
	margin-bottom:10px;	
	}

#footer p a {
	color:#666666;
	text-decoration:none;
	}
	
#footer p a:hover {
	text-decoration:underline;
	}

/* Typography
---------------------------------------------------------------------------------- */

h1 {
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	font-style:bold;
	font-size:24px;
	color: #2787b4;
	margin-bottom:15px;
	}
	
h2 {
	font-family: Tahoma, Arial, "Arial", Helvetica, sans-serif;
	font-size:16px;
	color: white;
	margin-bottom:15px;
	}
	
h2.subhead {
	font-family: Arial, "Arial", Helvetica, Tahoma, sans-serif;
	color: #0a5b2e;
	margin-bottom:3px;
	font-size:12px;
	}
	

p	{
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	color: #524038;
	margin-bottom:9px;
	line-height:1.3em;
	}

#middle-column p {
	font-size:12px;
	margin-bottom:16px;
	}

	
a	{
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}


/* Typography -- special classes
---------------------------------------------------------------------------------- */

.bold {
	font-weight:bold;
	}

.right {
	text-align:right;
	}
	
.ten {
	font-size:10px;
	}

.fourteen {
	font-size:14px;
	}
	
.seventeen {
	font-size:17px;
	}
	
.green-30 {
	font-size:30px;
	color: #0a5b2e;
	}

h2 span.ltgreen-30 {
	font-size:30px;
	color: #c3dca0;
	line-height:1.1em;
	}

.dkgreen-30 {
	font-size:30px;
	color: #434e2e;
	}

.fourteen-up {
	font-size:14px;
	vertical-align:top;
	}

.right-links {
	font-size:11px;
	text-align: right;
	}
	
p.indent {
	padding:0 0 0 25px;
	}


/* Form styles
---------------------------------------------------------------------------------- */

label {
	float: left;
	width: 180px;
	}

label.comments {
	margin-top:15px;
	}

textarea {
	width:430px;
	height:95px;
	}

input.radio {
	margin-right:5px;
	margin-bottom:8px;
	}

input.radio2 {
	margin-right:5px;
	margin-left:15px;
	}

.tenpx {
	margin-left:10px;
	}
	
.red {
	font-weight:bold;
	color: #ae2327;
	}

#errormsg {
	padding:5px;
	width:400px;
	color:red;
	}  

#errormsg ul {
	list-style-type:disc;
	list-style-position:inside;
	margin-bottom:15px;
	margin-left:15px;
	margin-top:-10px;
	}

#errormsg ul li {
	font-family: Arial, "Arial", Tahoma, Helvetica, sans-serif;
	color: #524038;
	font-size:12px;
	}

#errormsg ul li a {
	color: #524038;
	text-decoration:none;
	}

#errormsg ul li a:hover {
	text-decoration:underline;
	}

.error {
	background: #e2a3a3;
	}