/* CSS Document */

body	{background-color:#eeeeee;
			margin:0px;
			font: 12px Verdana, Helvetica, san serif;
			line-height:1.4;
		}
		
table  	{border-collapse: collapse; border-spacing: 0;font: 12px Verdana, Helvetica, san serif;line-height:1.4;}

input, select, textarea  {border: #666666 1px solid;}

li		{margin-bottom:10px;}

h1 {
	color:#666;
	font-size:16px;
	text-decoration:none;
	font-family:Verdana , Arial , Helvetica, sans-serif;
}

h2 {
	color:#666;
	font-size:14px;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica, sans-serif;
}

.headline1 {font:bold 16px Arial,Verdana,san serif;padding:6px; text-decoration:none;color:white;}
.headline1 a {font:bold 16px Arial,Verdana,san serif;padding:6px; text-decoration:none;color:white;}
.headline1 a:hover {font:bold 16px Arial,Verdana,san serif;padding:6px; text-decoration:none;color:white;}
.headline2 {color: #9D0029}

#overallLayout		{width:777px;height:100%;background-color:#ffffff;}

#layerTopRed		{width:775px;height:4px;background-color:#ffffff}

#layerLogo				{width:775px;height:59px;border-bottom:1px solid #B8C7D1;}
	#logoArea			{float:left;width:580px;height:59px;border-right:1px solid #B8C7D1;}
	#logoArea img		{margin-left:0px;margin-top:0px;}
	#quoteArea			{float:left;width:194px;font:10px Verdana,Arial,san serif;color:#9D0029;}
	#quoteArea div		{margin:8px 0 0 19px;}
	#quoteArea a		{text-decoration:none;color:#9D0029;}
	
#layerMenu					{width:775px;height:24px;background-color:#336767;}

#menuLeft{
		float:left;
		width:240px;height:24px;
		//border-right:1px solid #527695;}
		
#menuRight			{float:left;}

#layerContent		{width:775px; margin-top:0px;display:block;	border-top:1px solid #E0E0E0; background-color:#fff;}
						
#layerFooterNew		{width:775px;height:33px;
						background-color:#336767;
						color:white;
						font:10px Verdana,Arial,san serif;margin-top:30px;}
						
#layerFooterNew div	{margin:0 0 0 18;padding-top:10;}
#layerFooterNew p		{margin:0 0 10 0;}							
#layerFooterNew a		{color:white; text-decoration:none; }
#layerFooterNew a:hover{text-decoration:none;}

#mainContent{
	padding-left:15px;
	font-family:Georgia,Trebuchet MS, Times New Roman, Times, serif;
}

#contentLeft		{float:left;width:580px; border-right:1px solid #527695;}
#contentRight		{float:left;width:194px;}

#contentRight a		{text-decoration:none;color:#FFFFFF;}
#contentRight a:hover {text-decoration:underline;}
#headerRight		{text-color:#FFFFFF; vertical-align: middle; font-size:16px; text-decoration:none; width:195px; height:24px; background-color:#CCCC66; padding: 0 0 0 10}

#contentArea		{margin:20 0 0 18;}
#contentArea a		{text-decoration:none;color:#9D0029;}
#contentArea a:hover {text-decoration:none;}

#forSection			{width:580px;height:170px;background-color:#aacece;border-bottom:1px solid #E0E0E0;
						background-image:url(../images/home/bg_for3b.gif);
						background-repeat:repeat-y;}
#forSection	p		{margin:0 0 10 0;}
#forSection	h2		{margin:10 0 15 0;}

#forStorage					{float:left;width:239px; height:181px; background-color:#AACECE; border-right: 1px solid #527695;}
	#forStorage_Content		{margin:0;padding:0;line-height:1.3; padding:5 0 0 0}
	#forStorage_Content	a	{text-decoration:none;color:#9D0029}
	#forText_Storage			{font-size:11px;}
	#forText_Storage img		{margin:5 5 5 5;}
	
