/* 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;
	margin: 0px auto 0px auto;
	background: #FFF;
	/*border: 1px solid #F00;	*/
	}
	
#wrapper2 {
	width: 750px; 
	margin: 0px auto 0px auto;
	float: right;  
	background-color: #FFF;
	}
	
#wrapper3 {
	width: 750px;
	height: 302px;
	margin: 0px auto 0px auto;
	padding:10px 0 0 8px;
	background: #333;
	border: 1px solid #333;
	border-top:1px solid #444;
	}	

/** HEADER/NAVIGATION **/
	
#header {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 0 10px 0;	
	width: 760px;
	margin-bottom: 0px;
	}
	
.header {
	border: 0;
	}
	
#nav {
	width: 760px;
	margin: 0px auto 0px auto;
	text-align: left;
	margin-top: 0px;
	}
	
#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: #CCCCCC;
	border: none;
	}

#nav li a:active {
	text-decoration: none;
	color: #CCCCCC;
	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 8px 18px;
	color: #333333;
	clear: both;
	}

#welcome a:link {
	color: #333;
	border: none;
	}

#welcome a:visited {
	color: #333;
	border: none;
	}

#welcome a:hover {
	color: #999;
	border: none;
	}

#welcome a:active {
	color: #999;
	border: none;
	}
	
	
	
	/** ABOUT US **/
	
#aboutus { width:678px; padding:40px 0 0px 40px; }
#aboutus > ul { width:300px; padding:0 35px 20px 0; margin:10px 0px 10px 0; float:left; }
#aboutus > ul > h1 { padding:10px 0 0px 0; font-size:16px }
#aboutus > ul > p { padding:10px 0 0px 0; }



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



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

#productdescription > ul { float: left; width:175px; 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/clickorange.gif) no-repeat left; padding: 0 0 0 12px; color:#333; text-decoration:none }
#productdescription > ul > li > a:hover { color:#FF7700; }

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

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

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



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

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

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

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




/** CONTENT **/
#mainvideo { left: 0px; margin: 10px auto 0px auto; width: 760px; height: 480px; color: #111; display:block; background:url(../images_2/04evosystemimages/graphics/rangepagetitlebg01.jpg) #000 repeat-x left bottom; /*border: 1px solid #F00;*/ }
#mainvideo > ul { margin: 19px 15px 10px 0px; padding: 0px; float:right; }
#mainvideo > ul > li > a { margin: 0px; padding: 0px 10px 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#F70; list-style-type:none; text-decoration:none; /*border-right: 1px solid #F70;*/ }
#mainvideo > ul > li > a:hover { color:#FFF; list-style-type:none; text-decoration:none }

#thankyou4wrapper {
	width: 750px;
	border: 1px solid #F00;
	}	

#left_column {
	width: 480px; 
	float: right;
	}

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

dl.latest dt {
	background: #e2dfa8; 
	padding: 5px;
	}

dl.latest dd {
	margin: 0; 
	padding: 5px 5px 5px 8px;
	}

dl.latest dd a, dl.latest dd a:visited {
	text-decoration: none; 
	color: #666666;
	}

dl.latest dd a em {
	font-style: normal; 
	font-weight: bold; 
	float: right; 
	color: #666666;
	}

dl.latest dd a:hover {
	text-decoration: none;
	}

dl.latest dd a:hover em {
	cursor: pointer; 
	text-decoration: none;
	}

dl.list {
	width: 240px; 
	padding-right: 10px; 
	float: left;
	}

dl.list dd {
	color: #ffffff; 
	background: #222;
	}

dl.list dd a, dl.list dd a:visited {
	color: #ffffff;
	}

dl.list_last {
	margin-right: 0;
	}
	
#link ul {
	background-color:#FFFFFF;
	list-style-type:none;
	padding-left:0px;
	}
	
#link li {	
	margin-top: 5px;
	}

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

#link ul a:visited {
	color: #333333;
	border: none;
	}
	
#link ul a:hover {
	color: #CCCCCC;
	border: none;
	}

#link ul a:active {
	color: #CCCCCC;
	border: none;
	}
	
	
	
	
	
	

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

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

#contentright2 a:hover {
	color: #999;
	border: none;
	}

#contentright2 a:active {
	color: #999;
	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 {
	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: #999;
	border: none;
	}

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





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

#downloadspage { padding-bottom:30px; }
#downloadspage ul { margin-left: 0px; list-style-type:none; padding-left:0px;	}
#downloadspage li { margin-top: 5px; }
#downloadspage td.border { border: none; }
#downloadspage td a { color: #FFF; font-size:12px; text-decoration:none; }
#downloadspage td.border:hover { color: #111; border: none; background:url(../downloads/01images/downloadicon6.png) no-repeat center }

