body  {
	font: 10pt Arial, Helvetica, sans-serif;
	line-height:24px;
	font-stretch:extra-expanded;
	text-align:justify;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #6c6a5d;
	
}

.small {
	font-size: 10px;	
}
.small a{
	font-size: 10px;	
}

.thrColFixHdr #container { 
	width: 100%;
	background:url(/images/background_home.jpg) repeat-x scroll 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.thrColFixHdr #container_sub { 
	width: 100%;	
	background:url(/images/background_sub.jpg) repeat-x scroll 0 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.thrColFixHdr #header 
{
	position:relative;
	width:1000px;
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thrColFixHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.thrColFixHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 539px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url('/images/main_background.jpg') repeat-x;
	padding: 0; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 254px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url('/images/main_background.jpg') repeat-x;
	padding: 0; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #leftcolumn {
	float: left; /* since this element is floated, a width must be given */
	width: 520px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url('/images/main_background.jpg') repeat-x;
	padding: 0; /* padding keeps the content of the div away from the edges */
}
.thrColFixHdr #rightcolumn {
	float: right; /* since this element is floated, a width must be given */
	width: 460px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: url('/images/main_background.jpg') repeat-x;
	padding: 0; /* padding keeps the content of the div away from the edges */
}

.thrColFixHdr #mainContent 
{
	width: 1000px;
	text-align: left;
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */

} 
.thrColFixHdr #footer
{
	width:100%;
	background: url(/images/background_footer.jpg);
	border-top: 2px #6c6a5d solid;
} 
.thrColFixHdr #footer .inner 
{
	text-align:left;
	position:relative;
	width:1000px;
	padding: 25px 10px 20px 50px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
} 
.thrColFixHdr #footer p {
	font: 8pt Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #4e4c43;	
	padding-left:50px;
	font-stretch:expanded;

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.smaller {
	font: 7pt Arial, Helvetica, sans-serif;
	color: #6c6a5d;	
	padding-left:50px;
	font-stretch:expanded;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.thrColFixHdr #footer a {
	font: 8pt Arial, Helvetica, sans-serif;
	color: #4e4c43;	
	font-stretch:expanded;
	text-decoration:none;
}
.thrColFixHdr #footer a:hover
{
	text-decoration:underline;
}
.thrColFixHdr #footer .header {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	color:#FFF;
	font: 11pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.header_links {
	color: #ffffff;
	padding-right: 33px;
	font-size: 10px;	
}
.header_links a{
	font: Arial, Helvetica, sans-serif; 
	font-weight: bolder;
	text-decoration:none;
	font-size: 8px;	
	line-height:26px;
	color: #ffffff;
}
.header_links a:hover{
	color: #00ca25;	
}
.header_links .blue a{
	font: Arial, Helvetica, sans-serif; 
	font-weight: bolder;
	text-decoration:none;
	font-size: 8px;	
	line-height:26px;
	color: #ffffff;
}
.header_links .blue a:hover{
	color: #000033;	
}
.content {
	font: 10pt Arial, Helvetica, sans-serif;
	color: #6c6a5d;	
	line-height:24px;
	padding-left:20px;
	font-stretch:expanded;
	width: 470px;
}
.subhead {
	color:#7bce4c; /* green */
	font: 13pt Arial, Helvetica, sans-serif;
	line-height: 20px;
}
A.section {
	color:#6d6b5e;	/* grey */
	font: 13pt Arial, Helvetica, sans-serif;
	text-decoration:none;
}
A.section:hover {
	color:#7bce4c;
	text-decoration:none;
}
A {
	font: 10pt Arial, Helvetica, sans-serif;
	color:#7bce4c; 
	text-decoration:none;	
	font-stretch:expanded;
}
A:hover {
	text-decoration:underline;	
}


h1 {
	font: 14pt bolder "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7bce4c;
	line-height:normal;
	margin:20px 0 0 0;
	padding:0;
}
h2 {
	color:#7bce4c; /* green */
	font: 13pt Arial, Helvetica, sans-serif;
	line-height: 30px;
	margin:0;
	padding:0;
}
h3 {
	color:#6d6b5e;
	font: 12pt Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}
A.h3 {
	font: 12pt Arial, Helvetica, sans-serif;
	color:#7bce4c; 
	text-decoration:none;	
	font-stretch:expanded;
}
A.h3:hover {
	text-decoration:underline;	
}
.lightbulb 
{
	padding-left:138px;
}
	
.contentarea 
{
	
}

.subnavigation 
{
	color:#7bce4c;
}
A.subnavigation  {
	font: 10pt Arial, Helvetica, sans-serif;
	color:#7bce4c; 
	text-decoration:none;	
	font-stretch:expanded;
}
A.subnavigation :hover {
	text-decoration:underline;	
}
h4 {
	font: 12pt bolder "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#7bce4c;
	line-height:normal;
	margin:20px 0 0 0;
	padding:0;
}
.highlight {
	color:#7bce4c; /* green */
	font: 10pt bolder Arial, Helvetica, sans-serif;
	line-height:24px;
}
.highlight_blue {
	color:#001bbe;
	font: 10pt bolder Arial, Helvetica, sans-serif;
	line-height:24px;
}


ul.download {list-style-image:url(zip.gif);}
ul.download li {padding-left:5px; font-size:11px; line-height:1.5em;}

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_drop5.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav {background:url(/images/header_background.jpg) no-repeat 0 30px;}

