* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

body {
	background-color:#999;
	color:#000;
	font-family: Arial,sans-serif;
	font-size:14px;
	}

#container { 
	width:800px;
	background-color:#CCC;
	text-align:left;
	padding: 30px;
	border: 2px solid #000;
	line-height:17px;
	
	}
	
	#content {
		
	}
		
	/* hide the header text and swap a logo in */
	#header {
		background-image:url("../_img/greenhood.gif");
	  background-repeat:no-repeat;
	  height:52px;
	}
		#header h1 {display:none;} 
	
	/* the headings between sections: "what we do", "selected clients", etc. */
	h2 { font-size:16px; padding-bottom:4px; padding-top:23px; }
	
	/* this is the div that contains all the logos. Add more top padding to push it down. */
	#logos { padding-top:10px; } 
	
	/* spacing for the list with bullets. ie: "What we do" */
	ul.bullets { padding-top: 5px; padding-left: 0px; }
		
	/* spacing for the list without bullets. ie: "Selected clients" */
	ul.noBullets { padding-top: 0px; }
	
		/* styles for the list items for both lists */
		li {
			list-style-type:none;
			width:220px;
	    margin:0 0 0 0;
	    padding:0 5px 0 0;
	    line-height:17px;
	    float:left;
		}
		
		.bullets li{
			background:url("../_img/dot.gif") 0px 7px no-repeat;
			padding-left: 10px;
			width:213px;
		}
	
	.reset { clear:both; }
	
	/* add more padding to lower the footer */
	#footer {
		font-size:11px;
		color:#000;
		padding:5px 0px 0px 0px; 
		text-align: center;
	}
		
		#footer span {
			padding-right:10px;
			padding-left:10px;
		}
		
		.bold { font-weight:bold; }
		
		#contact {
			font-weight:bold;
			color:#d31212; /* make contact links orange */
			text-decoration:none;
		}
	
	
/* --------------------------------------------------------------
 * CSS Styles for the SimpleModal Contact Form 
 * ---------------------------------------------------------------
 *
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2007 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 80 2008-01-04 21:13:38Z emartin24 $
 *
 */

/* Overlay */
#contactModalOverlay {background-color:#000; cursor:wait;}

/* Container */
#contactModalContainer {height:290px; width:420px; left:50%; top:15%; margin-left:-210px; font-family:Arial, sans-serif; font-size:16px; text-align:left;}
#contactModalContainer .content {background-color:#999; color:#333; height:260px;}
#contactModalContainer h1 {color:#333; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contactModalContainer .loading {position:absolute; background:url(../_img/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contactModalContainer .message {text-align:center;}
#contactModalContainer #messageContainer {height:30px;}
#contactModalContainer .error {width:92%; font-size:.8em; background:#fff; border:1px solid #333; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px;}
#contactModalContainer br {clear:both;}
#contactModalContainer form {padding:0; margin:0;}
#contactModalContainer label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contactModalContainer input#name,
#contactModalContainer input#email,
#contactModalContainer textarea {font-family:Arial, sans-serif; float:left; padding:2px; margin:2px; background:#fff; border:1px solid #eee; width:250px;}
#contactModalContainer textarea {height:84px;}
#contactModalContainer div.top {height:13px; background:url(../_img/form_top.gif) no-repeat; padding:0; margin:0;}
#contactModalContainer div.bottom {height:13px; background:url(../_img/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;}
#contactModalContainer div.bottom a,
#contactModalContainer div.bottom a:link,
#contactModalContainer div.bottom a:active,
#contactModalContainer div.bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contactModalContainer div.bottom a:hover {color:#888;}
#contactModalContainer .send,
#contactModalContainer .cancel {margin:4px 0 0 4px; cursor:pointer; height:35px; border:0;}
#contactModalContainer .send {width:70px; background:url(../_img/send.png) no-repeat;}
#contactModalContainer .cancel {width:81px; background:url(../_img/cancel.png) no-repeat;}
#contactModalContainer a.modalCloseX,
#contactModalContainer a.modalCloseX:link,
#contactModalContainer a.modalCloseX:active,
#contactModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.4em; position:absolute; top:-2px; left:400px; color:#333;}
#contactModalContainer a.modalCloseX:hover {color:#d31212;}