/* by Tom Mullen www.mediamullen.com		
   updated 11/6/04  */

/* Global white space reset /////////////////////////////////////////////////////////////*/
* { padding:0; margin:0; } 
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 5%; } 
li, dd { margin-left:1%; } 
fieldset { padding: .5em; } 

.tom {
	background-color: #FFFF00;
	font: bold medium Arial, Helvetica, sans-serif;
	color:#FF0000;
	padding: 2px;
	border: 2px dotted red}
/* Typography /////////////////////////////////////////////////////////////*/
body {
	margin: 0px;
	font: small/1.3em  arial, helvetica, sans-serif;
	background:#4859A0 url("../images/bg.gif") repeat center top;}

P {	margin: 0 0 16px 0;}

ul{	list-style-image: url("../images/bullet.gif");}

.noindent {TEXT-INDENT: -2%;}

H1 { 
	color:#003366;
	font: bold large/1.3em Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;}

H2 { 
	color:#003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 0 0 3px 0;
	padding: 0px;}
H3 { 
	color:#003366;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin: 0 0 3px 0;
	padding: 0px;}
hr { 
	border: 1px dashed #003366; 
	height: 1px;
	margin: 20px 0;
}

/*//// Wrappers ////////////////////////////////////////////////////////////////*/
.navwrapper {       
	width: 765px;
	background-color:#FFFFFF;       
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;}

.wrapper {       
	width: 765px;
	background-color:#FFFFFF;       
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 00px;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;}
	
.bodycontent {padding: 13px;}
	
.footer {       
	background:#E1E3E8;
	clear:both;
	Color: #000;
 	padding: 2px 8px;
	font: 11px/normal Arial, San-Serif, Tahoma;
	border-top: 1px dotted #001C38;}


/*//// LOGO ////////////////////////////////////////////////////////////////*/
.logo {
	margin: 0;
	background-repeat: no-repeat;
	position: absolute;
	padding: 32px 0px 0 40px; } 
    /*NOTE: If the logo is linked, then this style is ignored and the browser will use the ".logo A" style*/

.logo a {
	margin:0px 0px;
	float:left;
	padding: 0px; 
}

/*//// PRIMARY NAVIGATION /////////////////////////////////////////////////////////////*/
.barHome  {background:#A2C6E9;}
.barCompany {background: #C5C5C5;}
.barProducts {background: #EFA79C;}
.barTurnkey {background: #9CEFA5;}
.barServices {background: #AE9CEF;}
.barPartners {background: #FFCD8C;}
.barCustomer {background: #FFF18D;}

#primnav {
	_width: 100%;
	background: url("../images/bgBanner6.jpg") no-repeat center bottom;
	padding: 147px 0px 0px 0px; /*the 1st number controls how much of the BG image is shown*/
	_padding: 124px 0px 0px 0px; /*IE Hack*/
	font: 12px/normal sans-serif, arial, helvetica;
} 
/* NOTES
- Change font and background graphic here 
- Adjust the padding above and below to control how far the Primary Nav buttons are moved down.  This is also controls the window how how much of the background graphic appears from the top of the browser.   
- Note that the measurement of padding below will be different for non IE browsers.  Adjust accordingly in the NS.css. 
*/

#primnav ul {
  margin:0;
  padding:0px 5px; /*controls the indent from the edge of the browser*/
  list-style:none;}

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

#primnav a {
  float:left;
  background: url("../images/tabs.gif") repeat-x left top;
  padding: 0px 0px 0px 24px;
  margin: 0px;
  text-decoration:none;
  white-space:nowrap;
  text-align: center;
}
/*--NOTES:
- Change graphics on the sides here.  
- Padding controls how much of the graphic you want to show. If your padding is wider than the actual width of the graphic, a gap will appear.  
- The button width is directly related to the amount of text. Add the width atribute if you want the width of each PrimNav button to be the same.*/

#primnav a span {
  float:left;
  display:block;
  background:  url("../images/tabs.gif") repeat-x right top;
  padding: 4px 24px 4px 0px;
  color:#000000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#primnav a span {float:none;}
/* End IE5-Mac hack */


#primnav #Home a:hover {
  background-position:0 -23px;}
#primnav #Home a:hover span{
  background-position:100% -23px;}
#primnav #aHome a {
  background-position:0 -23px;}
#primnav #aHome a span{
  background-position:100% -23px;}


#primnav #Company a:hover {
  background-position:0 -46px;}
#primnav #Company a:hover span{
  background-position:100% -46px;}
#primnav #aCompany a {
  background-position:0 -46px;}
#primnav #aCompany a span{
  background-position:100% -46px;}
  
  
#primnav #Products a:hover {
  background-position:0 -69px;}
#primnav #Products a:hover span{
  background-position:100% -69px;}
#primnav #aProducts a {
  background-position:0 -69px;}
#primnav #aProducts a span{
  background-position:100% -69px;}
  
  
#primnav #Turnkey a:hover {
  background-position:0 -92px;}
#primnav #Turnkey a:hover span{
  background-position:100% -92px;}
#primnav #aTurnkey a {
  background-position:0 -92px;}
#primnav #aTurnkey a span{
  background-position:100% -92px;}


#primnav #Services a:hover {
  background-position:0 -115px;}
#primnav #Services a:hover span{
  background-position:100% -115px;}
#primnav #aServices a {
  background-position:0 -115px;}
#primnav #aServices a span{
  background-position:100% -115px;}
  

#primnav #Partners a:hover {
  background-position:0 -138px;}
#primnav #Partners a:hover span{
  background-position:100% -138px;}
#primnav #aPartners a {
  background-position:0 -138px;}
