/*
CSS - SCREEN

www.paxgardens.com
Chris Pax, Pax Garden Design

by: Dawud Miracle, Healthy WebDesign
http://www.healthywebdesign.com

last revised:  14 Mar 06, 1 May 08 - www.gaylejayne.com
*/
	
	
body {
	font: 14px/20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background: #EBE8CE url(../img/bkgrd.gif) repeat-y top center;
	margin: 0px;
	padding: 0px;
}

a {
	color: #000000;
	text-decoration: underline;
}

a:hover {
	color: #993366;
	text-decoration: none;
}


#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 710px;
}

#left {
	float: left;
	width: 200px;
}

#right {
	float: right;
	width: 480px;
	margin-top: 20px;
}



	/*  LEFT LOGO & IMG */
	
#left img.homelogo {
	display: none;
}

body.home #left img.homelogo {
	display: block;
	margin-top: 20px;
	padding: 0;
}

#left img.smalllogo {
	display: block;
	margin-bottom: 0;
	margin-top: 20px;
}

body.home #left img.smalllogo {
	display: none;
}
/*
body.whoiworkwith #left {
	background: url(../img/pageimgs/whoiworkwith.jpg) no-repeat scroll top left;
	padding: 188px 0 0 0;
	margin-top: 10px;
}

body.howiwork #left {
	background: url(../img/pageimgs/howiwork.jpg) no-repeat scroll top left;
	padding: 177px 0 0 0;
	margin-top: 10px;
}

body.services #left {
	background: url(../img/pageimgs/services.jpg) no-repeat scroll top left;
	padding: 191px 0 0 0;
	margin-top: 10px;
}

body.talks #left {
	background: url(../img/pageimgs/talks.jpg) no-repeat scroll top left;
	padding: 335px 0 0 0;
	margin-top: 10px;
}

body.newsletter #left {
	background: url(../img/pageimgs/newsletter.jpg) no-repeat scroll top left;
	padding: 189px 0 0 0;
	margin-top: 10px;
}

body.casestudies #left {
	background: url(../img/pageimgs/casestudies.jpg) no-repeat scroll top left;
	padding: 190px 0 0 0;  /*22px padding 
	margin-top: 10px;
}

body.resources #left {
	background: url(../img/pageimgs/resources.jpg) no-repeat scroll top left;
	padding: 198px 0 0 0;
	margin-top: 10px;
}
body.articles #left {
	background: url(../img/pageimgs/articles.jpg) no-repeat scroll top left;
	padding: 173px 0 0 0;
	margin-top: 10px;
}

body.aboutchris #left {
	background: url(../img/pageimgs/about.jpg) no-repeat scroll top left;
	padding: 198px 0 0 0;
	margin-top: 10px;
}

body.contactchris #left {
	background: url(../img/pageimgs/contact.jpg) no-repeat scroll top left;
	padding: 198px 0 0 0;
	margin-top: 10px;
} */



	/*  LEFT NAV  */
	
#left ul {
	list-style: none;
	margin: 1em 12px 2em 0;
	padding: 0;
	font: normal 15px Georgia, "Times New Roman", Times, serif;
}

#left li {
	margin: 0;
	padding: 0;
}

#left li a {
	text-decoration: none;
	display: block;
	margin: .15em 0;
	padding: .15em .5em .15em 1em;
	background-color: #B1C1A0;
	border: 1px solid #B1C1A0;
	color: #1E201D;
}

#left li a:hover {
	background-color: #EBE8CE;
	border: 1px solid #798968;
}


	/*  WHERE AM I  */
	
body.home li a#home,
body.whoiworkwith li a#whoiworkwith,
body.howiwork li a#howiwork,
body.services li a#services,
body.talks li a#talks,
body.newsletter li a#newsletter,
body.casestudies li a#casestudies,
body.resources li a#resources,
body.articles li a#articles,
body.aboutchris li a#aboutchris,
body.contactchris li a#contactchris {
	background-color: #EBE8CE;
	border: 1px solid #798968;
}



	/*  LEFT FORM  */
	
#left form {
	margin: 3em 18px 0 6px;
	padding: 3px 8px;
	border: 1px solid #798968;
	background: #C1D1B0;
}

#left form p {
	margin: .5em 0 1em 0;
}

#left label {
	display: block;
}

#left input {
	background: #FDFBEB;
	margin-bottom: .75em;
	width: 94%;
}

#left input.submit {
	width: 45%;
}


#left p {
	margin-left: 30px;
}
#left p.center {
	text-align: center;
	margin-left: -30px;
	font-weight: bold;
}



	/*  CONTENT  */

h1 {
	font: bold 115% Georgia, "Times New Roman", Times, serif;
/*	font: bold 125% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
	color: #277636;
}


h3 {
	margin:  2em 0 1em 0;
	padding: 0;
	font-weight: bold;
	font-size:  110%;
}

h4 {		/* native plants */
	background: #c6dab7;
	padding:  2px;
	font-size: 105%;
}

#right ul, #right ol {
	margin-top: 1em;
	margin-bottom: 1em;
}

#right li {
	margin-top: .75em;
}

#right .marginsmall {
	margin-top: 0;
}



	/*  CONTENT TABLE  */
	
table {
	margin:  3em 0;
	border: 1px solid #798968;
	font-size:  90%;
	text-align:  center;
	border-collapse: collapse;
}

tr {
	border-top: 1px solid #798968;
}

th, td {
/*	border-right: 1px solid #798968;
	border-bottom: 1px solid #798968;
*/	padding: 2px 6px;
}

th {
	font-weight:  bold;
	text-align: left;
}

th.top {
	text-align: center;
}

td {
	width:  33%;
	color: #277636;
	font-size:  150%;
	font-weight: bold;
	line-height: normal;
}

.col1 {
	background: #c6dab7;
}

.col2 {
	background: #f6f3da;
}

.col3 {
	background: #ebe8ce;
}



	/*  CONTENT FORM  */

#right form {
	border: 1px solid #798968;
	background: #f6f3da;
	width: 90%;
	margin: 2em auto;
	padding: 6px 8px 6px 10px;
}

#right input {
	margin-left: 15px;
}

#right label.textarea1 {
	margin-top: 2em;
	text-align: left;
}

#right textarea {
	width: 100%;
}

#right input.formsubmit {
	clear: both;
	display: block;
	margin-top: 2em;
}

#right label {
	font-weight: bold;
	display: block;
	margin-left: 20px;
	margin-right: 40px;
	margin-bottom: 5px;
	text-align: right;
}

#right select {
	margin-left: 20px;
}

#right p.form4 {
	clear: both;
}

#right label.inline {
	text-align: left;
}	
	




	/*  FOOTER  */
	
h6 {
	font-size: 85%;
	font-weight: normal;
	margin: 4em 2em 0 0;
	padding: .5em 0 0 0;
	text-align: center;	
}

h6#footer {
	border-top: 1px solid #333333;
}

h6#designer {
	margin: 0 2em 2em 0;
	font-size: 80%;
	padding: 0;
}