/*  
Theme Name: Web Directions
Theme URI: http://www.themaninblue.com/
Description: Web Directions 07 design
Version: 07
Author: Cameron Adams
Author URI: http://www.themaninblue.com/

*/





/*******************************************************************************
********************************************************************************
**
* - GENERAL
*
* - HEADER
*
* - CONTENT
*
* - SUBCONTENT
*
* - FOOTER
**
********************************************************************************
 ******************************************************************************/




/* GENERAL ------------------------------------------------------------------ */

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, li, ol, p, ul
{
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
}

body
{
	background-color: #cdcfa5;
	background-image:  url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
	/*background-position: 0 120px;*/
	color: #4e6146;
	line-height: 1.25;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	text-align: center;
}

div {-moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}

a
{
	color: #00687a;
}

a:visited
{
	color: #2d8e97;
}

a:hover
{
	text-decoration: none;
}

input, select, table, textarea
{
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#top
{
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.forcediv
{
	clear: both;
	}

/* Contact Form Style -------------------------------------------------------- */

.form {
	border-style: none;
	border-color: inherit;
	border-width: medium;
	margin: 0px 0 0 40px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

.label {
	border: none;
	background-color: inherit;
	float: left;
	width: 20%;
	margin: 5px 0 5px 0;
}


fieldset {
	margin-left: 3px;
	width: 200px;
	padding: 0;
}

legend {
	color: white;
	background-color: black;
}

.input{
	background-color: #e7f1e3;
	border-style: solid;
	border-width: 1px;
	color: #5d7253;
	width: 200px;
	margin: 5px 0 5px 0;
}

.textarea {
	width: 200px;
	color: #5d7253; 
	background-color: #e7f1e3;
	margin: 5px 0 5px 0;
}
.textareaquery {
	width: 200px;
	height: 100px;
	color: #5d7253; 
	background-color: #e7f1e3;
	margin: 5px 0 5px 0;
	border-style: solid;
	border-width: 1px;
}

.submitbutton{
	width: 80px;
	margin: 5px 0 5px 20px;
}

.resetbutton{
	width: 80px;
	margin: 5px 0 5px 90px;
}



/* wrapper ------------------------------------------------------------------- */
#wrapper
{
	width: 100%;
	height: 100%;
	background: url(../images/Ecoplant_bg.jpg) no-repeat center top;
	/*margin: 0 auto;
	background-image:  url(..//images/Ecoplant_bg.jpg);
	background-repeat: no-repeat;
	text-align: left;*/
}

/* HEADER ------------------------------------------------------------------- */

#header
{
	position: relative;
	width: 681px;
	height: 123px;
	margin: 0 auto;
	text-align: left;
}

#leafsideimage
{
	position: relative;
	width: 21px;
	height: 46px;
	background-image:  url(../images/header_img_01.jpg);
	background-repeat: repeat-x;
	left: 351px;
	top: 316px;
	z-index: 105;
}

#logo
{
	position: absolute;
	left: 0px;
	top: 0px;
	/*(width : 203px;
  	height : 123px;*/
}

#headerimage
{
	position: relative;
	width : 681px;
  	height : 147px;
	margin: 0 auto;
	text-align: left;
	background-image:  url(../images/header_img_01.jpg);
	background-repeat: no-repeat;
}

#contentheader
{
	position: relative;
	left: 14px;
	width: 708px;
	height: 37px;
	background-color: #6b8160;
	background-image:  url(../images/headerimage_bg.jpg);
	background-repeat: repeat-x;
	margin: 0 auto;
	text-align: left;
}
#content h1
{
	border-bottom: 3px solid #2d8e97;
	padding: 0 0 0.2em 0px;
	color: #5e7253;
	font-size: 140%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#main
{	
	position: relative;
	width: 681px;
	margin: 0 auto;
	text-align: left;
	background-color: #c2d4ba;
	background-image:  url('../images/content_lrgBG.gif');
	background-repeat: repeat-y;
	top: 0px;
	left: 0px;
}

#mainmenuleftimage
{
	position: absolute;
	right: 407px;
	top: 88px;
	width: 13px;
	height: 35px;
	background-color: #00778b;
	z-index: 100;
}

#mainmenu
{
	position: absolute;
	right: 7px;
	top: 88px;
	width: 410px;
	height: 35px;
	background-color: #00778b;
	background-image:  url(../images/secondary_menu_bg.jpg);
	background-repeat: repeat-x;
	font-size: 70%;
	line-height: 20px;
}



#mainmenu ul
{
	height: 35px;
	padding: 8 0 0 55px;
	list-style: none;
	background-image:  url(../images/secondary_menu_right.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#mainmenu li
{
	display: inline;
	float: left;
	margin: 0 0 0 1em;
	padding: 0 0 0 1em;
	background-image:  url(../images/secondary_menu_divider.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #ddce23;
	text-decoration: none;
	font-weight: bolder;
}

#mainmenu li.first
{
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}

#mainmenu a
{
	display: block;
	color: #e3e8c6;
	text-decoration: none;
}

#mainmenu a:hover
{
	text-decoration: underline;
}

/*  XHTML MENU ------------------------------------------------------*/

#xhtmlmainmenuleftimage
{
	position: absolute;
	right: 407px;
	top: 88px;
	width: 13px;
	height: 35px;
	background-color: #00778b;
	z-index: 100;
}

#xhtmlmainmenu
{
	position: absolute;
	right: 7px;
	top: 88px;
	width: 410px;
	height: 35px;
	background-color: #00778b;
	background-image:  url(../images/secondary_menu_bg.jpg);
	background-repeat: repeat-x;
	font-size: 70%;
	line-height: 20px;
}



#xhtmlmainmenu ul
{
	height: 35px;
	/*padding: 8 0 0 55px;*/
	margin: 0px 0px 0px 55px;
	list-style: none;
	background-image:  url(../images/secondary_menu_right.jpg);
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#xhtmlmainmenu li
{
	display: inline;
	float: left;
	margin: 8px 0 0 1em;
	padding: 0 0 0 1em;
	background-image:  url(../images/secondary_menu_divider.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #ddce23;
	text-decoration: none;
	font-weight: bolder;
}

#xhtmlmainmenu li.first
{
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}

#xhtmlmainmenu a
{
	display: block;
	color: #e3e8c6;
	text-decoration: none;
}

#xhtmlmainmenu a:hover
{
	text-decoration: underline;
}


/* GALLERY  ----------------------------------------------------------*/

.gallery
{
	/*border: solid black;*/
}

.gallery div
{
	display: inline;
	margin: 1px;
	padding: 0px;
	width: 89px;
	/*font-size: 70%;
	float: left;
	text-align: left;
	border: solid black;*/
}


/* CONTENT ------------------------------------------------------------------ */


#aboutcontent img
{
	float: right;
	margin: 8px 0 5px 4px;
}

#content img
{
	/*float: right;
	margin: 8px 0 5px 4px;
	width: 112px;
	height: 33px;*/
}

#headerimage_title
{
	float: left;
	
}
#headerimage_right
{
	float: right;
	position: relative;
	
}

#content
{
	/*float: left;*/
	/*display: inline;
	position: relative;
	float: left;*/
	padding-top: 24px;
	padding-left: 54px;
	padding-bottom: 24px;
	padding-right: 28px;
	
	width: 450px;
	font-size: 70%;
	background-image:  url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: 7px 0px;
}

#aboutcontent
{
	/*float: left;*/
	/*display: inline;
	position: relative;
	float: left;*/
	padding-top: 24px;
	padding-left: 54px;
	padding-bottom: 24px;
	padding-right: 28px;
	
	width: 450px;
	font-size: 70%;
	background-image:  url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: 7px 0px;
}

#employeecontent
{
	/*float: left;*/
	/*display: inline;
	position: relative;
	float: left;*/
	padding-top: 24px;
	padding-left: 54px;
	padding-bottom: 24px;
	padding-right: 28px;
	
	width: 450px;
	font-size: 70%;
	background-image:  url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: 7px 0px;
}
#contactcontent
{
	/*float: left;*/
	/*display: inline;
	position: relative;
	float: left;
	padding-top: 24px;
	padding-left: 54px;
	padding-bottom: 24px;
	padding-right: 28px;*/
	
	width: 450px;
	font-size: 70%;
	background-image:  url(../images/content_bg.gif);
	background-repeat: no-repeat;
	background-position: 7px 0px;
}

#sidebar
{
	
	/*display: inline;
	position: absolute;*/
	float: right;
	width: 225px;
}
#sidebar ul
{
	padding: 0 0 0 25px;
	list-style: none;
	
}

#sidebar li
{
	display: inline;
	float: left;
}

h6
{
	padding: 10px 0 5px 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#content h1 a
{
	color: #5D8049;
	text-decoration: none;
}

#content h1 a:hover
{
	border-bottom: 1px dotted #5D8049;
}

#content h2
{
	margin: 1.4em 0 -0.75em 10px;
	color: #5D8049;
	font-size: 150%;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#content h1 + h2
{
	margin-top: 0.7em;
}


#content h3
{
	margin: 1.4em 0 -1.1em 10px;
	font-size: 110%;
}


#content h3 a
{
	font-size: 91%;
}

#content p
{
	margin: 1.4em 0 0 10px;
}

#employeecontent p
{
	margin: 1.4em 0 0 10px;
}

#aboutcontent p
{
	margin: 1.4em 0 0 10px;
}


#content ul, #content ol
{
	margin: 1.4em 0 0 10px;
}



#content li
{
	margin: 0 0 0.7em 1.7em;
}

#content table
{
	width: 492px;
	margin: 1.4em 0 0 10px;
}

#content h1 + table
{
	margin-top: 0.7em;
}



#content th, #content td
{
	padding: 0.5em 1em 0.5em 1em;
	text-align: left;
}

#content tbody
{
	background-color: #ECF3E8;
}

#content tbody th
{
	border-top: 20px solid #FFFFFF;
	background-color: #7FAE63;
	color: #FFFFFF;
}

#content tbody.first th
{
	border-top: 0 none #FFFFFF;
}

#content tbody th a
{
	color: #FFFFFF !important;
}

#content tr.alt
{
	background-color: #DFEBD8;
}

#content .finePrint
{
	margin-right: 10px;
	color: #7F7F7F;
	font-size: 90%;
	text-align: right;
}

#content .finePrint a
{
	color: #7F7F7F;
}

#content p.vcard
{
	padding: 10px;
	background-color: #F0F0F0;
}




/* SUBCONTENT --------------------------------------------------------------- */



/* FOOTER ------------------------------------------------------------------- */

#footer
{
	position: relative;
	width: 681px;
	height: 50px;
	margin: 0 auto;
	background-color: #b8c9b0;
	background-image:  url(../images/footer_whole.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60%;
	color: #7e8978;
	text-align: center;
	/*border: solid black 0px;
	line-height: 20px;*/	
}

#footer ul
{
	list-style: none;
}

#footer li
{
	display: inline;
	color: #7e8978;
	text-decoration: none;
}

#footer a
{
	text-decoration: none;
	color: #7e8978;
}

#footer a:hover
{
	text-decoration: underline;
}