#primnav #aPartners a span{
  background-position:100% -138px;}


#primnav #Customer a:hover {
  background-position:0 -161px;}
#primnav #Customer a:hover span{
  background-position:100% -161px;}
#primnav #aCustomer a {
  background-position:0 -161px;}
#primnav #aCustomer a span{
  background-position:100% -161px;}


.leftnav {       
 	width:200px;       
	background-color:#CCCCCC;       
	border-left:0px solid #000000;       
	border-right:1px solid #000000;       
	float:left;
	padding: 8px;
	margin-right: 8px;
 }
.rightnav {
	width:240px;  
	border-left:0px dotted #000000;       
	float:right;
	padding: 13px;
	margin-left: 8px;
	border-left: 1px solid #819EBB;
	background: #E5E8FB url("../images/bgSideboxShadow.gif") repeat-y;
 }

.rightnav {
	text-decoration:none;}

.rightnav LI {
	padding-bottom: 4px;}

.rightnav UL{
	list-style-image:url("../images/bulletArrow.gif");}
.rightnav H2 {
	color: #003366;
	font-size:16px;
	font-family:"Times New Roman", Times, serif;}
	
.quicklinks {
	width: 240px;
	margin: 0 0 4px 4px;
	float: right;
	border: 1px solid #717DB0;
	background: #FFFBF1;}
.quicklinks UL{
	margin: 8px 0px 8px 20px;
}

.quicklinksKofax {
	width: 160px;
	text-align: center;
	margin: 4px 0px 4px 4px;
	padding: 5px;
	float: right;
	border: 1px solid #717DB0;
	background: #FFF;}
.quicklinksCaptaris {
	width: 180px;
	margin: 4px 0px 4px 4px;
	padding: 5px;
	float: right;
	border: 1px solid #717DB0;
	background: #FFF;}
.quicklinksCaptaris UL{
	margin: 0px 0px 0px 14px;
}


.NewsContent {
	position: relative;
	padding: 5px; 
	top: -3px; /* these two define the shadow 'offset'*/
	left: -3px; /*...*/
	color: black;
	background: #FDFAEB url("../images/bgSidebox.gif") repeat-x;
	border: 1px solid #2E595C}
.NewsContentShadow {
	position: relative;
	background: url("../images/shadowdark.gif") repeat;
	top: 0px;
	width: auto;
	margin-bottom: 10px;}
.NewsContent img{
	border: 0px;}
.NewsContent LI {
	padding-bottom: 8px;}

.boxContent {
	position: relative;
	padding: 5px; 
	top: -3px; /* these two define the shadow 'offset'*/
	left: -3px; /*...*/
	color: black;
	background: #FFFFFF url("../images/bgSidebox2.gif") repeat-x;
	border: 1px solid #2E595C}
.boxContentShadow {
	position: relative;
	background: url("../images/shadowdark.gif") repeat;
	top: 0px;
	width: auto;
	margin-bottom: 10px;}
.boxContent img{
	border: 0px;}
.boxContent LI {
	padding-bottom: 8px;}


/*//Product Pages ////////////////////////////////////////////////////////////////////////*/
#tableUnderline {
	font: small/1.3em arial, helvetica, sans-serif;}
#tableUnderline TD {
	border-bottom: 1px solid #CCC;
	padding: 5px;}

#prodtable, #prodtable p {font: small/1.3em arial, helvetica, sans-serif;}
#prodtable th{	text-align:left;}
#prodtable h1{	margin: 0;}
#prodtable h2{
	color:#999999;
	font: bold small/1.3em Arial, Helvetica, sans-serif;
	margin: 0 0 8px 0;}

#prodtable ul{
	margin: 1%;
	list-style-image:url("../images/bullet.gif")}

#prodtable td{
	padding: 4px;}

#prodspectable th, #prodspectable td{
	font: small/1.3em  arial, helvetica, sans-serif;
	text-align:left;
	border-bottom: 1px solid #ccc;
	vertical-align:text-top;
	padding: 1px 5px;}

#prodspectable th {
	font-weight:bold;
	white-space:nowrap;
	width: 1%;
	padding-right: 15px;
	border-right: 1px solid #ececec;
	background: #FAF9FC;}

table#prodspectable  {
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;}

#tableborders {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
#tableborders td{
	padding: 4px;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;}



.highlight { background-color:#FFFF00; padding: 0 5px;}

.shadow {
	float: left;
	margin: 2px;
	width: auto;
	background: url("../images/fuzzy_shadow.png") no-repeat bottom right;}

.shadow div {
	background: url("../images/fuzzy_shadow1.png") no-repeat right top;}

.shadow img {
	background-color: #fff;
	color: #000;
	border: 1px solid #999;
	padding: 4px;
	vertical-align: bottom;}
	
/*Use bold (b) or anchor (a) as the third tag for the shadow*/
.shadow div a {
	background: url("../images/fuzzy_shadow2.png") no-repeat left bottom;
	padding: 0 6px 6px 0;
	display: block;}
.shadow div b {
	background: url("../images/fuzzy_shadow2.png") no-repeat left bottom;
	padding: 0 6px 6px 0;
	display: block;}

/*NOTE: The pull quote graphics will not show in IE 5 and 5.5 because of IE browser bugs*/
.pullquote {
	width: 160px;
	float:right;
	font: small/1.3em verdana, geneva, arial, helvetica, sans-serif;
	margin:0px 10px 10px;
	padding:5px 25px 5px 8px;
	border-right: 1px solid #B4C5D7;
	border-bottom: 1px solid #B4C5D7;
	border-top: 1px solid #D6E2EE;
	border-left: 1px solid #D6E2EE;}