
/* ------------------------------------------------------------------------------------------- */
/*     Main Body and HTML styles...                                                            */
/* ------------------------------------------------------------------------------------------- */
html,body,td,th,p,li	{
	
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #ffffff;
	color: #000000;
	font-size: x-small;


}

img { vertical-align:bottom}

html,body { 
	text-align: center; 
	background-color: transparent; 
}

td,th,p,li { 
	text-align: left; 
}


html {
	
	background-color : #ffffff; border: 0 solid #000000; 
	scrollbar-face-color: #ffffff; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #3d3d3d; 
	scrollbar-3dlight-color: #8c8c8d; 
	scrollbar-arrow-color: #3d3d3d; 
	scrollbar-track-color: #f5f5f5; 
	scrollbar-darkshadow-color: #bcbcbc;
	overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;	
}


body	{
	
	font-family: verdana, arial;
	font-size: x-small;
	font-weight: normal;
	color: #000000;
	background-color: #ffffff;
	text-align: center;

}




h1 	{
	font-family: verdana, arial;
	font-size: large;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

h2 {
	color: #000000;
	font-family: verdana, arial;
	font-size: medium;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
}

h3 		{
	color: #000000;
	font-family: verdana, arial;
	font-size: small;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}

h4 	{
	font-family: verdana, arial;
	font-size: x-small;
	font-weight: bold;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
}



form {
	margin: 0px;
	padding: 0px;
}

textarea {  width: 120px; border: 1px solid #BEBFBF; color: #3F3D3D;}
select {  width: 124px; border: 1px solid #BEBFBF; color: #3F3D3D;}
.checkbox { border: 0px solid #BEBFBF;}


/* ------------------------------------------------------------------------------------------- */
/*     Site Structure Styles - Used to control main work areas and structure of site           */
/* ------------------------------------------------------------------------------------------- */



#contentHolder {
	border: 0px solid red;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	padding: 0px;
}

#content {
	float: left;
	width: 594px;
	border: 0px solid red;
	vertical-align: top;
	margin: 0px;
	text-align: left;
	margin-left:15px;
	margin-bottom:10px;


}

html>body #content { width: 594px;}



/* ---------------------------------*/
/*    Header                        */
/* -------------------------------- */

#header {

	border: 0px;
	margin: 0px;
	padding: 0px;
	width: 780px;
	background-color: #ffffff;
	border:0px solid red;
	background-image:url(../images/header/headerNav.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:29px;
	margin-top:10px
}

.HeaderNav {
	text-align:right;
	margin: 0px;
	padding: 0px;
	width: 315px;
	float:right;
	border:0px solid red;
	margin-top:7px;
	 margin-right:20px;
	
		
}


.HeaderNav  ul {
 text-align:right;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 list-style-position: outside;
 vertical-align: middle;
 padding: 0px;
 width: 310px;
 
 
}
 
html>body .HeaderNav  ul { float:left; border:0px solid red; margin-bottom:0px; width:310px; }

.HeaderNav li  {
background-color:transparent;
display:inline;
}

.HeaderNav li  a{
background-color:transparent;
display:inline;
margin-left:30px;
}

.HeaderNav li a:link {
	font-weight:bold; text-decoration:none; color:#000000; font-size:x-small; background-image:url(../images/header/headerNavArrow.gif); background-repeat:no-repeat; background-position:left; padding-left:15px
	
}
.HeaderNav li a:visited {
	font-weight:bold; text-decoration:none; color:#000000; font-size:x-small; background-image:url(../images/header/headerNavArrow.gif); background-repeat:no-repeat; background-position:left; padding-left:15px
	
}
.HeaderNav  li a:hover {
	font-weight:bold; text-decoration:none; color:#f38e20; font-size:x-small; background-image:url(../images/header/headerNavArrowRollover.gif); background-repeat:no-repeat; background-position:left; padding-left:15px
	
}
.HeaderNav  li a:active {
	font-weight:bold; text-decoration:none; color:#000000; font-size:x-small; background-image:url(../images/header/headerNavArrow.gif); background-repeat:no-repeat; background-position:left; padding-left:15px
	
}

/* ---------------------------------*/
/*    Left Bar                      */
/* -------------------------------- */

#leftBar {
	vertical-align: top;
	border:0px solid red;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 171px;
	background-color:#ffffff;
	
}

.leftNav {
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 171px;
	float:left;
		
}


.leftNav  ul {
 text-align:left;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 list-style-position: outside;
 vertical-align: middle;
 padding: 0px;
 padding-bottom: 20px;
 width: 161px; 
 margin-top: 10px;
 border:0px solid red; 
 padding-left:10px;
 float:left;
  
}
 
html>body .leftNav  ul { padding-bottom: 20px; float:left; border:0px solid red; margin:0px; width:161px; margin-bottom:2px;  margin-top: 10px;
}

.leftNav li  {
padding-top:7px;
padding-bottom:7px;
padding-left:18px;
background-color:transparent;
background-image: url(../images/leftbar/leftNavArrow.gif);
background-position:5px 10px;
background-repeat:no-repeat;
float:left
}

.leftNav li a:link {
	font-weight:bold; text-decoration:none; color:#000000; font-size:x-small;
	
}
.leftNav li a:visited {
	font-weight:bold; text-decoration:none; color:#000000; font-size:x-small;
	
}
.leftNav  li a:hover {
	font-weight:bold; text-decoration:none; color:#ee9b21; font-size:x-small;
	
}
.leftNav  li a:active {
	font-weight:bold; text-decoration:none; color:#000000; font-size:x-small;
	
}

.leftNavSub { 
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 143px;
	float:left;
}

.leftNavSub  ul {
 text-align:left;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 vertical-align: middle;
 padding: 0px;
 padding-bottom: 10px;
 width: 143px; 
 margin-top: 10px;
 border:0px solid red; 
 float:left

 
 
}
 
html>body .leftNavSub  ul { padding-bottom: 10px; float:left; border:0px solid red; margin-bottom:0px; width:143px; margin-bottom:2px; margin-left:18px; }

.leftNavSub li  {
padding-top:7px;
padding-bottom:7px;
padding-left:0px;
background-color:transparent;
background-image:none;
float:left;
width:141px;
color:#6d6b69;
font-weight:bold;
}

.leftNavSub li a:link {
	font-weight:bold; text-decoration:none; color:#e19025; font-size:x-small;
	
}
.leftNavSub li a:visited {
	font-weight:bold; text-decoration:none; color:#e19025; font-size:x-small;
	
}
.leftNavSub  li a:hover {
	font-weight:bold; text-decoration:none; color:#6d6b69; font-size:x-small;
	
}
.leftNavSub  li a:active {
	font-weight:bold; text-decoration:none; color:#e19025; font-size:x-small;
	
}


.leftNavSubGrey { 
	text-align:left;
	margin: 0px;
	padding: 0px;
	width: 143px;
	float:left;
}

.leftNavSubGrey  ul {
 text-align:left;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 vertical-align: middle;
 padding: 0px;
 padding-bottom: 10px;
 width: 143px; 
 margin-top: 10px;
 border:0px solid red; 
 float:left

 
 
}
 
html>body .leftNavSubGrey  ul { padding-bottom: 10px; float:left; border:0px solid red; margin-bottom:0px; width:143px; margin-bottom:2px; margin-left:18px; }

.leftNavSubGrey li  {
padding-top:7px;
padding-bottom:7px;
padding-left:0px;
background-color:transparent;
background-image:none;
float:left;
width:141px;
color:#6d6b69;
font-weight:bold;
}

.leftNavSubGrey li a:link {
	font-weight:bold; text-decoration:none; color:#6d6b69; font-size:x-small;
	
}
.leftNavSubGrey li a:visited {
	font-weight:bold; text-decoration:none; color:#6d6b69; font-size:x-small;
	
}
.leftNavSubGrey  li a:hover {
	font-weight:bold; text-decoration:none; color:#e19025; font-size:x-small;
	
}
.leftNavSubGrey  li a:active {
	font-weight:bold; text-decoration:none; color:#6d6b69; font-size:x-small;
	
}
/* ---------------------------------*/
/*    Footer                        */
/* -------------------------------- */

#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 765px;
	background-color:#ffffff;
	background-image:url(../images/footerBg.gif); 
	background-repeat:no-repeat;
	height:22px;
	font-size:x-small;
	padding-top: 7px;
	padding-left:15px;
	
}


