/* CSS Reset */
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, caption {
	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: "" "";
}


/* End Reset */


html { height: 100%; margin-bottom: 1px; }
body 
{
	margin:0px;
	color:#333;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:68.5%;
	background: #fff;
}

/* --------------------------------------------------------------------- MAIN LAYOUT */

#pageWrapper
{
	width:760px;
	height:auto;
	margin:0 auto;
	background-color: #fff;
    font-size: inherit; 
}

#topBanner
{
	width:760px;
	background-image:url(../images/topBanner.gif);
	background-repeat:no-repeat;
	height:94px;
}

#topMenu
{
	width:760px;
	background-color:#c9e1a0;
	height:32px;
}

#mainContent 
{
    padding:0;
    margin:0;   
    width: 760px;
}
* html #mainContent
{
	zoom: 1;
}

#footer
{
	width:100%;
	height:20px;
	background-color:#c9e1a0;
	color:black;
	margin-top:10px;
	padding: 10px 0 0 0;
	text-align: center;
}


/* TEXT STYLES */
#mainContent a {
    color: #3CD5FB;
    text-decoration: none;
}
#mainContent a:hover { text-decoration: underline; }
#mainContent h1, #homeLeftText h1
{
	font-weight:bold;
	color:#005d00;
	font-size:1.8em;
	padding-bottom: .4em;
}

#mainContent h2
{
	font-weight:bold;
	color:#005d00;
	font-size:1.4em;
}
#mainContent p { font-size: 1.2em; }

/************ HOME SPECIFIC STYLES **************/


#homeButtons
{
	width:232px;
	height:436px;
	float:right;
}
#homeButtons img
{
	border: none;
	padding: 5px 0 0 0;
}
#content 
{
    /*margin: 20px 232px 20px 175px; */
    margin: 20px 0 20px 0;
    padding: 0 5px;
    border-left: 1px solid #333;
    min-height: 396px;
    float:left;
    width: 333px;
    
}
* html #content { height: 386px; } /*IE fix */

#homeLeftText
{
	width:165px;
	padding:20px 5px 0 0;
	float:left;
}
#bottomMenu ul
{
    list-style: none;
    text-align: center;
    font-size: 1em;
    padding: 5px 0;
    color: #333;
}
#bottomMenu li
{
    display: inline;
    padding: 15px;
}
.homePage #footer
{
	margin-top:0;
}
/* ----------------------------------------------------------------------------- PRODUCTS SPECIFIC STYLES */

.projectPage #mainContent
{
	width:575px;
	height:auto;
	padding: 0 0 0 185px;
}
#productImage
{
	width:572px;
	height:252px;
	border-bottom:5px solid #005d00;
	/*float:left;*/
}

#caseStudies
{
	width:760px;
	height:auto;
	background:url(../images/caseStudiesBG.gif) no-repeat;
}

#caseStudySummary
{
	float:left;
	width:180px;
	padding-top:15px;
	height:auto;
	font-size:10px;
}

#mainCaseStudy
{
	height:auto;
	float:left;
	width:372px;
	padding-top:35px;
	font-size:10px;
	padding-right:10px;
	padding-left:10px;
}

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

.clearRight
{
	clear:right;
}

.clearLeft
{
	clear:left;
}

.clearBoth
{
	clear:both;
}