@charset "utf-8";
/* CSS Document */

html{
font:"Trebuchet MS", "Lucida Sans", "Microsoft Sans Serif", Tahoma, "Tempus Sans ITC";
font-color: #656566;
}
body{
background:#f5f5f5 url(/images/top_gradient.jpg) top repeat-x scroll;
position:inherit;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}
body p{
font-size: .9em;
font-stretch: narrow;
padding: 5px;
text-decoration: none;
}
body, h1, h2, h3, p, a, ul, li, img, tr, td, div{
margin:0;
padding:0;
z-index:auto;
}
a{
text-decoration:none;
}

.link a, a:visited{
	color:#000066;
}

.link a:hover{
	text-decoration: underline;
	color:#F90;
}

/*
ul {
list-style-type:none;
}
*/

.style1 {
	color: #FFFFFF;
	font-size:14px;
}
.style2 {
	font-size: medium;
	font-weight: 400;
}
.style3 {
	font-size: medium;
}
.style4 {
	font-size: 18px;
	font-weight: 400;
	color: #FFFFFF;
}
.style5 {
	font-size: 24px;
}
.bottomnav a {
	color:#06F;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.bottomnav {
	color:#06F;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.bottomnav a:hover {
	color:#06F;
	text-decoration:underline;
}

.bottomnav ul {
clear:left;
float:left;
padding:3px 1px 0 10px;
list-style-type:none;
}

.bottomnav ul li {
float:left;
height:18px;
padding:0 5px;
}
.block{
	font-size:1.1em;
	font: #656566;
	padding-bottom: 80px;
	padding-right: 55px;
	padding-left: 80px;
	text-shadow:#999;
}
.gradient{
background:url(/images/web_gradient.gif);
padding-top:15px;
padding:5px;
}

.boxed{
text-align:left;
padding-left:46px;
padding-right:54px;
}

#ordernow a{
background:transparent url(/images/ordernow.png) no-repeat scroll left top;
float:left;
overflow:hidden;
height: 50px;
width: 148px;
margin-top:5px;
}

#ordernow a:hover{
background:url(/images/ordernow.png) no-repeat scroll left bottom;
float:left;
overflow:hidden;
height: 54px;
width: 148px;
margin-top:5px;
}

.bubbletop{
	background:url(/images/fadebubbletop.gif) center top no-repeat;
	height:31px;
}

.bubblemid{
	background:url(/images/fadebubblemid.gif) center top no-repeat;
}

.bubblebtm{
	background:url(/images/fadebubblebtm.gif) center bottom no-repeat;
	height:31px;
}
.rtbubbletop{
	background:url(/images/fadertbubbletop.gif) center top no-repeat;
	height:12px;
	text-align:center;
}

.rtbubblemid{
	background:url(/images/fadertbubblemid.gif) center top no-repeat;
	padding:0 0 6px 0;
	visibility:visible;
}

.rtbubblemid a{
	font-size:.8em;
}

.rtbubblebtm{
	background:url(/images/fadertbubblebtm.gif) center bottom no-repeat;
	width:250px;
	height:12px;
}

/*Begin Navigational areas*/
.navigation {
background:url(/images/nav.gif) center no-repeat;
text-align:center;
margin:0px auto;
}
.navigation p {
line-height:15px;
padding-right:1px;
}
.navigation p {
font-size:1.0em;
color:#666666;
}
.navigation ul {
width:auto;
height:auto;
margin:0 auto;
padding:3px 10px;
list-style-type:none;
}
.navigation li {
border-right:1px solid #fff;
height:18px;
padding:0 5px;
display:inline;
}
.navigation li.last {
border:none;
padding-right:0;
display:inline;
}
.navigation a {
color:#FFF;
font-size:.9em;
font-weight:500;
text-transform:uppercase;
padding:0 4px;
}
.navigation a.last {
border:medium none;
padding-right:0;
}
.navigation a:hover {
color:#FFF;
text-decoration:underline;
}
/*  Chat Button styles  */
.chatlink a{
	text-decoration:none; 
	color:#FFF; 
	font-weight:400er;
}
.chatlink a:hover {
	text-decoration:underline;
}
/* Begin Buttons Style*/
/*  IMPORTANT
//  any changes to the buttons id will require changes in styles_ie.css*/
#buttons {
float:left;
height:69px;
overflow:hidden;
padding-top:5px;
width:100%;
list-style-type:none;
}
#buttons li {
float:left;
padding:1px;
}
#buttons a {
background:transparent url(../images/button_bg.gif) no-repeat scroll left top;
color:#FFF;
float:left;
font-size:.9em;
font-weight:400;
height:50px;
line-height:16px;
padding:19px 0 0 13px;
text-transform:uppercase;
width:200px;
}
#buttons a:hover {
background-position:left bottom;
text-decoration:none;
}
#buttons a span {
display:block;
font-family:Tahoma,Arial;
font-size:.7em;
font-weight:normal;
line-height:14px;
padding-left:1px;
text-transform:none;
}

.clear{
clear:both;
}