/* ------------------------------------------------------------------------------------------- */
/*    Link Styles																	           */
/* ------------------------------------------------------------------------------------------- */

a:link	{
	
	text-decoration: none;
}

a:active	{
	text-decoration: none;
}

a:visited	{
	text-decoration: none;
}

a:hover		{
	text-decoration: underline;
}


.greyLink  a:link {
	font-weight:normal; text-decoration:none; color:#6d6b69; font-size:x-small;
	
}
.greyLink  a:visited {
	font-weight:normal; text-decoration:none; color:#6d6b69; font-size:x-small;
	
}
.greyLink   a:hover {
	font-weight:normal; text-decoration:none; color:#e19025; font-size:x-small;
	
}
.greyLink   a:active {
	font-weight:normal; text-decoration:none; color:#6d6b69; font-size:x-small;
	
}



/* ------------------------------------------------------------------------------------------- */
/*    Miscellaneous -  Cursor styles, font weight etc..										   */
/* ------------------------------------------------------------------------------------------- */


.titleHelp {
	cursor: help;
}

bold	{
	font-weight: bold;
}

italic	{
	font-style: italic;
}

.underline { 
	text-decoration:underline
}




/* ------------------------------------------------------------------------------------------- */
/*    Alignment Styles -  Left align, floatRight etc										   */
/* ------------------------------------------------------------------------------------------- */