#forScanning				{float:left;width:340px; height:181px; background-color:#AACECE;}
	#forScanning_Content	{margin:0;padding:0;line-height:1.3; padding:5 0 0 0}
	#forScanning_Content a	{text-decoration:none;color:#9D0029;}
	#forText_Scanning img	{margin:5 5 5 5;}

#forThird					{float:right;width:194px; height:181px; background-color:#AACECE;}
	#forThird_Content		{margin:0;padding:0;line-height:1.3; padding:5 0 0 0}
	#forThird_Content a		{text-decoration:none;color:#9D0029;}
	#forText_Third			{font-size:11px;}
	#forText_Third a		{text-decoration:none;color:#9D0029}
	#forText_Third a:hover 	{text-decoration:none;}
	#forText_Third img		{margin:5 5 5 5;}

#forThird	h2		{margin:10 0 15 0;}

#forPic						 {float:left;padding:5 5 5 5;}
#forText_Storage				{float:left;padding:0 0 0 0;width:160; }
#forText_Storage a				{text-decoration:none;color:#9D0029}
#forText_Storage a:hover 		{text-decoration:none;}
#forText_Scanning			{float:left;padding:0 0 0 0;width:235;font-size:11px;}		
#forText_Scanning a			{text-decoration:none;color:#9D0029}
#forText_Scanning a:hover 	{text-decoration:none;}
		
#hedDescription			{width:190px;height:43px;background-color:#336767}

#bodyDescription		{width:195px;line-height:1.3;margin:10 0 0 0;font-size:11px;}
#bodyDescription a		{text-decoration:none;color:#9D0029}
#bodyDescription a:hover 	{text-decoration:none;}

#articles					{float:left;width:735px; margin:10 10 10 10}
	#articles a 			{font:12px Verdana,Arial,san serif; text-decoration:none;color:#9D0029}
	#articles div.pic		{float:left;margin:10 10 10 10;}
	#articles div.pic img	{border:1px solid black;}
	#articles div.text		{float:left; margin:10 0 0 10; width:765px;}
	#articles div.text h1	{font:18px Verdana,Arial,san serif;font-weight:bold;color:#003C71;margin:0 0 10 0;}
	#articles div.text h2	{font:11px Verdana,Arial,san serif;font-weight:bold;color:#003C71;margin:0 0 10 0;}
	#articles div.text a	{text-decoration:none;color:#9D0029}
	#articles div.text a:hover {text-decoration:none;}
	
#home						{float:left;width:520px; margin:10 15 0 15}
	#articles div.margin	{margin:0 0 0 10px;}
	#articles div.text		{float:left; margin:10px 0 0 13;width:520px;}
	#articles div.text h1	{font:11px Verdana,Arial,san serif;font-weight:bold;color:#003C71;margin:0 0 10 0;}
	#articles div.text a 	{font:12px Verdana,Arial,san serif; text-decoration:none;color:#9D0029}

#secondaryLeft				{float:left;width:550px; margin:10 10 10 10;}
	#secondaryLeft a 		{font:12px Verdana,Arial,san serif; text-decoration:none;color:#9D0029}
	
#secondaryRight				{float:left;width:195px;}
	#secondaryRight a 		{font:12px Verdana,Arial,san serif; text-decoration:none;color:#9D0029}
	
#serviceLeft				{float:left;width:150px; margin:10 10 10 10;}
#serviceRight				{float:left;width:500px; margin:10 10 10 10;}

#landingLeft		{float:left; width:430px; padding:0 10 0 0;}
#landingRight		{float:right; width:250px;}

