/*****************************\
	Thanks to Eric Meyer for this global 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

body {
	line-height: 1.2;
	background:#7f7f7f;
	}

blockquote, q {
	quotes: none;
	}
	
/* remember to define focus styles! */

:focus {
	outline: 0;
	}
	
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
	}
del {
	text-decoration: line-through;
	}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
/**********************************************\
	CLEAR FIX COURTESY OF: http://www.positioniseverything.net/easyclearing.html
\**********************************************/

/* // clearing floats without adding symantec mark up to your source   
CLEAR FIX COURTESY OF: http://www.positioniseverything.net/easyclearing.html
Please refer to the tutorial it will save you many hours of painful testing 
and float related issues. -------------------               */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**********************************************\
	BASE STYLES: Layout
\**********************************************/

body {
	background:#7f7f7f;
	text-align:center;
	font-family:"lucida sans", myriad, verdana, arial, trebuchet, sans-serif;
	font-size:12px;
	color:#565656;
	}
	
#wrapper {
	width:1000px;
	margin:0 auto;
	text-align:left;
	}

/**********************************************\
	BASE STYLES: Typography
\**********************************************/

a, a:link, a:visited {
	color:#7f7f7f;
	text-decoration:none;
	}
	
a:hover {
	color:#5C8727;
	text-decoration:underline;
	}

div#footer a, div#footer a:link, div#footer a:visited {
	color:#a5a5a5;
	text-decoration:none;
	}
	
div#footer a:hover {
	color:#efefef;
	}
	
h1 {
	position:relative;
	z-index:4;
	background:transparent url('http://www.arxx.com/images/logo.png') left top no-repeat;
	height:60px;
	width:136px;
	margin-left:849px;
	text-indent:-9999px;
	}
	
h2 {
	font-size:1.5em;
	color:#5C8727;
	text-transform:uppercase;
	font-weight:normal;
	padding-bottom:10px;
	}
	
h3 {
	font-size:1.5em;
	color:#565656;
	text-transform:uppercase;
	font-weight:normal;
		padding-bottom:10px;

	}
	
h4 {
	font-size:1.5em;
	color:#4D4D4D;
	text-transform:uppercase;
	font-weight:normal;
		padding-bottom:10px;

	}
	
h5 {
	font-size:1.5em;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	}
	
h6 {
	font-size:1em;
	}
	
p {
	line-height:16px;
	margin:10px 0;
	}
	
/**********************************************\
	BASE STYLES: Tables
\**********************************************/

td { padding: 4px; background-color: #f1f1f1; color: #666; }

th { padding: 4px; background-color: #5C8727; color: #fff; font-weight; normal; }

td, th { border: 1px solid #fff; }

/**********************************************\
	BASE STYLES: Classes
\**********************************************/

.image_wrapper {
	position:absolute;
	background:transparent url('http://www.arxx.com/images/bg_imageoverlay.png') left top repeat-x;
	height:168px;
	width:1000px;
	z-index:1;
	}
	
/**********************************************\
	BASE STYLES: Classes - Titles
\**********************************************/

/**********************************************\
	BASE STYLES: Classes - Buttons
\**********************************************/

.btn_distributor {
	position:relative;
	z-index:7000;
	background:transparent url("/images/btn_distributor.png") left top no-repeat;
	height:31px;
	width:201px;
	display:block;
	text-indent:-9999px;
	}

.btn_projectinfo {
	position:relative;
	z-index:7000;
	background:transparent url("/images/btn_projectinfo.png") left top no-repeat;
	height:31px;
	width:201px;
	display:block;
	text-indent:-9999px;
	}
/**********************************************\
	HEADER STYLES: Layout
\**********************************************/

#home_header, #header {
	height:483px;
	padding-bottom:20px;
	}

#home_header img, #header img {
	position:absolute;
	z-index:0;
	}	

#header {
	height:183px;
	}

.img_greenbar {
	position:relative;
	z-index:2;
	top:-20px;
	float:left;
	background:transparent url('http://www.arxx.com/images/bg_headerbar.png') -1px top no-repeat;
	height:44px;
	width:849px;
	}

/**********************************************\
	HEADER STYLES: Navigation
\**********************************************/	

ul#nav_main, ul#nav_sub, ul#footer_nav {
	position:relative;
	z-index:3;
	background:transparent;
	text-transform:uppercase;
	font-size:.8em;
	height:44px;
	width:1000px;
	list-style: none;
	}
	
ul#nav_main li {
	height:40px;
	}
	
ul#nav_main li ul li {
	height:10px;
	}
	
ul#nav_main li, ul#nav_sub li, ul#footer_nav li {
	float:left;
	display:block;
	padding:10px;
	}
	
ul#nav_main li a, ul#nav_sub li a, ul#footer_nav li a {
	color:#fff;
	display:block;
	}
	
