body {
	font-family: arial, helvetica, serif;
}

.container {
	width:896px;
	margin: 20px auto;
}
 
 
/*  HEADER */ 
 
.logo {
	position: relative;
	float: left;
}
.logo a {
	background: url(images/twonky.gif) no-repeat 0px 0px;
	display: block;
	text-indent:-9999px;
	width:148px;
	height:46px;
	margin-bottom: 20px;
}

.topnav {
	position: relative;
	float: right;
	margin-top: 15px;
	*margin-top: 19px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}
 
#nav a {
	display: block;
	color: #004a70;
	font-size: 12px;
	font-family: arial;
	text-decoration: none;
	padding: 4px 6px;
	border: 1px solid #fff;
}

#nav a:visited {
	display: block;
	color: #004a70;
	font-size: 12px;
	font-family: arial;
	text-decoration: none;
	padding: 4px 6px;
	border: 1px solid #fff;
	font-weight:normal;
}

#nav a:hover {
	color: #e17e27;
	font-weight:bold;
}

#nav > li > a:hover {
	border: 1px solid #c8c8c8;	
}

#nav li { /* all list items */
	float: left;
	margin-right: 8px;
}
 
#nav li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	opacity: .8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	width: 150px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
 
#nav li ul li {
	width: 150px;
	*width: 148px;
	border: 1px solid #c8c8c8;
	background: #fff;
}

div#searchbox {
	float:right;
	position:relative;
	margin-top: 15px;
	margin-left:20px;

}

div#searchbox label {
	color: #45a2bc;
	font-size: 12px;
	font-family: arial;
}

div#searchbox #srchtxt {
	background: url(images/search_box.gif) no-repeat right top;
	border: medium none !important;
	color: #242424;
	height: 20px;
	padding: 3px 0 0 5px;
	width: 113px;
}

div#searchbox #srchbtn {
	background: url(images/search_arrow.gif) no-repeat right top;
	text-indent: -9999px;	
	width:15px;
	height:20px;
	border:medium none;
}
/*  FRONT PAGE */

#content {
	clear: left;
	color: #777;
	font-size: 12px;
	font-family: arial;
	width:876px;
/*	padding-top:15px; */
}

#content .adBlock {
	float: left;
	display:block;
} 

#content a:visited:{
	font-weight:normal;
}
	
#content .contentDescription {
	float: left;
	margin-left:20px;
	width: 623px;
	min-height:80px;
	margin-top: -2px;
}

#content .contentDescription h2 {
	margin: 0px;
	color: #004a70;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}

#content .contentDescription h3 {
	color: #e17e27;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
}

#content .contentDescription h4{
	color: #004a70;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}

#content .contentDescription p {
	margin-top: 10px;
	color: #777;
	font-family: arial;
	font-size: 12px;
}

#contentLeft{
	width: 520px;
	margin-left:20px;
	min-height:80px;
	margin-top: -2px;
}

#contentLeft h3{
	color: #e17e27;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

#contentLeft a:visited{
	font-weight: normal;
}

#contentLeft h4{
	color: #004a70;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}

/* SIDEBAR */

#sidebar{
	float:right;
	width:208px;
	overflow:hidden;
	background-image:url(images/sidebar_bg.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin-right: 40px;
	margin-top: 10px;
}

#sidebar span.sidebar_bottom_cap{
	height:13px;
	margin:0;
	padding:0;
	display:block;
	background-image:url(images/sidebar_bottom.gif);
}

#sidebar ul{
	margin:14px 16px 10px 16px;
}
#sidebar ul li{
	font-weight:bold;
	font-size: 11px;
	color:#e17e27;
	list-style:none;
	padding:6px 0px 6px 10px;
}

#sidebar a, a:visited{
	text-decoration:none;
	color: #e17e27;
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
}



/* FOOTER */
.footer {
	width:876px;
}
.socialBtns {
	position: relative;
	float: left;
	margin: 15px 0;
}
.footerLinks {
	position: relative;
	float: right;
	margin: 15px 0;
	text-decoration:none;
}
#socialBtnList, #footerLinkList { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-decoration:none;
}
 
#socialBtnList a, #footerLinkList a {
	display: block;
	text-decoration:none;
}

#footerLinkList a, #footerLinkList {
	color: #A4A4A4;
	font-size: 11px;
	font-family: arial;
	font-weight:normal;
	text-decoration:none;
}

#socialBtnList li {
	float:left;
	margin-right: 10px;	
} 

#footerLinkList li { /* all list items */
	float: left;
	margin-left: 10px;
	text-decoration:none;
	font-weight:normal
}

#footerLinkList li a:visited{
	text-decoration:none;
	font-weight:normal;	
}


/* PRODUCTS */
.tab {
	clear:both;
	margin-left: -40px;
	*margin-left: 0px;
	height: 18px;
	*height: 10px;
}

.tab ul, .tab li{border:0; margin:0; padding:0; list-style:none;}
.tab ul{
	height:29px;
}
.tab li{float:left; margin-right:2px;}
.tab a:link{
	background:url(images/tab.gif) right 60px;
	color:#777;
	font-size: 12px;
	display:block;
	height:30px;
	line-height:30px;
	text-decoration:none;
}