.clear {
    clear:both;
  }
  

.alignLeft {
	text-align:left
}

.alignCenter {
	text-align:center
}

.alignRight {
	text-align:right
}

.floatLeft {
	float: left;
}

.floatRight {
	float:right
}

.hidden {
	display:none;
}

/* ------------------------------------------------------------------------------------------- */
/*    left content										   */
/* ------------------------------------------------------------------------------------------- */
.ourStaffContent { background-image:url(../images/leftbar/allStaffBg.gif); background-repeat: repeat-y; background-position:left; width:151px; color:#000000; font-size:x-small; font-weight:bold; padding:10px; float:left}

.ourStaffFooter { background-image:url(../images/leftbar/allStaffFooter.gif); background-repeat:no-repeat; height:16px; text-align:right; padding-top:3px; margin-bottom:10px; width:171px; float:left}

.ourStaffFooter a{ color:#FFFFFF; font-size:x-small; font-weight:bold; margin-right:20px; margin-top:4px}

.newsContent { background-image: url(../images/leftbar/latestNewsBg.gif); background-repeat: repeat-y; background-position:left; width:151px; color:#4b4a49; font-size:xx-small;  padding:10px; float:left}

.newsContent h1{ color:#ee9b21; font-size:x-small; font-weight:bold; margin-bottom:10px;}

/* ------------------------------------------------------------------------------------------- */
/*    Banner										   */
/* ------------------------------------------------------------------------------------------- */

.banner { text-align:right; margin-top:30px; margin-bottom:11px;}

/* ------------------------------------------------------------------------------------------- */
/*  homepage										   */
/* ------------------------------------------------------------------------------------------- */

.ProductsServices { width:401px; float:left; margin-right:15px; margin-top:5px}
html>body .ProductsServices {margin-top:7px}
.ProductsServices h1 { background-image:url(../images/homepage/orangeDotted.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px;}

.products { background-image:url(../images/homepage/productsPhone.gif); background-repeat:no-repeat; background-position:right; color:#6d6b69; font-weight:bold; margin-top:10px; margin-bottom:10px; float:left; width:401px}
.products h2{ font-size:x-small; font-weight:bold; color:#000000}

.products  ul {
 text-align:left;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 list-style-position: outside;
 vertical-align: middle;
 padding: 0px;
 padding-bottom: 10px;
 width: 240px; 
 margin-top: 0px;
 border:0px solid red; 
 padding-left:10px;
 float:left;
  
}
 
html>body .products  ul { padding-bottom: 10px; float:left; border:0px solid red; margin:0px; width:240px; margin-bottom:2px;  margin-top: 0px;
}

.products li  {
padding-top:5px;
padding-bottom:5px;
padding-left:18px;
background-color:transparent;
background-image: url(../images/homepage/orangeBullet.gif);
background-position:5px 11px;
background-repeat:no-repeat;
float:left;
color:#6d6b69;
width:220px;
}

.products li  a{color:#6d6b69; text-decoration:underline}


.services { background-image: url(../images/homepage/servicesSim.gif); background-repeat:no-repeat; background-position:right; color:#6d6b69; font-weight:bold; margin-top:10px; margin-bottom:10px; float:left; width:401px}
.services h2{ font-size:x-small; font-weight:bold; color:#000000}

.services  ul {
 text-align:left;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 list-style-position: outside;
 vertical-align: middle;
 padding: 0px;
 padding-bottom: 10px;
 width: 200px; 
 margin-top: 0px;
 border:0px solid red; 
 padding-left:10px;
 float:left;
  
}
 
html>body .services  ul { padding-bottom: 10px; float:left; border:0px solid red; margin:0px; width:200px; margin-bottom:2px;  margin-top: 0px;
}

.services li  {
padding-top:5px;
padding-bottom:5px;
padding-left:18px;
background-color:transparent;
background-image: url(../images/homepage/orangeBullet.gif);
background-position:5px 11px;
background-repeat:no-repeat;
float:left;
color:#6d6b69;
width:180px;
}

.keyCustomers { width:178px; float:left;}

.keyCustomersBg { background-image:url(../images/homepage/keyCustomerBg.gif); background-repeat:repeat-y; background-position:top; width:178px; float:left}
.keyCustomersBg H1 { color:#FFFFFF; background-color:#ee9b21; font-size:x-small; font-weight:bold; width:162px; margin-left:3px; padding:5px; padding-top:6px; padding-bottom:6px;   }
html>body .keyCustomersBg H1{float:left}

.customerImg { border:1px solid #aaa8a6; float:left; margin-top:5px; margin-left:5px; margin-right:5px}
.customerTitle {float:left; font-weight:bold; color:#000000; font-size:x-small; height:27px; vertical-align:baseline; margin-top:20px; width: 40px}

/* ------------------------------------------------------------------------------------------- */
/*  our company										   */
/* ------------------------------------------------------------------------------------------- */

.fullScreen { width:594px; float:left; margin-top:5px}
html>body .fullScreen {margin-top:7px}

.fullScreen h1 { background-image:url(../images/homepage/orangeDotted.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:5px; margin-bottom:10px;}
.fullScreen h2 { color: #f38e20; font-weight:bold; font-size:11px; margin-bottom:5px}

.fullScreen p { color:#6d6b69; margin-bottom:10px;}

.orangeText {color: #f38e20}
.greyText {color: #6d6b69}
.orangeTextBold {color: #f38e20; font-weight:bold}
.greyTextBold {color: #6d6b69; font-weight:bold}

.keyFacts { background-image:url(../images/ourCompany/keyFactsBg.gif); background-repeat:repeat-y; background-position:top; width:580px}

.keyFacts table { width:576px; margin-left:2px; margin-right:2px}

.keyFacts td { color: #6d6b69; font-weight:bold; padding:5px}

.fullScreen  a:link{ color: #f38e20; font-weight:bold; text-decoration:underline}
.fullScreen  a:visited{ color: #f38e20; font-weight:bold; text-decoration:underline}
.fullScreen  a:hover{ color: #f38e20; font-weight:bold; text-decoration:underline}
.fullScreen  a:active{ color: #f38e20; font-weight:bold; text-decoration:underline}

.summaryKeyFinancials th{ background-color:#a5a3a0; color:#FFFFFF; font-size:11px; padding:3px; font-weight:bold}
.summaryKeyFinancials td { background-color:#f5f6f6; padding:3px; color: #6d6b69;}

.services { background-image: url(../images/homepage/servicesSim.gif); background-repeat:no-repeat; background-position:right; color:#6d6b69; font-weight:bold; margin-top:10px; margin-bottom:10px; float:left; width:401px}
.services h2{ font-size:x-small; font-weight:bold; color:#000000}

.fullScreen  ul {
 text-align:left;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 list-style-position: outside;
 vertical-align: middle;
 padding: 0px;
 padding-bottom: 10px;
 width: 550px; 
 margin-top: 10px;
 border:0px solid red; 
 padding-left:10px;
 float:left;
 color: #f38e20; font-weight:bold
  
}
 
html>body .fullScreen  ul { padding-bottom: 10px; float:left; border:0px solid red; margin:0px; width:550px; margin-bottom:2px;  margin-top: 10px;
}

.fullScreen li  {
padding-top:5px;
padding-bottom:5px;
padding-left:18px;
background-color:transparent;
background-image: url(../images/homepage/orangeBullet.gif);
background-position:5px 11px;
background-repeat:no-repeat;
float:left;
color:#6d6b69;
width:530px;
}

.halfScreen  {
 margin: 0px;
 padding: 0px;
 width: 285px; 
 margin-top: 10px;
 padding-left:0px;
 float:left;

  
}

html>body .halfScreen  {  width: 295px;}

.halfScreen  ul {
 text-align:left;
 margin: 0px;
 list-style:none;
 voice-family: "\"}\"";
 voice-family: inherit;
 list-style-position: outside;
 vertical-align: middle;
 padding: 0px;
 padding-bottom: 10px;
 width: 225px; 
 margin-top: 10px;
 border:0px solid red; 
 padding-left:10px;
 float:left;
 color: #f38e20; font-weight:bold
  
}
 
html>body .halfScreen  ul { padding-bottom: 10px; float:left; border:0px solid red; margin:0px; width:225px; margin-bottom:2px;  margin-top: 10px;
}

.halfScreen li  {
padding-top:5px;
padding-bottom:5px;
padding-left:18px;
background-color:transparent;
background-image: url(../images/homepage/orangeBullet.gif);
background-position:5px 11px;
background-repeat:no-repeat;
float:left;
color:#6d6b69;
width:215px;
}

.keyemployeesTH { height:25px}
html>body .keyemployeesTH { height:33px}

.SalesBox { border:1px solid #f68a42; background-color:#fef0e6; padding:10px;; font-size:11px; color:#000000; margin:10px; height:65px;}
.HqBox { border:1px solid #ed1d2f; background-color:#fff4f5; padding:10px;; font-size:11px; color:#000000; margin:10px; height:65px;}
.ManufacturersBox { border:1px solid #3ec5e5; background-color:#e7f9fd; padding:10px;; font-size:11px; color:#000000; margin:10px; height:65px;}
.AspiringBox  { border:1px solid #e5e21f; background-color:#fefeee; padding:10px;; font-size:11px; color:#000000; margin:10px; height:65px;}

.guestbookForm td { color: #6d6b69}
.guestbookForm input { width:310px; border:1px solid #a5a3a0; color:#6d6b69; font-size:10px; margin-bottom:14px}

.comments { background-image:url(../images/guestbook/commentBg.gif); background-repeat:repeat-y; background-position:left; width:580px}

.comments textarea { width:560px; margin:10px;  border:1px solid #a5a3a0; color:#6d6b69; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif}

.GuestbookButtons { float:right; margin-right:5px}

.GuestbookButtons img { margin-right:10px;}

.guestbookListing { width:594px; background-image:url(../images/guestbook/bottomDotted.gif); background-repeat: repeat-x; background-position:bottom; float:left; padding-bottom:5px; margin-bottom:10px; }
.guestbookListingHeader { width:580px; font-weight:bold; color:#FFFFFF; background-color:#a5a3a0; padding:7px;}
.guestbookListingContent { width:580px; color:#6d6b69; padding:7px; }

.PageTotal { float:left; width:200px; }
.PageListing {float:right;  font-weight:bold;  color:#6d6b69 }
.PageListing a:link { color:#6d6b69; text-decoration:none}
.PageListing a:visited { color:#6d6b69; text-decoration:none}
.PageListing a:hover { color:#ee9b21; text-decoration:underline}
.PageListing a:active { color:#ee9b21; text-decoration:underline}

