p#offsite {float: right; }
p#offsite a:link , p#offsite a:link:visited {color: #819194; font-weight: bold; text-transform: uppercase}

* {
/*border: 1px solid #f00;*/
	margin: 0px;
	padding: 0px;
}
	
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background-color: #bfced0;
border-top: 40px solid #fff;
}


#header   {background: url(../i/bg.gif) repeat-x  ;
}


body#home #headerpic   {clear:both;background: url(../i/header_home.jpg) no-repeat   ;height:375px;padding-top:0px; border-bottom: 1px solid #bfced0;
}

body#company #headerpic    {clear:both;background: url(../i/header_1.jpg) no-repeat   ;height:165px;border-bottom: 1px solid #bfced0;
}

body#products #headerpic    {clear:both;background: url(../i/header_2.jpg) no-repeat   ;height:165px;border-bottom: 1px solid #bfced0;
}

body#services #headerpic    {clear:both;background: url(../i/header_3.jpg) no-repeat   ;height:165px;border-bottom: 1px solid #bfced0;
}

body#resources #headerpic    {clear:both;background: url(../i/header_4.jpg) no-repeat   ;height:165px;border-bottom: 1px solid #bfced0;
}

body#contact #headerpic    {clear:both;background: url(../i/header_5.jpg) no-repeat   ;height:165px;border-bottom: 1px solid #bfced0;
}


#intro {margin: 105px 0 0 580px;width: 210px;}
body#home  #intro {width: 380px !important;}

body#home #headerpic   #intro {margin: 95px 0 0 500px;width: 260px;}

#strap {height:20px;background: transparent; 	color: #98AEB2;}

#strap  h1 {	margin:0 0 5px 20px;padding: 0px;
	font-size: 12px; line-height: 12px; 
	font-weight: bold;



}

#strap a:link, #strap a:visited {color: #98AEB2; border-bottom: 1px dotted  #98AEB2;}
#strap a:hover {text-decoration: none;border-bottom: 1px solid  #98AEB2;}

#nav {float: left;
text-transform:uppercase;
font-size:12px;font-weight:bold;
padding:1px 0 0 20px;width:528px;
}

/*#nav ul {		

display: inline-table;
 REAL VALUE. Hide from IE-mac \
display:inline;   
 End hide from IE-mac 
	
		list-style-type: none;
		}

#nav   li 
{
		
padding:0  10px 0 0 ;
	display: inline;

}


#nav   li a:link, #nav   li a:visited {color: #fff; text-decoration:none; } 
#nav   li a:hover, #nav   li a:active {color: #d3dedf;}*/ 

#logo {position:absolute; top: 96px; left:510px;}


#intro h2 {color: #fff;font-size: 20px; letter-spacing:-1px; font-weight: normal;line-height:20px;padding-bottom:10px; }
#intro h3 {font-size: 15px; letter-spacing:-1px; font-weight: bold; line-height:20px;padding-bottom:10px;}
#intro p {font-size: 11px; line-height:15px;padding-bottom:10px; }


