@charset "UTF-8";
/* CSS Document */

/*
HOUSECLEANING --------------------- */
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, font, ins, kbd, q, s, samp, small,
strike, 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: #fefde9;}
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 { container: ""; }
blockquote, q { quotes: "" ""; }

br { clear:both; }

body {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color:#ffffff;
	margin:0;
	padding:0;
	background:url(/images/gradientBG.jpg);
	background-repeat: repeat-x;
	background-position: center -50px;
	background-color: #323131;
}

a {margin:0; padding:0; font-weight: bold; color: #878723; text-decoration: none;}
a:link {color: #9bb445;}
a:visited {color: #9bb445;}
a:hover {color: #8ea53e; text-decoration: underline;} 

strong{

	margin:0px;
	padding:0px;
	font-weight: bold;
}

em {

	margin:0px;
	padding:0px;
	font-style: italic;
}

p{

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#wrapper {width:960px; margin:0 auto; text-align:left;}

#header {

	margin:0 auto;
	padding-bottom: 28px;
	text-align:left;
	border-bottom: 2px solid #9bb445;
	
}

#header h1 {

	float: left;
	
	margin-top: 24px;
	margin-bottom: 5px;
	padding: 0px;

}

#header h1 a{

	display: block;

	font-size: 1px;
	text-indent: -9999px;
	
	width: 212px;
	height: 57px;
	background:url(/images/engenuityLogo.jpg); 

}

#header h1 a:hover{background-position:0 -57px;}

#tagline{margin-left: 10px;}

#tagline img{
	
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;

}

#flashreload a{float: right; font-size: 0px; background: url(/images/video.gif); width: 260px; height: 17px; margin: 40px 0px 0px 0px;}

ul#topnav{position: relative; float: right;}

ul#topnav li{float: left; margin-left: 20px;}

ul#topnav li a{display: block; height: 12px; padding: 0px 18px 0px 0px; color: #323232; text-decoration: none;}

ul#topnav li#news a{width: 50px; background:url(/images/iconNews.jpg); background-repeat: no-repeat; background-position: top right;}
ul#topnav li#contactus a{width: 80px; background:url(/images/iconContact.jpg); background-repeat: no-repeat; background-position: top right;}
ul#topnav li#search a{width: 50px; background:url(/images/iconSearch.jpg); background-repeat: no-repeat; background-position: top right;}
ul#topnav li#twitter a{width: 50px; background:url(/images/iconTwitter.jpg); background-repeat: no-repeat; background-position: top right;}
ul#topnav li#facebook a{width: 65px; background:url(/images/iconFacebook.jpg); background-repeat: no-repeat; background-position: top right;}

ul#topnav li#news a:hover{text-decoration: none; color: #ffffff; background-position: right -13px;}
ul#topnav li#contactus a:hover{text-decoration: none; color: #ffffff; background-position: right -13px;}
ul#topnav li#search a:hover{text-decoration: none; color: #ffffff; background-position: right -13px;}
ul#topnav li#twitter a:hover{text-decoration: none; color: #ffffff; background-position: right -13px;}
ul#topnav li#facebook a:hover{text-decoration: none; color: #ffffff; background-position: right -13px;}

#internalcontent{display: block; width: 960px; margin:26px 0px 20px 0px; padding:0px; min-height:400px;}



#leftcolumn{width: 210px; margin: 0px; padding: 0px; float: left;}

ul#sidenav {

	margin-top: 8px;
	margin-left: 8px;

}

ul#sidenav li{

	margin-bottom: 20px;	

}

ul#sidenav li a{
	
	font-size: 16px;
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
}

ul#sidenav li a:hover, ul#sidenav li.active a{text-decoration: none; color: #9bb445;}


ul#sidenav li ul{
	
	margin: 5px 0px 0px 5px;

}

ul#sidenav li ul li{
	
	margin-bottom: 5px;

}

ul#sidenav li ul li a, ul#sidenav li.active ul li a {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
}

ul#sidenav li ul li a:hover, ul#sidenav li ul li.active a{color: #9bb445;}


#flashobjects{

	float: left;

	width: 421px;
	
	margin: 0px; 
	padding: 0px;

}

#flashobject1{

	float:left;
	margin: 0px;
	padding: 0px;
	width: 421px;
	height: 306px;
	background: none;	

}

#flashobject2{

	margin: 0px auto;
	padding: 0px;
	width: 370px;
	height: 95px;
	background: none;	

}


#pullquote{

	display: block;
	float: left;
	width: 305px;
	margin: 8px 0px 0px 20px;
	padding: 0px;
	line-height: 175%;
}

#pullquote h2{

	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 25px;
	float: left;
	text-transform: uppercase;
	color: #9bb445;
	margin-bottom: 10px;
}

#pullquote p{

	font-size: 13px;
	line-height: 135%;
	margin-bottom: 13px;

}


#pullquote sup{font-weight: bold; color: #9bb445;}

#pullquote p{font-family: Helvetica, Arial, sans-serif; clear: both;}

#footer {
	display: block;
	position: relative;
	width: 960px;
	clear: both;
	text-align:left;
	padding-top: 7px;
	border-top: 2px solid #9bb445;
}

#address {

	float: left;
	
}

#address p{

	margin-bottom: 5px;
	
}

ul#footernav {

	float: right;

}

ul#footernav li{

	float: left;
	margin-left: 28px;
	
}

.clear
{
     clear: both;
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
}

