/* CSS Document */

body {
	font-family: Arial;
	font-size: 0.7em;
	font-style: normal;
	color: #666666;
	background-color: #000000;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}

#date {
	text-align: left;
	width: 760px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 4px;
	background-color: #000000;
	padding-left: 18px;
	margin-left: auto;
	margin-right: auto;
	}
	
#wrapper {
	width: 760px;
	background-color: #FFFFFF;
	background-image: url(../images_2/navstrip2.jpg);
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	}
	


/** HEADER/NAVIGATION **/
	
#header {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 10px 0;	
	width: 760px;
	margin-bottom: 0px;
	}
	
.header {
	border: 0;
	margin-top: 0px;
	}
	
#nav {
	text-align: left;
	margin-top: 1px;
	width:760px;
	margin: 0 auto }
	
#nav ul {
	font-size: 0.9em;
	color: #FFFFFF;
	background:url(../images_2/04evosystemimages/graphics/rangepagetitlebg01.jpg) center repeat-x;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 18px;
	border-top: 1px solid #333;
	}

#nav li {
	display: inline;
	}

#nav li a:link {
	text-decoration: none;
	color: #ffffff;
	border: none;
	}

#nav li a:visited {
	text-decoration: none;
	color: #ffffff;
	border: none;
	}

#nav li a:hover {
	text-decoration: none;
	color: #66CC00;
	border: none;
	}

#nav li a:active {
	text-decoration: none;
	color: #66CC00;
	border: none;
	}

/************/


#pagetitle { 
	width:720px;
	margin: 0 auto; padding:0px 20px 15px 20px;
	background:#000;
	border-bottom:1px solid #333;
	}
	
#pagetitle > ul { 
	width:758px; 
	margin: 0 auto; padding:20px 0 0 0;
	}
	
#pagetitle > ul > li { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:100; font-size: 20px; list-style-type:none; text-shadow:#333 }	
#pagetitle > ul > li > span { font-family:Arial, Helvetica, sans-serif; color:#09F; font-weight:100; font-size: 20px; list-style-type:none; text-shadow:#333 }	

/************/

	
#welcome {
	padding: 16px 0px 16px 22px;
	}
	
	
/**------------------------------------------------------------------------**/
/**------------------------------------------------------------------------**/	

	
/** MAIN CONTENT **/


#maincontent {
	width: 760px;
	}	
	
	

/** SIDENAV CONTENT **/

#sidenav {
	width: 160px;
	color: #FFFFFF;
	background-color: #222;
	float: left;
	}
	
#sidenav ul {
	margin: 10px 0px 0px 0px;
	padding: 4px 15px 15px 14px;
	}

#sidenav li {
	display: list-item;
	list-style-type: none;
	margin-top: 6px;
	padding: 0 0 2px 0px;

	/**border-bottom: #FFFFFF solid 1px;**/
	}

#sidenav li a:link {
	text-decoration: none;
	line-height: 18px;	
	color: #FFFFFF;
	border: none;
	margin: 0 0 0 0px;
	padding: 3px 3px 3px 3px;
	}

#sidenav li a:visited {
	text-decoration: none;
	color: #FFFFFF;
	border: none;
	}

#sidenav li a:hover {
	text-decoration: none;
	color: #FFF;
	border: none;
	background: #66CC00;
	}

#sidenav li a:active {
	text-decoration: none;
	color: #000000;
	border: none;
	}
	
#sidenav li a.home { padding:4px; background: #444; color:#FFF }	
#sidenav li a.home:hover { padding:4px; background: #66CC00; color:#FFF }	
	
	

/**------------------------------------------------------------------------**/
/**------------------------------------------------------------------------**/


/** MAIN CONTENT RIGHT - Logo/Link Text **/

#contentrighttop {
	width: 570px;
	float: right;
	color: #333333;
	}
	
.linktext {
	padding: 20px 0px 0px 15px;
	font-size: 11px;
	}
	
#contentrighttop a:link {
	color: #333333;
	border: none;
	}

#contentrighttop a:visited {
	color: #333333;
	border: none;
	}

#contentrighttop a:hover {
	color: #66CC00;
	border: none;
	}

#contentrighttop a:active {
	color: #66CC00;
	border: none;
	}



/** MAIN CONTENT RIGHT TOP - Three Main Products **/

#contentrightmiddle {
	width: 570px; 
	margin: 0px 0px 0px 0px;
	float: right;
	}


#left_column {
	width: 175px; 
	float: right;
	margin-left: 0px;
	}

#right_column {
	width: 175px; 
	float: right;
	}

dl.latest dd {
	margin: 0;
	}

dl.list {
	width: 175px; 
	padding-right: 11px; 
	float: left;
	}

dl.list dd {
	border-top: 1px solid #CCC;
	background-color:#EEE;
	margin-top: 1px;
	padding: 5px;
	color: #FFFFFF;
	font-size: 11px; 
	font-weight: normal;
	}
	