a:link,
a:visited {text-decoration: none; color: #f00; }

a:hover,
a:active {text-decoration: underline; color: #f00; }


.grad a:link,
.grad  a:visited {text-decoration: none; color: #006; }

.grad a:hover,
.grad a:active {text-decoration: underline; color: #00c; }



a#morebutton:link,
a#morebutton:visited {background: url(../i/more.gif) no-repeat ; display:block;  height:34px; width:107px; text-indent: -1000px; float:right; margin-right: 5px;}

a#morebutton:hover,
a#morebutton:active {background: url(../i/more_ovr.gif) no-repeat ; display:block;  height:34px; width:107px; text-indent: -1000px; float:right; margin-right: 5px; }

/*
a#shopbutton:link,
a#shopbutton:visited {background: url(../i/shop.gif) no-repeat ; display:block;  height:35px; width:95px; text-indent: -1000px; margin-bottom: 10px;}

a#shopbutton:hover,
a#shopbutton:active {background: url(../i/shop_ovr.gif) no-repeat ; display:block;  height:35px; width:95px; text-indent: -1000px; margin-bottom: 10px; }




a#gobutton:link,
a#gobutton:visited {background: url(../i/go.gif) no-repeat ; display:block;  height:29px; width:29px; text-indent: -1000px; margin: -2px 0 0 2px;float:right;}

a#gobutton:hover,
a#gobutton:active {background: url(../i/go_ovr.gif) no-repeat ; display:block;  height:29px; width:29px; text-indent: -1000px; margin: -2px 0 0 2px; float:right; }


*/

#intro a:link,
#intro a:visited {color: #666; }

#intro a:hover,
#intro:active {color: #fff; }

#subnav {width:770px;}

.grad  {height:170px; font-size: 11px; line-height: 15px; float: left; width:170px; border-right: 1px solid #ccc;background: #fff url(../i/grad.gif) repeat-x ; padding:10px; 
}


head:first-child+body .grad /* <--- Hides from IE win \*/
{

width:167px;
}



.grad h4 {font-size: 13px;letter-spacing:-1px; line-height: 15px; text-transform:uppercase; }
.grad h5 {font-weight: normal; color: #6f7f82; font-size: 13px;letter-spacing:-1px; line-height: 15px; padding-bottom:5px; }



.grad li a:link,
.grad li a:visited {text-decoration:none;  display:block;  height:15px; border-bottom:1px solid #fff; background:transparent; }

.grad li a:hover,
.grad li a:active { color: #333; text-decoration:none;  display:block;  height:15px; border-bottom:1px solid #bfced0; background:#e2e9ea; }

.grad h4 a:link,
.grad h4 a:visited,
.grad h4 a:hover,
.grad h4 a:active {color: #333; text-decoration:none;}


.grad li {		

display: inline-table;
/* REAL VALUE. Hide from IE-mac \*/
display:inline;   
/* End hide from IE-mac */
	
		list-style-type: none;
		}

ul.nobullet,
ul.nobullet li {		

padding: 0; margin:0;
	
		list-style-type: none;
		}


.grad ul {margin-bottom:20px; }

.shortgrad {height:80px;}
.emptygrad {background-image:none; border:none;}


.productcats {background: #fff; width: 100%; height: 31px; }

.productgrad {height: 10px;width: 80px !important;line-height: 15px;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;}

head:first-child+body .productgrad /* <--- Hides from IE win \*/
{
/*  Hide from IE mac \*/
width:104px;/* End hide from IE mac */
}

.last {width: 124px !important;}

head:first-child+body .last /* <--- Hides from IE win \*/
{
/*  Hide from IE mac \*/
width:105px;/* End hide from IE mac */
}



#footer {width:100%; clear:both;height: 60px; /*width:764px;*/background: #98aeb2  url(../i/footer_bg.gif) repeat-x  ; color: #fff ; 	font-size: 12px; font-weight: bold;
}

#footer p { padding: 25px 20px 1px 20px ;}


#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {color: #fff; text-decoration:none;}


#credit p {font-size:11px; clear:both; padding: 5px 20px 1px 20px ;}

#credit a:link,
#credit a:visited,
#credit a:hover,
#credit a:active {color: #333; text-decoration:none;}

#gradpage {background: #fff  ;width:100%;clear: both;}

#content {margin:20px 10px; width: 760px;}
#endpagecontent {float:left;margin:20px 40px 10px 10px; width: 513px;}
#endpagecontent ul {margin: 0 0 20px 10px;padding:0 10px; }


a.pdf { display: block; background: #fff url(../i/pdficon.gif) no-repeat ; padding:0px 35px; height:30px; width: 250px; line-height: 15px; font-weight:bold; font-size:11px;color: #c00; margin:0 0 10px 10px; }

a.disk { display: block; background: #fff url(../i/windisk.gif) no-repeat ; padding:0px 35px; height:30px; width: 250px; line-height: 15px; font-weight:bold; font-size:11px;color: #c00; margin:0 0 10px 10px; }

a.plus { display: block; background: #fff url(../i/plus-logo.jpg) no-repeat ; padding:0px 75px; height:80px; width: 80px; line-height: 15px; font-weight:bold; font-size:11px;color: #c00; margin:0 0 10px 10px; }



a.smallpdf {  display: block; background:  url(../i/pdficon.gif) no-repeat ; padding:0px 35px; height:30px; width: 150px; line-height: 15px; font-weight:bold; font-size:11px;color: #c00;  margin:0 0 5px 0 !important; }





#endpagecontent h3 ,
#content h3  {font-size: 14px; color: #666; font-weight: normal;  line-height: 15px; text-transform:uppercase;padding-bottom:10px;  }


#endpagecontent p ,
#content h3  p { line-height:20px;padding-bottom:10px; }


#np {clear:both; padding: 5px 20px 1px 20px ;}

.manufacturer {color: #6f7f82; font-size: 10px;}

.prodthumb {height:250px;  overflow:hidden;}



.searchform{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:2px; margin:0;

	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
}

.searchbutton{	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
padding:2px; margin:0;
height:25px; line-height:15px;
	font-size: 11px;font-weight:bold;
	color: #333333;
	background-color: #FFFFFF;
}

/* @group product subcats */

.currentcat {
	background: #bfced0;
}



ul#productsubcats {text-transform: uppercase;
margin: -5px 0 20px -4px;
	padding: 0;width: 100%;
	float: left;
	clear: left;

}

ul#productsubcats li {
	list-style: none;
	float:left;	
}
ul#productsubcats li a {text-decoration: none;
	color: #333;display: block;padding: 0  8px; margin: 5px 0; border-right:  1px solid #ccc;

}
/* @end */




/* @group MENU */

/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
*/
#p7PMnav
{font-weight:  bold; 
	clear: both;
	padding:  0;margin-left: -1em;

}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#p7PMnav ul {font-weight:  normal; 
	margin: 7px 0 0;
	padding: 2px 0 5px 0;
background: url(../i/white_90.png) repeat;
border: 1px solid #ccc; 
	position: absolute;
	left: -9000px;
	z-index: 10000;
}
#p7PMnav a {
	display: block;
	text-decoration: none;
	padding:  0 0 0 1em ; margin: 0;
	color: #fff;
}
#p7PMnav a:hover, #p7PMnav a:active{
	color: #d3dedf;
}




/* ------ submenu style ------ */

#p7PMnav  li ul li a:link, #p7PMnav  li ul li a:visited {
	display: block;font-size: 0.9em !important; 
	text-decoration: none;
	padding: 5px  0  5px  0 ;  margin:  0 5px 0 10px;
	color: #666;
	line-height:1;
	border-bottom: 1px dotted #ccc; 
}
#p7PMnav  li ul li a:hover, #p7PMnav  li ul li a:active{
	 border-width: 0; color:  #333;border-bottom: 1px dotted #ccc;background-image: none;


}



/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
 

}
/* ------ the trigger link styles ------- */

/*the trigger link */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {

	color: #d3dedf;}

/* the active trigger link style */
#p7PMnav .p7PMon {
	color: #d3dedf;
	/*background: url(../i/down.gif) no-repeat   0.7em center;*/
	 	

}
/*the submenu classes */

#p7PMnav .p7PMhide {
	left: -9000px;
}
#p7PMnav .p7PMshow {
	left: auto;;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	}

#p7PMnav li a{

		background: transparent;
}




#p7PMnav ul li {
	float: none;
}
#p7PMnav ul, #p7PMnav ul li {
	width: 18em;
}
#pmmcrumb {
	font-weight: bold;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #535FAC;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}

/* @end */










  @media screen {
.printonly {display: none;}

}
  @media print {
#subnav {width:90%;}
.grad  { width:250px;
}
}