@charset "utf-8";
/* CSS Document */

body {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: auto;
text-align: center;
background: url(../images/bg-body.jpg) repeat-x;
margin-top: 3px;
color: #58595B;
}
div {
text-align: left;
}

a {
color: #58595B;
}
a:hover {
text-decoration: none;
}

#wrap {
width: 760px;
border: #FFFFFF 2px solid;
margin: auto;
}

#upperWrap {

}

#head {
height: 88px;
background-image: url(../images/logo-top.gif); 
background-repeat: no-repeat;
text-indent: 440px;
line-height: 88px;
font-weight: bold;
font-size: 15px;
overflow: visible;
}
/* ----------- navigation -------------*/

#topNav {
height: 25px;
background-image:url(../images/logo-bottom.gif);
background-repeat: no-repeat;

}
#topNav ul {
margin: 0;
padding: 0;
list-style: none;
float: right;
}
#topNav ul li {
float: right;
margin-top: 5px;
width: 80px;
background: no-repeat url(../images/tab.jpg);
}
#index #mainNav li.index,
#products #mainNav li.products ,
#benefits #mainNav li.benefits,
#login #mainNav li.login {
background: no-repeat url(../images/tab-selected.jpg);
}
#topNav ul a {
display: block;
width: 80px;
float: left; /* fix for IE 5.2 Mac */
line-height: 20px;
text-decoration: none;
text-align: center;
color: #fff;
font-weight: bold;
}
#topNav ul a:hover {
text-decoration: underline;
}
#belowNav {
height: 12px;
background-image: url(../images/lowernav.jpg);
background-repeat: repeat-x;
}

/* ----------- image and contact row ----------- */
#mid {
height: 190px;
}

#image {
width: 600px;
height: 190px;
float: left;
background-image:url(../images/terminals.jpg);
}
#products #image {
background-image:url(../images/queue.jpg);
}
#benefits #image {
background-image:url(../images/terminals2.jpg)
}

#contact {
width: 160px;
height: 190px;
float: right;
background-image: url(../images/contact.jpg);
color: #FFFFFF;
}
#contact ul {
padding: 0;
margin: 0;
}
#contact li {
list-style-type: none;
margin: 5px;
padding: 5px;
}


#lowerWrap {
background: url(../images/bg-content.jpg) repeat-y;
}
	#lwTop {
	height: 10px;
	background-image: url(../images/content-header.jpg);
	line-height: 5px;
	}
	
	#lwMiddle {
	/* height: 2000px; */ /* for development only */
	}
		#contentWrapLeft {
		float: left;
		width: 595px;
		}
		
		#contentWrapLeft ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			padding: 0 30px 0 30px;
			margin: auto;
			}
			#contentWrapLeft ul li {
			margin-bottom: 15px;			
			}
			#contentWrapLeft ul a {
			display: block;
			width: 70px;
			height: 30px;
			line-height: 30px;
			color: #58595B;
			text-decoration: none;
			text-align: center;
			background-color: white;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 1px;
			background-image: url(../images/linkbg.gif);
			}
			#contentWrapLeft ul a:hover {
			text-decoration: underline;
			}				
			
				#vNav {
				float: left;
				width: 135px;
				margin-bottom: 1px;
				}
				#porting p {
				padding: 10px;
				color: #FFFFFF;
				}	
				#porting a {
				color: #FFFFFF;
				}
				#porting a:hover {
				text-decoration: none;
				}
					
				#contentMain {
				width: 455px; 
				float: right;
				}
				#contentMain p, #contentMain h1, #contentMain h2, #contentMain h3, #contentMain h4 {
				padding: 0 0 0px 12px;
				max-width: 430px;
				}
				#contentMain h1, #contentMain h2, #contentMain h3 ,#contentMain h4 {
				font-size: 14px;
				font-weight: bold;
				color: #CC3399;
				}
				#contentMain ul {
				list-style-type: circle;
				}
				#contentMain ul li {
				margin-bottom: 5px;
				}
			
		#contentRight {
		float: right;
		width: 155px;
		}
		#contentRight p, #contentRight h1, #contentRight h2, #contentRight h3, #contentRight h4 {
		padding: 0 3px 0px 3px;
		}
		#contentRight h1, #contentRight h2, #contentRight h3 , #contentRight h4{
		font-size: 12px;
		font-weight: bold;
		color: #CC3399;
		}
	
	#footer {
	clear: both;
	height: 15px;
	background-image: url(../images/bg-content.jpg);
	text-indent: 160px;
	font-size: 9px; 
	}
		
	#lwBottom {
	height: 10px; 
	background-image: url(../images/footer.jpg);
	line-height: 5px;
	}

/* misc classes */
.smallPad {
padding: 10px 10px 0px 10px;
margin: 0;
}	

/* misc classes */
.purpleText {
color: #CC3399;
}