.tab a:visited{
	background:url(images/tab.gif) right 60px;
	color:#777;
	font-size: 12px;
	display:block;
	height:30px;
	line-height:30px;
	text-decoration:none;
	font-weight: normal;
}

.tab a span{
	background:url(images/tab.gif) left 60px;
	display:block;
	height:30px;
/*
	margin-right:14px;
	padding-left:14px;
*/
	width:100px;
	text-align:center;	
}
.tab a:hover{
	background:url(images/tab.gif) right 30px;
	display:block;
	color: #e17e27;
	cursor:pointer;
}
.tab a:hover span{
	background:url(images/tab.gif) left 30px;
	display:block;
}


/* -------------------------------- */
/* 	ACTIVE ELEMENTS					*/
.active a:link, .active a:visited, .active a:visited, .active a:hover{
	color: #e17e27;
	text-decoration: none;
	background:url(images/tab.gif) right 0 no-repeat;
} 
.active a span, .active a:hover span{
	background:url(images/tab.gif) left 0 no-repeat;
}

.section-body{
	background:#fff;
	min-height:300px;
	padding:14px;
	border: 1px solid #777;
	clear:both;
}

.section-text {
	width: 475px;
}

.section-text h2 {
	color: #e17e27;
	font-weight: bold;
	font-size: 16px;
}

.section-text b {
	line-height: 2em;
}

.section-text ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-left: 5px;
	padding-left: 0;
	margin-bottom: 0;
}

.section-text ul br {
	display: none;
}

.section-text li {
	background: url(/images/aqua_dot.gif) no-repeat;
	background-position: 0 0em;
	list-style-image: none;
	list-style-type: none;
	padding-left: 13px;
	padding-top: 3px
	line-height: 1.1em;	
	margin-bottom: 5px;
}

.section-diagram {
	float: right;
	width: 345px;
	height: 285px;
}


/* Full content */
.contentText a, .section-text a, .contentDescription a{
	color: #e17e27;
	text-decoration: none;
}
.contentText a:visited, .section-text a:visited, .contentDescription a:visited{
	font-weight:normal;
	font-size: 12px;
}

 #fullContent {
	clear: left;
	color: #777;
	font-size: 12px;
	font-family: arial;
	width:876px;
	border: 1px solid #ccc;
 }
 
 #fullContent b {
	line-height: 2em;
 }
 
 .contentText {
/* 	width:561px; */
/*	height:480px; */
	height: 460px;
	padding: 10px 20px;
	width:521px;
	overflow:auto; 
 }
 .contentText h2 {
	color: #e17e27;
	font-weight: bold;
	font-size: 16px;
 }
 
 .contentText h3 {
 	color: #004a70;
	font-weight: bold;
	font-size: 13px;
 }
 
 .contentSidebar {
 	width: 315px;
	height: 480px;
	float: right;
 }
 
 img.fullbanner {
	margin-left: 20px;
 }
 
 a.biglink {
 	background: url(images/orange_arrow.gif) no-repeat scroll right;
	padding-right: 15px;
	text-decoration: none;
 }
 
a.button {
	display: block;
	cursor:pointer;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFFFFF;
	background: url(images/btn-upgrade.png) 0 0 no-repeat;
	height: 22px;
	width: 200px;
	text-align: center;
	overflow: hidden;
}
* html a.button { display: inline; }
a.button:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-position: 0 -22px;
}
a.button:active {
	color: #FFFFFF;
	text-decoration: none;
	background-position: 0 -22px;
}
a.button:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.button span {
	float: left;
	margin-left:12px;
	padding:1px 12px 0px 0;
	background: url(images/btn-r.gif) 100% 0 no-repeat;
	height: 21px;
}
a.button:hover span {
	background-position: 100% -22px;
}
a.button:active span {
	background-position: 100% -22px;
}

p.buttons span{
	float:right;
	padding-right:10px;
}

a.button_r {
	display: block;
	cursor:pointer;
	float: right;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #FFFFFF;
	background: url(images/btn-l.png) 0 0 no-repeat;
	height: 22px;
	overflow: hidden;
}
* html a.button_r { display: inline; }
a.button_r:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-position: 0 -22px;
}
a.button_r:active {
	color: #FFFFFF;
	text-decoration: none;
	background-position: 0 -22px;
}
a.button_r span {
	float: left;
	margin-left:12px;
	padding:2px 12px 0px 0;
	background: url(images/btn-r.png) 100% 0 no-repeat;
	height: 20px;
}
a.button_r:hover span {
	background-position: 100% -22px;
}
a.button_r:active span {
	background-position: 100% -22px;
} 
  
 /* PRESS RELEASES */
.clear {
	clear: both;
}
.releaseItem {
	clear: both;
}
.releaseDate {
	border-right: 1px solid #ccc;
	width: 61px;
}
.releaseDescription {
	float: right;
	width: 430px;	
	margin-bottom: 10px;
}
.releaseDescription h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 12px;
	font-weight: bold;
}
.releaseDescription h3 {
	margin-top: 0px;
	margin-bottom: 5px;
}
.releaseDescription p {
	line-height: 1.3em;
	margin: 0;
	font-size: 11px;
}
.releaseDescription a.biglink {
	line-height: 2em;
}

.clearall{
	clear:both;
	overflow: hidden;
	line-height:0px;
	height:0px;
}