/*begin footer style*/
#footer{
background:url(/images/footer.png) center top no-repeat;
height:165px;
overflow:hidden;
margin: 0;
padding: 0;
float: center;
font-family:"Trebuchet MS",arial,helvetica,sans-serif;
font-size:.8em;
font-color: #656566;
list-style-type:none;
}
#footer li{
display: inline;
}
#footer a{
	align: center;
	color: #656566;
	padding: 8px 11px; /*padding of tabs*/
	border-top: 0px solid #d3bdbe; /*top border style*/
	border-bottom: 0px solid #ffa1a3; /*thick bottom border below tabs*/
}
#footer a:visited{
color: #444;
}
#footer a:hover{
color: #555;
background:url(/images/footer.png) center bottom no-repeat;
height:165px;
overflow:hidden;
}

.listview{
margin: 0;
padding: 0;
float: center;
font-family:"Trebuchet MS",arial,helvetica,sans-serif;
font-size:.8em;
font-color: #656566;
list-style-type:none;
}
.listview li{
display: inline;
}
.listview a{
	align: center;
	color: #656566;
	padding: 8px 11px; /*padding of tabs*/
}
.listview a:visited{
color: #444;
}
.listview a:hover{
color: #555;
}

.smallpad{
	padding:5;
	padding-left:15;
	white-space:2;
}

/*/////////////////////////////////////////////////////////
////////////////////FAQ Page styles////////////////////////
/////////////////////////////////////////////////////////*/
.faqanchor p{
	font-size:1em;
	text-decoration:none;
	font-style: 400;
    font-stretch: narrower;
}
.faqanchor a{
	font-size:1em;
	text-decoration:none;
	color:#06C;
	font-style: 400;
    font-stretch: narrower;
}
.faqanchor li{
	padding:0 10px;
}

.faqanchor ul{
	list-style-type:disc; 
	list-style-position:inside;
}

.qanchor a{
	font-size:1em;
	color:#06C;
	font-style: 400;	
	padding:0 10px;
}
.qanchor li{
	list-style-type:circle;
	color:#06C;
}

/*/////////////////////////////////////////////////////////
////////////////////portfolio styles///////////////////////
/////////////////////////////////////////////////////////*/
.portfolio{
	text-align:center;
	font-size:2em;
}

.portfolio img{
	padding:0px 40px 40px;
	vertical-align: bottom;
	border:0;
}

.portfolio p{
	vertical-align:text-top;
	margin-top:25px;
}

/*/////////////////////////////////////////////////////////
//////////////////prices page styles///////////////////////
/////////////////////////////////////////////////////////*/
.bottom td{
	border-bottom:3px solid #777;
	padding-bottom:3px 0px;
}
.bottom p{
	padding:0px;
	margin:10px 0px 2px 20px;
	display:block;
	font-weight:800;
	height:20px;
	font-size:.8em;
}
.normal p{
	padding:0px;
	margin:10px 0px 0px 20px;
	display:block;
	font-weight:800;
	height:25px;
	font-size:.8em;
}
.greyhead{
	text-shadow:#999;
	font-size:1.1em;
	font: #656566;
	font-weight:600;
	padding-left:10px;
}
.textblock p{
	font: 1.0em;
	font-weight: normal;
	padding:10px 0px;
	margin:2px 0px 0px 20px;
	display:block;
}
.textblock li{
	font: .9em;
	font-weight: normal;
	padding:2px 0px 0px 20px;;
	margin:0px;
	display:block;
}
.textblockbold p{
	font: 1.0em;
	font-weight: bold;
	padding:10px 0px;
	margin:2px 0px 0px 20px;
	display:block;
}
.textblockbold li{
	font: 1.0em;
	font-weight: bold;
	padding:2px 0px 0px 20px;;
	margin:0px;
	display:block;
}
.package{
	font-weight:400;
	font-size:.9em;
	margin:0px;
}
.packageorder{
	color:#F90;
	font-weight:400;
	font-size:1.0em;
}
.benefit{
	font-size:.8em;
	font-weight:400;
	text-align:left;
}
.benefit li{
	padding:0 8px;
	list-style-position:inside;
}
/*/////////////////////////////////////////////////////////
////////////////floater images styles//////////////////////
/////////////////////////////////////////////////////////*/
.floater{
position:relative;
/* This value needs to change for IE*/
}
.floatman{
position:relative;
/* This value needs to change for IE*/
} 

#commercial_top{
	background:url(/images/commercial_image_top.png) top left no-repeat;
	visibility:visible;
	height:34px;
	width:900px;
	overflow:visible;
}

.customer_service_graphic{
	background:url(/images/commercial_customer_service.jpg) top left no-repeat;
	visibility:visible;
	height:532px;
	width:900px;
	overflow:visible;
	color:#444;
}

.business_consult_graphic{
	background:url(/images/commercial_business_consult.jpg) top left no-repeat;
	visibility:visible;
	height:532px;
	width:900px;
	overflow:visible;
	color:#444;
}

.taguchi_test_graphic{
	background:url(/images/commercial_taguchi_test.jpg) top left no-repeat;
	visibility:visible;
	height:532px;
	width:900px;
	overflow:visible;
	color:#444;
}

#commercial_btm{
	background:url(/images/commercial_image_btm.png) top left no-repeat;
	visibility:visible;
	height:34px;
	width:900px;
	overflow:visible;
}