/********************************************** 
Modified: 05.08.08
Author: Minima Designs LLC (Michelle Martello)
Author URL: http://www.minimadesigns.com
**********************************************/


/********************************************** 
CSS RESET 
Based on Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
**********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

.clearleft {clear:left}
.clearright {clear:right}

a:link, a:visited, a:focus {
	color:#f5f5e5;
	text-decoration: none;
}

a:hover {
	color:#f5f5e5;
	text-decoration: underline;
}

/********************************************** 
SITE STRUCTURE
**********************************************/

body {
	font-family: "Lucida Grande", Verdana, Arial,  sans-serif;
	font:75%/150% "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #78A732;
	background: #120a08 url(../images/bg_grass.jpg) repeat-x;
	margin:0;padding:0;
	}
#wrapper {
	width:780px;
	margin: 0 auto;
	}
#header {margin:0;padding:0}

#content {
	float: left;
	width: 540px;
	padding:10px 20px 0 0;
	margin:200px 0 40px 0;
	}	
#content p {line-height:1.8em;padding:10px 0 10px 0}

#content p a {text-decoration:none;font-weight:bold;color:#f5f5e5;border-bottom:1px solid #403422;padding:0 0 2px 0;}
#content p a:hover {text-decoration:none;font-weight:bold;color:#5b8026;border-bottom:1px solid #403422;padding:0 0 2px 0;}

.white {color:#f5f5e5;}

h4 {
	color: #94C846;
	font-size: 11px;
	padding: 7px;
}

		


/********************************************** 
CASE STUDY IMAGES
**********************************************/

.casestudypic {margin:10px 0 10px 0}

.smpic img {border:1px solid #e4e3db}
.smpic {float:left;margin:0 10px 10px 0;}
.smpic a {text-decoration:none;}
.smpic .caption {padding:5px 0 0 0;font-size:85%;color:#99876d}
/********************************************** 
SIDEBAR
**********************************************/
#sidebar {
	float: right;
	padding: 10px 0 0 20px;
	width: 199px;
	margin:200px 0 20px 0;
	border-left:1px solid #403422
		}


#sidebar ul li {padding:4px 0 4px 0;}		
#sidebar ul li a{color:#e4e3db;text-decoration:none;}
#sidebar ul li a:hover{color:#5b8026;text-decoration:none;}

#sidebar ul ul {margin:0 0 0 15px}
#sidebar ul ul ul {margin:0 0 0 15px}
#sidebar ul ul li {padding:2px 0 2px 0;}		
#sidebar ul ul li a, #sidebar ul ul ul li a{color:#99876d;text-decoration:none;}
#sidebar ul ul li a:hover, #sidebar ul ul ul li a:hover{color:#5b8026;text-decoration:none;}


#sidebar #divider {background: #403422 url(../images/divider.gif) no-repeat;width:175px;height:1px;margin:15px 0 15px 0}
/********************************************** 
HOME PAGE
**********************************************/

#frontcontent {
float: left;
	width: 780px;
	padding:0 20px 0 0;
	margin:160px 0 20px 0;line-height:1.8em;
	}	

#frontcontainer {
  width: 780px; padding:0 0 10px 0 
}

#frontleft {
  float: left;
  padding: 0px 10px 0px 0px;
  width: 560px;
}

#frontright {
  float: right;
  padding: 0px 0px 20px 10px;
  width: 200px;
}


#leftfeature {
  float:left;
  margin:0 20px 20px 0
}

#rightfeature {
  float:right;
  margin:0 0px 20px 0
}


.highlight {width:270px;background:#fefefd url(../images/bottomcorner.gif) no-repeat left bottom;min-height:110px}
.highlight .corner{padding:5px; background:#fefefd url(../images/topcorner.gif) no-repeat left top;}

.highlight dl {padding:0px 5px 0 7px }
.highlight dt img {float:left;padding:0 10px 10px 0}

.highlight dd.headline {font-weight:bold;font-size:110%;color:#7c9951;padding:0 0 3px 0}
.highlight dd {font-weight:normal;color:#000;font-size:90%;line-height:1.3em;padding:5px 0 2px 0}
.highlight a {font-weight:bold;text-decoration:none;color:#7c9951;border-bottom:1px solid #d9d9d0;}

/********************************************** 
FOOTER
**********************************************/
#footer {
	background: #120a08 url(../images/footer_logo.gif) no-repeat;width:780px;clear:both;border-top:1px solid #21220e;margin:0px 0 20px 0;padding:10px 0 20px 0;font-size:90%}
		
/********************************************** 
NAVIGATION
**********************************************/		
		
ul#nav {	width:780px;		/*overflow: hidden;*/	background:transparent url('../images/nav_groundwork.gif') no-repeat 0 0px;	margin:0px 0 0 0;	padding:0}
ul#nav li {	padding:0;	margin:0;	display:block;	float:left;	text-indent:-9999px;	outline:none	}
ul#nav li a {	border:0;	display:block;	text-decoration:none;	background:transparent url('../images/nav_groundwork.gif') no-repeat 0 0px;	outline:none}

ul.list li{
	display: list-item;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	list-style-position: inside;
}

h4.list {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 14px;
}

ul.listbullet li{
	display: list-item;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	list-style-position: outside;
}

h4.list {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-size: 14px;
}


li#navLogo 		a {width:207px; height:116px; }
li#navHome 		a {width:64px; height:116px; }	
li#navAbout 	a {width:81px; height:116px; }
li#navStories 	a {width:56px; height:116px;}	 
li#navGuidance 	a {width:75px; height:116px;}
li#navNetwork 	a {width:67px; height:116px;}
li#navWidgets	a {width:152px; height:116px;}
li#navContact 	a {width:78px; height:116px;}


li#navLogo a:link, li#navLogo a:visited 				{background-position:0px 0px;	}	
li#navLogo a:hover, li#navLogoe a:focus 				{background-position:0px -116px;	 }	
li#navHome a:link, li#navHome a:visited 				{background-position:-207px 0px;	}	
li#navHome a:hover, li#navHome a:focus 					{background-position:-207px -116px;	 }	
li#navAbout a:link, li#navAbout a:visited 				{background-position:-271px 0px;	}	
li#navAbout a:hover, li#navAbout a:focus 				{background-position:-271px -116px;	}	
li#navStories a:link, li#navStories a:visited 			{background-position:-352px 0px;	}	
li#navStories a:hover, li#navStories a:focus 			{background-position:-352px -116px;	}
li#navGuidance a:link, li#navGuidance a:visited 		{background-position:-408px 0px;	}	
li#navGuidance a:hover, li#navGuidance a:focus 			{background-position:-408px -116px;	}
li#navNetwork a:link, li#navNetwork a:visited 			{background-position:-483px 0px;	}	
li#navNetwork a:hover, li#navNetwork a:focus 			{background-position:-483px -116px;	}
li#navWidgets a:link, li#navWidgets a:visited 			{background-position:-550px 0px;	}	
li#navWidgets a:hover, li#navWidgets a:focus 			{background-position:-550px -116px;	}
li#navContact a:link, li#navContact a:visited 			{background-position:-702px 0px;	}	
li#navContact a:hover, li#navContact a:focus 			{background-position:-702px -116px;	}