body {
	color: #000000;
	font-family: Arial, Verdana, Helvetica; 
	font-size: 13px;
	line-height: 16px;
	background-color: #ffffff;
	margin: 0; 
	padding: 0; 
	text-align: center;
	min-width: 780px;
	background: url(media/bkg.gif); }
#wrapper {
	margin: 0 auto;
	width: 780px;
	text-align: left;	}
.btn { background-image:url(media/btn-submit.gif) } 


/* --TOP SECTION--  */
#header {
	width: 780px;
	height: 100px;
	padding: 0; }
#header img {
	height: 100px; }
#nav {
	width: 780px;
	height: 26px;
	padding: 0; }
#nav img {
	height: 26px; }	

	


/* --BODY --  */
#body-wrapper {
	width: 780px;
	background-color: #FFFFFF; }
	
#home td {
	vertical-align: top; }
#home td.body-main {
	width: 510px; }
#home td.body-main-gray {
	width: 510px;
	background-color: #efefef; }
#home td.body-right {
	width: 270px;
	padding: 0;
	text-align: center;
	background-color: #551284;  }
#home td.dot-line {
	width: 510px; 
	height: 4px; 
	padding: 0;
	background: url(media/bg-dot.gif) repeat-x; }	
div.content {
	padding: 15px 15px 0 15px; }

#reasons {
	background-color: #FFFFFF;
	width: 231px; }
#reasons td {
	vertical-align: top; }
#reasons td.title {
	font-weight: bold;
	padding: 5px 15px 5px 15px; }
#reasons td.yel {
	color: #f6b100;
	font-weight: bold;
	padding: 5px 15px 5px 15px; }
#reasons td.link {
	text-align: left;
	padding: 5px 15px 5px 15px; }
#reasons td.line {
	width: 1px;
	padding: 0;
	background-color: #cdcdcd; }
#reasons td.dot {
	height: 10px;
	background: url(media/table-dot.gif) no-repeat }
	
	
#hydraulic td {
	vertical-align: top; }
#hydraulic td.body-left {
	width: 405px;
	padding: 10px 15px 10px 15px; }
#hydraulic td.body-center {
	width: 200px;
	padding: 10px 15px 10px 15px; }	
#hydraulic td.body-right {
	width: 175px;
	padding: 10px 0 10px 0;
	/* background-color: #551284; ORIG */
	/* background-color: #baa4bb; LT PURP */
	/* background-color: #d4d5d6; */
	background:url(media/bg-rfq.gif) repeat-y; }
#hydraulic td.body-left-absorbers {
	width: 605px; 
	padding: 10px 15px 10px 15px;	}
#hydraulic td.body-left-damper {
	width: 230px;
	padding: 10px 15px 10px 15px; }
#hydraulic td.body-center-damper {
	width: 375px;   
	padding: 10px 15px 10px 15px; }
	
	
#page-2col td {
	vertical-align: top; }
#page-2col td.body-left-white {
	width: 175px;
	padding: 10px 15px 10px 15px;
	background-color: #FFFFFF; }
#page-2col td.body-left-purp {
	width: 175px;
	padding: 10px 15px 10px 15px;
	background-color: #551284;
	color: #FFFFFF; }
#page-2col td.body-center {
	width: 605px;
	padding: 10px 15px 10px 15px; }	

#page-1col {
	padding: 10px 15px 10px 15px; }


#main-works {
	height: 350px;
	border: 1px solid #666666;
	text-align: right;
	background-color: #FFFFFF; }
#resources td {
	padding: 10px 15px 10px 15px;
	vertical-align: top;
	text-align: center; }
#contact td {
	padding: 5px 15px 5px 0;
	vertical-align: top; }	

h1 {
	font-family: Arial, Verdana, Helvetica;
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	line-height: 18px; }
h1.headline {
	font-family: Arial, Verdana, Helvetica;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px; }
h1.gheadline {
	font-family: Arial, Verdana, Helvetica;
	color:#666666;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px; }
h2.reasons {
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	line-height: 14px;
	color: #551284; }
h2.rfq {
	font-family: Arial, Verdana, Helvetica;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 14px;
	color: #551284; }	
div.rfq {
	width: 100%; 
	height:2px; 
	border-bottom:1px solid #551284; }
.purp {
	font-weight: bold;
	color: #551284; }
.yellow {
	font-weight: bold;
	font-style: italic;
	font-size: 15px;	
	color: #ffcc00; }
ul.bullet {
	list-style-type: none;
	padding: 0;
	margin: 0; }
ul.bullet li {
	background-image: url(media/bull.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .8em; }


/* --FOOTER--  */		
#footer  {
	width: 780px;
	background-color: #8b8a8f;
	background: url(media/bg-footer.gif) repeat-x;
	text-align: center;
	padding: 5px 0 5px 0; }
#footer  a {
	font-family: Arial, Verdana;
	font-size: 11px;	
	color: #FFFFFF;
	text-decoration: none; }
#footer p {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #8b8a8f;
	margin: 0; }