.sidebox {
	margin: 0 auto; /* center for now */
	width: 525px; /* ems so it will grow */
	background: url(../images/landing/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	align:center;
}
.sideboxTall {
	margin: 0 auto; /* center for now */
	width: 400px; /* ems so it will grow */
	background: url(../images/landing/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	align:center;
}
.sideboxSimple {
	margin: 0 auto; /* center for now */
	width: 495px; /* ems so it will grow */
	background: url(../images/landing/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	align:center;
}
.boxhead {
	background: url(../images/landing/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../images/landing/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: black; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../images/landing/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}

.special {
width:5px;
visibility:hidden;
}

#layerContentSimple		{	width:1000px;
						margin-top:2px;
						display:block;
					}
#layerContentSimple div.margin	{margin:15 10 0 10; width:980px;}
#landingLeftSimple		{float:left; width:250px; margin:10 0 10 10;}

#landingRightSimple		{float:left; width:460px; margin:10 10 10 10;}
#FormLandingLeft		{float:left; width:420px;}
#textRight		{float:left;width:250px;font-size:11px;}

.boxContent	{float:left; margin:20 20 20 20; border:1 SOLID RED;}

.roundedCornerSpacer {
  margin: 0px; padding: 0px; border: 0px;
  clear: both;
  font-size: 1px; line-height: 1px;
}
/* In the CSS below, the numbers used are the following:
   1px: the width of the border
   3px: a fudge factor needed for IE5/win (see below)
   4px: the width of the border (1px) plus the 3px IE5/win fudge factor
   14px: the width or height of the border image
*/
.borderTL, .borderTR, .borderBL, .borderBR {
  width: 14px; height: 14px;
  padding: 0px; border: 0px;
  z-index: 99;
}
.borderTL, .borderBL { float: left;  clear: both; }
.borderTR, .borderBR { float: right; clear: right; }
.borderTL { margin:  -1px  0px  0px -1px; }
.borderTR { margin:  -1px -1px  0px  0px; }
.borderBL { margin: -14px  0px  0px  0px; }
.borderBR { margin: -14px  0px  0px  0px; }
/* IE5-5.5/win needs the border scooted to the left or right by an
   additional 3px!   Why?  */
.borderTL {
  margin-left: -4px;
  ma\rgin-left: -1px;
}
html>body .borderTL  {
  margin-left: -1px;
}
.borderTR {
  margin-right: -4px;
  ma\rgin-right: -1px;
}
html>body .borderTR  {
  margin-right: -1px;
}
.borderBL {
  margin-left: -3px;
  ma\rgin-left: 0px;
}
html>body .borderBL {
  margin-left: 0px;
}
.borderBR {
  margin-right: -3px;
  ma\rgin-right: 0px;
}
html>body .borderBR {
  margin-right: 0px;
}
/* To get around a known bug in IE5/win, apply the
   border (no margin, padding or positioning) to the
   content class and apply whatever positioning you
   want to the contentWrapper class. */
.content {
  margin: 0px;
  padding: 0px;
  border: 1px solid #000000;
}
.contentWrapper {
  /* position this div however you want, but
     keep its padding and border at zero */
  padding: 0px;
  border: 0px;
}

#formRight {	float:left; 
				margin:10 10 10 10;
				padding:40 10 10 10;
				background-image:url(../images/landing/form-right-border.gif);
				background-repeat:repeat-n;
			}

.roundedcorner_box {
	background: url(/images/landing/roundedcorner_tl.png) no-repeat top left;
}
.roundedcorner_top {
	background: url(/images/landing/roundedcorner_tr.png) no-repeat top right;
}
.roundedcorner_bottom {
	background: url(/images/landing/roundedcorner_bl.png) no-repeat bottom left;
}
.roundedcorner_bottom div {
	background: url(/images/landing/roundedcorner_br.png) no-repeat bottom right;
}
.roundedcorner_content {
	background: url(/images/landing/roundedcorner_r.png) top right repeat-y;
}

.roundedcorner_top div,.roundedcorner_top,
.roundedcorner_bottom div, .roundedcorner_bottom {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcorner_content, .roundedcorner_bottom {
	margin-top: -19px;
}
.roundedcorner_content { padding: 0 15px; }		

.roundedcorner_content h1 {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 18px}

.Error {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#8C0000;
	}

.formError {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#8C0000;
	}

.special {
width:5px;
visibility:hidden;
}