img {
border: 0px;
}

body {
background-color: #2f2f2f;
font-family: arial, sans-serif;
font-size: 12px;
text-align: center;
}

#container {
background: url(../images/background.jpg) repeat-y top left;
width: 900px;
position: relative;
margin: 0px auto;
text-align: left;
}

#top {
margin-left: 1px;
background: url(../images/header.jpg);
width: 899px;
height: 115px;
}

h1 span{
visibility: hidden;
}

#logo h1 a {
width: 100%;
height: 100%;
text-decoration: none;
}


#logo h1 {
position: absolute;
top: -10px;
left: 90px;
margin: 0px;
}

html>body #logo h1 {
top: 10px;
}

div.home h1 {
background: url(../images/logo.jpg) no-repeat center left;
width: 163px;
height: 57px;
}



#search {
position:  absolute;
left: 560px;
top: 20px;
border: 1px solid #8b8b8b;
padding: 5px 8px 5px 8px;
}

#search input {
background: #b6b6b6;
}

.button {
position:  relative;
top: 7px;
margin-top: -7px;
left: 5px;
}

#navigation {
position: absolute;
top: 88px;
left: 90px;
z-index: 5;
}

/* begin sucker */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}


#nav a {
	display: block;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


#nav li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
	padding-right: 20px;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 145px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


#nav li ul ul {
	margin: 0;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav ul { /* this is the parent */
	top: 0px;
}

html>body #nav ul {
	/*margin-left: 0px;*/
}

#nav ul a {
	color: white;
}


html>body #nav ul a {
	/*margin-left: 0px;*/
}


#nav ul ul { /* this is the child */
	top: 14px;
}

#nav ul ul li {
	/*margin-left: 10px;*/
}

html>body #nav ul ul li {
	/*padding-left: 10px;*/
}

html>body #nav ul ul {  /*this is the child*/ 
	/*margin-left: 10px;*/
}

.homehome a {
	border-top: 2px solid #b7b6b6;
	border-left: 1px solid #b7b6b6;
	border-bottom: 2px solid #b7b6b6;
	border-right: 1px solid #b7b6b6;
	width: 60px;
	height: 10px;
}

#nav ul .homex a:hover {
	background: #333333;
}

#nav ul ul .homex a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #b7b6b6;
	border: none;
}

#nav ul ul .homex a:hover {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
}


.solutionshome a {
	border-top: 2px solid #eeb700;
	border-left: 1px solid #eeb700;
	border-bottom: 2px solid #eeb700;
	border-right: 1px solid #eeb700;
	width: 75px;
}

#nav ul .solutions a:hover {
	background: #333333;
}

#nav ul ul .solutions a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #eeb700;
	border: none;
}

.productshome a {
	border-top: 2px solid #ec4800;
	border-left: 1px solid #ec4800;
	border-bottom: 2px solid #ec4800;
	border-right: 1px solid #ec4800;
	width: 80px;
}

#nav ul .products a:hover {
	background: #333333;
}


#nav ul ul .products a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #ec4800;
	border: none;
}

.techhome a {
	border-top: 2px solid #abd24d;
	border-left: 1px solid #abd24d;
	border-bottom: 2px solid #abd24d;
	border-right: 1px solid #abd24d;
	width: 120px;
}

.techhome a:hover {
	background: #333333;
}

#nav ul .tech a:hover {
	background: #333333;
}

#nav ul ul .tech a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #abd24d;
	border: none;
}

.faqhome a {
	border-top: 2px solid #0fafe3;
	border-left: 1px solid #0fafe3;
	border-bottom: 2px solid #0fafe3;
	border-right: 1px solid #0fafe3;
	width: 65px;
}

#nav ul .faq a:hover {
	background: #333333;
	width: 65px;
}

#nav ul ul .faq a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #0fafe3;
	border: none;
	width: 65px;
}



.contacthome a {
	border-top: 2px solid #0fafe3;
	border-left: 1px solid #0fafe3;
	border-bottom: 2px solid #0fafe3;
	border-right: 1px solid #0fafe3;
	width: 80px;
}

.contacthome a:hover {
	background: #333333;
}

#nav ul .contact a:hover {
	background: #333333;
}

#nav ul ul .contact a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #0fafe3;
	border: none;
}

.customerhome a {
	border-top: 2px solid #ddd025;
	border-left: 1px solid #ddd025;
	border-bottom: 2px solid #ddd025;
	border-right: 1px solid #ddd025;
	width: 120px;
}

#nav ul .customer a:hover {
	background: #333333;
}

#nav ul ul .customer a {
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 10px;
	background: #ddd025;
	border: none;
}

/* end sucker */

#sidebar {
float: left;
width: 263px;
margin-left: 25px;
margin-top: 45px;
}

html>body #sidebar {
margin-left: 35px;
}

#content {
margin-left: 360px;
margin-right: 150px;
margin-top: 40px;
}


h2 {
color: #7E8081;
font-size: 24px;
}



#footer {
clear: both;
width: 100%;
background: url(../images/footer.jpg) no-repeat;
height: 91px;
color: #9a9a9a;
font-size: 10px;
}

#footer a {
color: #9a9a9a;
text-decoration: none;
}

#copy {
margin-left: 100px;
margin-top: 10px;
position: absolute;
}

#bottomnav {
margin-left: 450px;
margin-top: 10px;
position: absolute;
}

#bottomnav li{
display: inline;
padding-left: 5px;
padding-right: 5px;

}

#art_head {
margin-top: 60px;
background: url(../images/articles.gif) no-repeat;
width: 263px;
height: 36px;
margin-left: 0px;
}

html>body #art_head {
margin-left: 15px;
}

#art_head span {
display: none;
}

#news ul {
margin-left: 50px;
list-style: url(../images/dot.gif);
margin-right: 40px;
}

html>body #news ul {
margin-right: 10px;
}

html>body #news ul {
margin-left: 20px;
}

#news h4 a {
color: #366374;
text-decoration: none;
}

#news h4 {
margin-bottom: 5px;
font-size: 12px;
}


html>body #news h4 {
margin-bottom: -10px;
}


#news p {
margin-top: 10px;
}

#why a {
text-decoration: none;
color: black;
}

#why ul {
margin-bottom: 15px;
margin-left: 5px;
list-style: none;
padding-left: 30px;
font-weight: bold;
font-size: 14px;
}

#why li {
padding-bottom: 10px;
background: url(../images/arrow.gif) no-repeat;
padding-left: 25px;
}

html>body #why ul {
margin-left: 25px;
}