#nav_main li { /*float the main list items*/
		margin: 0;
		float: left;
		display: block;
	}

	#nav_main li ul {
		display: none;
	}

	#nav_main li.off ul, #nav_main li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 40px;
		left:0;
		width:827px;
		margin-left:0 !important;
		background: #48AE37;
		height: 30px;

	}

	#nav_main li.on ul {
		background: transparent;
	}

	#nav_main li.on:hover ul, #nav_main li.over ul { /*for ie*/
	}

	#nav_main li a {

		display: block;
		padding: 0;
	}
	
	#nav_main li ul li a, #nav_main li ul li {
		background: #48AE37;
		}

	#nav_main li.on a {
		color: #f90;
	}

	#nav_main li.on ul a, #nav_main li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		color: #fff;
		width: auto;
	}

	#nav_main li.on:hover ul a, #nav_main li.over ul li a { /*for ie - the specificity is necessary*/
		background: #48AE37;
	}

	#nav_main li.on ul {
		display: block;
	}

	#nav_main li.off:hover ul, #nav_main li.over ul {
		display: block;
		z-index: 6000;
	}

	#nav_main li.off a:hover, #nav_main li.on a:hover { 
		color: #f90;
	}
		
/**********************************************\
	CONTENT STYLES: Wrapper
\**********************************************/	

body#content #content_wrapper {
	background:#fff url('http://www.arxx.com/images/bg_content_top.gif') -10px top no-repeat;
	padding:20px;
	padding-top:20px;
	}
	
.content_left ul, content-right ul {
	list-style-type: square;
	padding-left: 0.5em;
	padding-bottom:20px;
	margin-left: 1em;
	margin-bottom: 0.5em;
	color:#565656 !important;

	}
	
.content_left li, content-right li {
	margin-left: 0.5em;
	}
	
.content_left ol, content-right ol  {
	list-style: lower-roman;
	padding-bottom: 1em;
	margin-top: 0.5em;
	margin-left: 1em;
	margin-bottom: 0.5em;
	color:#565656 !important;
	}

/**********************************************\
	LEFT CONTENT STYLES: Layout
\**********************************************/	

body#home .content_left {
	float:left;
	width:325px;
	padding-right:20px;
	color:#FFF !important;

	}
	
body#content .content_left {
	position:relative;
	float:left;
	padding-right:20px;
	width:620px;
	}

body#content .content_left p {
	color:#565656 !important;
	}

/**********************************************\
	RIGHT CONTENT STYLES: Layout
\**********************************************/

body#home .content_right {
	background:transparent url('http://www.arxx.com/images/bg_news.png') left top no-repeat;
	height:310px;
	width:620px;
	margin-left:345px;
	padding:20px;
	}
	
body#home .content_right p {
	color:#565656 !important;
	}
	
body#content .content_right {
	position:relative;
	width:325px;
	margin-left:645px;
	}
	
body#content .content_right p {
	color:#565656 !important;
	}
	
body#content .content_right blockquote {
	color:#565656 !important;
	}
	
/**********************************************\
	RIGHT CONTENT STYLES: News Box
\**********************************************/

.panelContainer img {
	float:right;
	padding:20px 40px 20px 20px;
	width:150px;
	}

.stripViewer .panelContainer .panel ul {
			text-align: left;
		}
		
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
 			position: relative;
			width: 100%;
			float:left;
		}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; background: #fff; overflow: scroll}
.csw .loading { text-align: center}


		
		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 620px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 220px;
			clear: both;
			background: #fff;
		}
		
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	height:220px;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 670px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding:0 10px 0 0;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	display:none;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 240px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 19px;
	width: 13px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("http://www.arxx.com/images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("http://www.arxx.com/images/arrow-right.gif") no-repeat center;
}

p#cross-links {
	float:left;
	text-align:center;
	margin-top:20px;
	width:600px !important;
	}

			
/**********************************************\
	QUOTE STYLES
\**********************************************/

dl { margin: 2em 0 2em 30px; }
dt { margin: 0.2em; }
dt.title { font-size: 1.3em; margin-top: 1em; }
dd { margin-bottom: 0.5em; }
dd.author { font-size: 90%; font-weight: bold; margin-top: 1em; margin-bottom: -0.5em; color: #a5a5a5; }
dd.meta { font-size: 80%; font-style: italic; margin-top: 1em; color: #a5a5a5; }

.bqstart {
    float: left;
    height: 45px;
    margin-top: -55px;
    margin-left: -35px;
    padding-top: 45px;
    margin-bottom: -50px;
    font-size: 700%;
    color: #cccccc;
}

.bqend {
    float: right;
    height: 25px;
    margin-top: 0;
    padding-top: 0;
    font-size: 700%;
    color: #cccccc;
}

.legal { font-size: 90%; font-weight: bold; color: #a5a5a5; margin-top: 1em; margin-bottom: -0.5em; }
	
/**********************************************\
	FAQ STYLES
\**********************************************/
 
.question { 
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 1em 0;
	margin: 0.5em 0;
	font-weight: bolder;
	}
	
/**********************************************\
	RIGHT CONTENT STYLES: Secondary Navigation
\**********************************************/

/**********************************************\
	FOOTER STYLES: Layout
\**********************************************/