.prodrop5 {padding:0 0 0 0; margin:0; list-style:none; height:42px; position:relative; z-index:500; text-align:left; font-family:arial, verdana, sans-serif;}

.prodrop5 li.top {display:block; float:left;}

.prodrop5 li a.pos1 {background:url(/images/nav_about.jpg); width:77px; height:42px; display:block; text-indent:-99999px;} 
.prodrop5 li a.pos2 {background:url(/images/nav_services.jpg); width:171px; height:42px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos3 {background:url(/images/nav_casestudies.jpg); width:114px; height:42px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos4 {background:url(/images/nav_news.jpg); width:130px; height:42px; display:block;text-indent:-99999px;} 
.prodrop5 li a.pos5 {background:url(/images/nav_contact.jpg); width:96px; height:42px; display:block;text-indent:-99999px;} 

.prodrop5 li.p1 {background:url(/images/nav_about_over.jpg);} 
.prodrop5 li.p2 {background:url(/images/nav_services_over.jpg);} 
.prodrop5 li.p3 {background:url(/images/nav_casestudies_over.jpg);} 
.prodrop5 li.p4 {background:url(/images/nav_news_over.jpg);} 
.prodrop5 li.p5 {background:url(/images/nav_contact_over.jpg);} 

.prodrop5 li.current a.pos1,
.prodrop5 li.current a.pos1:hover {background:url(/images/nav_about_over.jpg);} 
.prodrop5 li.current a.pos2,
.prodrop5 li.current a.pos2:hover {background:url(/images/nav_services_over.jpg);} 
.prodrop5 li.current a.pos3,
.prodrop5 li.current a.pos3:hover {background:url(/images/nav_casestudies_over.jpg);} 
.prodrop5 li.current a.pos4,
.prodrop5 li.current a.pos4:hover {background:url(/images/nav_news_over.jpg);} 
.prodrop5 li.current a.pos5,
.prodrop5 li.current a.pos5:hover {background:url(/images/nav_contact_over.jpg);} 

.prodrop5 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop5 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop5 li:hover {position:relative; z-index:200;}

.prodrop5 li a.top_link:hover {background:transparent;} 
.prodrop5 li:hover > a.top_link {background:transparent;} 

/* keep the 'next' level invisible by placing it off screen. */
.prodrop5 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.prodrop5 :hover ul {left:0; top:30px; background:url(/images/background_grey.jpg); padding:3px; white-space:nowrap; height:auto; width:auto; z-index:300;}
.prodrop5 :hover ul li {display:block; height:20px; position:relative; font-weight:normal; width:auto;}
.prodrop5 :hover ul li a {display:block; font-size:12px; height:20px; line-height:20px; width:auto; padding:0 10px; color:#fff; background:transparent; text-decoration:none;}
.prodrop5 :hover ul li a:hover {color:#7bce4c;text-decoration:none;}

.facts {
	list-style:none;
	color:#6d6b5e; /* grey */
	font: bold 10pt Arial, Helvetica, sans-serif;
	line-height: 20px;
}


/* ---------------- Begin  Ticker box CSS ----------------- */

.tickerbox {width:218px;margin:10px;padding:0;height:126px;}
.tickerbox ul {width:178px; position:relative;}
.tickerbox li {
width:100%;
list-style:none;
list-postion:inside;
position:absolute;
left:3px;
overflow:hidden
}

/* ---------------- End  Ticker box CSS ----------------- */
.hovered {}
.box {border:4px groove #FFFF00; display:none}

.notes {width:50%}
.mods {position:relative;margin:60px}


ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#fff; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:38px; left:0; background:#8c8980; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border-top:none; width:160px; margin-left:10px;}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#8c8980}
ul.menu ul li a:hover {color:#7bce4c;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(images/header.gif); width:134px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(images/header_over.gif)}
ul.menu .sub {background:#8c8980 url(/images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:0px solid #aaa}

ul.menu li a.pos1 {background:url(/images/nav_about.jpg); width:77px; height:42px; display:block; text-indent:-99999px;} 
ul.menu li a.pos2 {background:url(/images/nav_services.jpg); width:171px; height:42px; display:block;text-indent:-99999px;} 
ul.menu li a.pos3 {background:url(/images/nav_casestudies.jpg); width:114px; height:42px; display:block;text-indent:-99999px;} 
ul.menu li a.pos4 {background:url(/images/nav_news.jpg); width:130px; height:42px; display:block;text-indent:-99999px;} 
ul.menu li a.pos5 {background:url(/images/nav_contact.jpg); width:96px; height:42px; display:block;text-indent:-99999px;} 

ul.menu li.p1 {background:url(/images/nav_about_over.jpg);} 
ul.menu li.p2 {background:url(/images/nav_services_over.jpg);} 
ul.menu li.p3 {background:url(/images/nav_casestudies_over.jpg);} 
ul.menu li.p4 {background:url(/images/nav_news_over.jpg);} 
ul.menu li.p5 {background:url(/images/nav_contact_over.jpg);} 

ul.menu li a.pos1:hover {background:url(/images/nav_about_over.jpg);} 
ul.menu li a.pos2:hover {background:url(/images/nav_services_over.jpg);} 
ul.menu li a.pos3:hover {background:url(/images/nav_casestudies_over.jpg);} 
ul.menu li a.pos4:hover {background:url(/images/nav_news_over.jpg);} 
ul.menu li a.pos5:hover {background:url(/images/nav_contact_over.jpg);}