#contentrightmiddle a:link {
	color: #111;
	border: none;
	text-decoration: none;
	}

#contentrightmiddle a:visited {
	color: #111;
	border: none;
	}

#contentrightmiddle a:hover {
	color: #66CC00;
	border: none;
	}

#contentrightmiddle a:active {
	color: #66CC00;
	border: none;
	}
	

/**------------------------------------------------------------------------**/
	
/** MAIN CONTENT RIGHT Bottom - Product Shot **/

#contentrightbottom {
	width: 570px;
	float: right;
	margin: 20px 0px 10px 0px;
	}
	
#contentrightbottom a img {
	border:medium none !important;
	}
		


/**------------------------------------------------------------------------**/



/** MAIN CONTENT RIGHT - PRODUCT**/

#contentright2 {
	width: 390px;
	margin: 13px 0px 0px 15px;
	float: left;
	background-color:#FFFFFF;
	color: #333333;
	padding: 0px 5px 5px 5px;
	}
	
#contentright2 a:link {
	color: #333333;
	border: none;
	}

#contentright2 a:visited {
	color: #333333;
	border: none;
	}

#contentright2 a:hover {
	color: #66CC00;
	border: none;
	}

#contentright2 a:active {
	color: #66CC00;
	border: none;
	}
	
h1 {
	font-size: 14px;
	}
	
	


	
textarea {
	margin-left: 7px;
	padding:2px;
	width:300px;
	font-family: Arial;
	font-size:11px;
	border: none;
	color: #333333;
	background-color: #CCCCCC;
	}
	
.button {
	margin-left: 0px;
	width: 60px;
	color: #FFFFFF;
	background-color: #333333;
	}
	
.note {
	width: 300px;
	}
	
.newsimage {
	padding: 2px 8px 0px 0px;
	}

#faq ul {
	margin-left: 0px;
	background-color:#FFFFFF;
	list-style-type:none;
	padding-left:0px;
	}
	
#faq li {	
	margin-top: 5px;
	}

#faq ul a:link {
	color: #333333;
	border: none;
	}

#faq ul a:visited {
	color: #333333;
	border: none;
	}
	
#faq ul a:hover {
	color: #66CC00;
	border: none;
	}

#faq ul a:active {
	color: #66CC00;
	border: none;
	}
	

/***********************************************************/

#downloadimages ul { margin-left: 0px; background-color:#FFF; list-style-type:none; padding-left:0px;	}
#downloadimages li { margin-top: 5px; }
#downloadimages ul a:link { color: #333333;	border: none; }
#downloadimages ul a:visited { color: #333333;	border: none; }
#downloadimages ul a:hover { color: #6C0; border: none; }
#downloadimages ul a:active { color: #6C0; border: none;	}
#downloadimages > h2 { padding: 0; color: #6C0; margin:25px 0 5px 0; font-size:30px; }
#downloadimages > h3 { background:#222; padding: 5px 5px 3px 5px; color: #FFF; font-weight:normal; border-bottom:1px #333 solid; margin:20px 0 5px 0; }
#downloadimages > h3 > span { color: #6C0; font-weight:bold; }
#downloadimages > h4 { color: #333; margin:25px 0 0 0; font-size:16px; }

#downloadsnav > ul.nextpage { margin:10px 0 0 0; padding:5px 0 10px 0; background:#222; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6C0; text-align:right;  }
#downloadsnav > ul.nextpage > li { text-align:right; padding: 0 10px; list-style-type:none; display: inline-block; }
#downloadsnav > ul.nextpage > li > a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; padding: 4px; background:#333 }
#downloadsnav > ul.nextpage > li > a:hover { color:#666; background:#FFF; } 
#downloadsnav > ul.nextpage > li > a.currentpage { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6C0; text-decoration:none; font-weight:bold }

#downloadsnav > ul.nextpage > li.prev { text-align:left; } 
#downloadsnav > ul.nextpage > li.next { text-align:right; } 

#downloadsnav > ul.prevpage { margin:0; padding:5px 0 10px 0; background:#222; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6C0; }
#downloadsnav > ul.prevpage > li { text-align:left; padding-left: 10px; }
#downloadsnav > ul.prevpage > li > a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6C0; text-decoration:none; text-align:right }
#downloadsnav > ul.prevpage > li > a:hover { color:#666; } 



/***********************************************************/	
/************/



#productdescription { width:355px; padding:0; margin: 40px 0 0 10px; /*border:1px solid #f00;*/ }
#productdescription > h1 { font-size:16px; color:#66CC00 }
#productdescription > p { font-size:11px; line-height:14px }