#downloadspage > h2 { padding: 0; color: #F70; margin:25px 0 5px 0; font-size:30px; }
#downloadspage > h3 { padding: 5px 5px 6px 5px; color: #FFF; font-weight:normal; border-bottom:1px #333 solid; margin:20px 0 10px 0; font-size:16px; }
#downloadspage > h3 > span { color: #AAA; font-weight:bold; }
#downloadspage > h4 { background:#222; padding: 5px 5px 4px 5px; color: #FFF; font-weight:normal; margin:10px 0 5px 0; font-size:11px; line-height:15px }
#downloadspage > h4 > span { color: #AAA; font-weight:bold; }






#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; } 



/***********************************************************/	
	
/** 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: #FF6600;
	border: none;
	}

.contact a:active {
	color: #FF6600;
	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:#FF9900;
	font-weight: bold;
	display: inline;
	}

#popupnav a:link {
	background-color:#666;
	padding: 4px 7px;
	color: #FFFFFF;
	}

#popupnav a:visited {
	background-color:#666;
	padding: 4px 7px;
	color: #FFFFFF;
	}

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

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



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




/** FOOTER **/

#footer {
	clear: both;
	background-color:#333333;
	width: 760px;
	margin: 0px auto;
	background:url(../images_2/04evosystemimages/graphics/rangepagetitlebg01.jpg) center repeat-x;
	}
	
#footer ul {
	border-bottom: 1px solid #222;
	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: #CCCCCC;
	text-decoration:none;
	}

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

#footermenu {
	clear:both;
	background-color: #000;
    width: 760px;
	margin: 0px 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/evolutionswoosh.png) 680px 160px no-repeat #000;
	}
	
#footer2 ul {
	display:inline-block;
	width: 150px;
	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:#555; font-weight:bold; padding: 3px 0 0 0; margin: 0px	}
	
#footer2 li b {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; 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;
	}		





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










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

#mainimage { margin: 10px auto 10px auto; width: 760px; height: 480px; padding:0 0 0 0; background:#000; /*border: 1px solid #F00;*/ }
#slides { width:765px; height: 255px; margin: 10px auto 0px auto; /*border: 1px solid #F00;*/  }
#slides .prev { position: relative; top: 65px; left: -122px; width: 120px; height: 120px; display: block; z-index: 101; color: #000; background:url(../images_2/04evosystemimages/graphics/arrowleft01.jpg) no-repeat; /*border: 1px solid #f00;*/ }
#slides .prev:hover { background-image:url(../images_2/04evosystemimages/graphics/arrowleft02.jpg); }
#slides .next {	position: relative; top: -55px; left: 767px; width: 120px; height: 120px; display: block; z-index: 101; color: #000; background:url(../images_2/04evosystemimages/graphics/arrowright01.jpg) no-repeat; /*border: 1px solid #f00;*/ }
#slides .next:hover { background-image:url(../images_2/04evosystemimages/graphics/arrowright02.jpg); }

/* Load CSS before JavaScript */
/* Slides container Important: Set the width of your slides container. Set to display none, prevents content flash. */
		.slides_container { width:765px; display:block; border:1px solid #F00; }
/* Each slide Important: Set the width of your slides If height not specified height will be set by the slide content. Set to display block. */
		.slides_container div { width:765px; height:255px; display:block; }
/* Optional: Reset list default style */
		.pagination { list-style:none; margin:0; padding:0;	}
/* Optional: Show the current slide in the pagination */
		.pagination .current a { color:red; }


#slider { position:relative; 
width:760px; /* Change this to your images width */ 
height:430px; /* Change this to your images height */
margin: 0px auto;
/*border:1px solid #FF0;*/
background:url(../javascript/evosystem/nivo/themes/default/loading.gif) no-repeat 50% 50% #000;
}

#slider img { position:absolute; top:0px; left:0px;  display:none; }
#slider a { border:0; display:block; }

 
/* The Nivo Slider styles */
.nivoSlider { position:relative; }
.nivoSlider img { position:absolute; top:0px; left:0px; }

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }

/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }

/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; 
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%; z-index:8; }
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }

/* Direction nav styles (e.g. Next & Prev) */ 
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left: 0px; }
.nivo-nextNav { right:0px; }

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; }
.nivo-controlNav a.active {	font-weight:bold; }


.theme-default .nivoSlider { position:relative; background:#000 url(../javascript/evosystem/nivo/themes/default/loading.gif) no-repeat 50% 50%; }
.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.theme-default .nivoSlider a { border:0; display:block; }

.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:-32px; margin-left:-50px; /* Tweak this to center bullets */ /*border:1px solid #F00;*/ }
.theme-default .nivo-controlNav a { display:block; width:22px; height:22px;  text-indent:-9999px; border:0; margin-right:3px; float:left; }
.theme-default .nivo-controlNav a.active { background-position:0 -22px; }

.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../javascript/evosystem/nivo/themes/default/arrows.png) no-repeat; text-indent:-9999px; border:0; }
.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; }
.theme-default a.nivo-prevNav { left:15px; }

.theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; }
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.theme-default .nivo-caption a:hover { color:#fff; }