@charset "utf-8";


body {
	background: #2c2721 url(images/gradback.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
* {margin:0;padding:0} 
ul {padding:1em} 
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.dark_grey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 16px;
}
.blue_orangebullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	list-style-image: url(images/orange_bullet.gif);
	list-style-position: inside;
}

.style1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
.style9 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #D5D5D8; font-weight: normal; }
.style10 {
	font-size: 12px
}
.style11 {color: #FFFFFF}
.style15 {color: #006699}
.style17 {color: #FF9966; font-family: sans-serif;}
.style18 {
	color: #FFcc66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.style19 {
	color: #333333;
	font-family: sans-serif;
}
.style_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}

.orange {
	color: #FFcc66;
	font-size: 12px;
	font-family: tahoma, Arial, sans-serif;
}
#nav {
	width:864px;
	z-index:5;
	top: 135px;
	left: 9px;
	position: absolute;
}



/* CSS Document */

 
#glowingtabs{
	float: left;
	width:100%;
	line-height:27px;
	border-bottom: 1px solid #497D8B;
}

#glowingtabs ul{
	list-style-type: none;
	margin:0;
	margin-left: 17px; /*Left offset of entire tab menu relative to page*/
	padding:0;
	list-style-image: url(images/yellow_bullet.gif);
}

#glowingtabs li{
	display:inline;
	margin:0;
	padding:0;
}

#glowingtabs a{
	float:left;
	margin:0;
	margin-right: 0px; /*spacing between each tab*/
	padding:0 0 0 9px;
	text-decoration:none;
	width: 127px;
}

#glowingtabs a span{
	float:left;
	display:block;
	background:url(images/nav.jpg) no-repeat right top;
	padding: 8px 10px 0px 0px;
	font-weight:normal;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {float:none;}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
	color: #FFFF99;
}




#glowingtabs a:hover{ /*onMouseover style*/
background-position:0% -37px; /*Shift background image up to start of 2nd tab image*/
}

#glowingtabs a:hover span{ /*onMouseover style*/
background-position:100% -37px; /*Shift background image up to start of 2nd tab image*/
}


/*Below is the code to tell the Phone tab to be hovered and highlighted when the Body id is set on the phone.shtml page*/
#phone li.phone a{ /*Selected Tab style*/
	background-position:0 -73px; /*Shift background image up to start of 2nd tab image*/
}

#phone li.phone a span{ /*Selected Tab style*/
	background-position:100% -73px; /*Shift background image up to start of 2nd tab image*/
	color: #FFCC66;
}

/*Below is the code to tell the network tab to be hovered and highlighted when the Body id is set on the phone.shtml page*/
#network li.network a{ /*Selected Tab style*/
background-position:0 -73px; /*Shift background image up to start of 2nd tab image*/
}

#network li.network a span{ /*Selected Tab style*/
	background-position:100% -73px; /*Shift background image up to start of 2nd tab image*/
	color: #ffcc66;
}

/*Below is the code to tell the av tab to be hovered and highlighted when the Body id is set on the phone.shtml page*/
#av li.av a{ /*Selected Tab style*/
background-position:0 -73px; /*Shift background image up to start of 2nd tab image*/
}

#av li.av a span{ /*Selected Tab style*/
	background-position:100% -73px; /*Shift background image up to start of 2nd tab image*/
	color: #FFCC66;
}

/*Below is the code to tell the install tab to be hovered and highlighted when the Body id is set on the phone.shtml page*/
#install li.install a{ /*Selected Tab style*/
background-position:0 -73px; /*Shift background image up to start of 2nd tab image*/
}

#install li.install a span{ /*Selected Tab style*/
	background-position:100% -73px; /*Shift background image up to start of 2nd tab image*/
	color: #FFCC66;
}

/*Below is the code to tell the support tab to be hovered and highlighted when the Body id is set on the phone.shtml page*/
#support_link li.support_link a{ /*Selected Tab style*/
background-position:0 -73px; /*Shift background image up to start of 2nd tab image*/
}

#support_link li.support_link a span{ /*Selected Tab style*/
	background-position:100% -73px; /*Shift background image up to start of 2nd tab image*/
	color: #FFCC66;
}

/*Below is the code to tell the contact tab to be hovered and highlighted when the Body id is set on the phone.shtml page*/
#contact li.contact a{ /*Selected Tab style*/
background-position:0 -73px; /*Shift background image up to start of 2nd tab image*/
}

#contact li.contact a span{ /*Selected Tab style*/
	background-position:100% -73px; /*Shift background image up to start of 2nd tab image*/
	color: #FFCC66;
}

#homeLink {
	position:absolute;
	left:2px;
	top:2px;
	width:262px;
	height:132px;
	z-index:17;
}
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
}
#menu span {
  display: none;
  position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: 9px;
	top: 7px;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}

#menu .home {
  width: 261px;
  height: 126px;
  background: url(images/logo.jpg) no-repeat;
}
#grenn_lower {
	position:absolute;
	left:372px;
	top:594px;
	width:500px;
	height:2px;
	z-index:22;
	background-image: url(images/green.jpg);
}
#below {
	position:absolute;
	left:41px;
	top:1px;
	width:370px;
	height:15px;
	z-index:21;
}

#green {
	position:absolute;
	left:379px;
	top:291px;
	width:484px;
	height:15px;
	z-index:8;
	background-image: url(images/green_bar_gradient.jpg);
}
#clients1 {
	position:absolute;
	left:388px;
	top:310px;
	z-index:19;
}
#clients2 {
	position:absolute;
	left:678px;
	top:310px;
	height:87px;
	z-index:21;
}
#rt_shadow {
	position:absolute;
	left:997px;
	top:1px;
	width:18px;
	height:810px;
	z-index:2;
}
#btm_shadow {
	position:absolute;
	left:105px;
	top:786px;
	width:890px;
	height:26px;
	z-index:3;
}
.style17underline {
	color: #FF9966;
	font-family: sans-serif;
	text-decoration: underline;
}
#ie6 {
	position:absolute;
	left:15px;
	top:2px;
	width:700px;
	height:24px;
	z-index:5;
	font-size: 12px;
	color: #CC0033;
	font-weight: bold;
}
#main {
	position:absolute;
	left: 50%;
	margin-left: -450px;
	margin-top: 18px;
	width:900px;
	height:801px;
	background-image: url(images/main_background_template.jpg);
}
#contact2 {
	position:absolute;
	left:465px;
	top:115px;
	z-index:6;
}
#text_box_1 {
	position:absolute;
	top:25px;
	width:401px;
	z-index:15;
}
#Text_box_2 {
	position:absolute;
	top:6px;
	z-index:16;
}
#under_Slide {
	position:absolute;
	left:496px;
	top:266px;
	height:20px;
	z-index:17;
	width: 360px;
}
#slideshow {
	position:absolute;
	left:494px;
	top:11px;
	width:363px;
	height:245px;
	z-index:4;
}
#green_border_bottom {
	position:absolute;
	left:9px;
	top:711px;
	width:864px;
	z-index:7;
	border-top: 4px solid #497D8B;
	color: #497D8B;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #ffcc33;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
.style10_wht {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: normal;
}
.style10_gra {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	font-weight: normal;
}
#division {
	position:absolute;
	left:-7px;
	top:634px;
	width:333px;
	height:25px;
	z-index:1;
}