#productdescription > ul { float: left; width:225px; padding:20px 0 0 0; margin:10px 0 0 0; border-top:1px solid #AAA; /*border:1px solid #f00;*/ }
#productdescription > ul > li { list-style-type:none; line-height:15px; padding:0; margin:0; }
#productdescription > ul > li > a { background: url(../images_2/clickgreen.jpg) no-repeat left; padding: 0 0 0 12px; color:#333; text-decoration:none }
#productdescription > ul > li > a:hover { color:#66CC00; }

#productappshots {
	width: 170px; margin: 424px 0px 0px 0px; float: left; padding: 0px 0 0 0; color: #333333; /*border: 1px solid #F00;*/ }

/************/

	
	
/** MAIN CONTENT RIGHT - Images**/

#contentright2spec {
	width:170px;
	margin: 5px 0px 0px 0px;
	float: right;
	}
	
.contentright2spec {
	padding-bottom: 5px;
	border: none;
	}
	
.contact {
	padding-left: 7px;
	}
	
.contact a:link {
	color: #333333;
	border: none;
	}

.contact a:visited {
	color: #333333;
	border: none;
	}
	
.contact a:hover {
	color: #66CC00;
	border: none;
	}

.contact a:active {
	color: #66CC00;
	border: none;
	}
	
#saw {
	margin: 5px 0px 8px 0px;
	float: right;
	}

.events {
	vertical-align: top;
	color:#333333;
	margin-top:19px;
	font-size: 16px;
	padding-left: 7px;
	}	



/**------------------------------------------------------------------------**/


#popupnav {
	margin-top: 19px;
	margin-bottom: 8px;
	}

#popupnav li {
	background-color:#66CC00;
	font-weight: bold;
	display: inline;
	}

#popupnav a:link {
	text-decoration: none;
	background-color:#66CC00;
	padding: 4px 7px;
	color: #FFFFFF;
	}

#popupnav a:visited {
	text-decoration: none;
	background-color:#66CC00;
	padding: 4px 7px;
	color: #FFFFFF;
	}

#popupnav a:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999999;
	padding: 4px 7px;
	}

#popupnav a:active {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999999;
	padding: 4px 7px;
	}



/**------------------------------------------------------------------------**/
/**------------------------------------------------------------------------**/


/** FOOTER **/

#footer {
	clear: both;
	background:url(../images_2/04evosystemimages/graphics/rangepagetitlebg01.jpg) center repeat-x;
	}
	
#footer ul {
	border-bottom: 1px solid #555;
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
	text-align: right;
	color: #FFFFFF;
	}
	
#footer li {
	display:inline;
	list-style:none;
	}
	
#footer li a:link {
	color: #FFFFFF;
	text-decoration:none;
	}

#footer li a:visited {
	color: #FFFFFF;
	text-decoration:none;
	}

#footer li a:hover {
	color: #66CC00;
	text-decoration:none;
	}

#footer li a:active {
	color: #66CC00;
	text-decoration:none;
	}			
	
	
	

#footermenu {
	width: 760px;
	height: 50px;
	background-color: #000;
	margin:0 auto 20px auto; 
	}
	
#footermenu table {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
	line-height: 16px;
	}
	
#footermenu td {
	padding: 0 20px 0 20px }

#footermenu td.copyright {
	text-align:left;
	font-size:9px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#footermenu td a:link {
	color: #FFFFFF;
	text-decoration:none;
	}

#footermenu td a:visited {
	color: #FFFFFF;
	text-decoration:none;
	}

#footermenu td a:hover {
	color: #CCCCCC;
	text-decoration:none;
	}

#footermenu td a:active {
	color: #CCCCCC;
	text-decoration:none;
	}							

	
	
	
	
	
	
	
	
#footer2 {
	width: 760px;
	height: 230px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	clear: both;
	border-top: 10px solid #222;
	border-bottom: 1px solid #222;
	background:url(../images_2/01newgraphics/logos/evolutionswoosh3.png) 680px 160px no-repeat #000;
	}
	
#footer2 ul {
	display:inline-block;
	width: 155px;
	font-size:11px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	text-align: left;
	line-height: 19px;
	color: #FFFFFF;
	border-left: 1px solid #222;
	float:left;
	}
	
#footer2 li {
	list-style: none;
	}
#footer2 li.paddingleft { padding:0 0 0 10px }

#footer2 li h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#6C0; font-weight:bold; padding: 3px 0 0 0; margin: 0px	}
	
#footer2 li b {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6C0; font-weight:bold;	}
	
#footer2 li a:link {
	color: #FFFFFF;
	text-decoration:none;
	padding: 0 0 0 0px;
	}

#footer2 li a:visited {
	color: #FFFFFF;
	text-decoration:none;
	}

#footer2 li a:hover {
	color: #AAA;
	text-decoration:none;
	}

#footer2 li a:active {
	color: #CCCCCC;
	text-decoration:none;
	}	


	
	
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/	
	
#project02 { width:740px; background:#111; padding:10px; margin: 0 auto; }
#project02 > a { font-size:10px; color:#FFF; text-decoration:underline; }
	
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/