/* === START: HTML Base Elements === */
BODY
{
  margin: 0px;
  padding: 0px;
  text-align: center;    
}

A, H1, H2, H3, H4, H5, H6, LI, P 
{
  font-family: Arial
}

LI, P
{
  font-size: 11px;
}


/* === START: Body background images === */
BODY.enter
{
  margin: 90px 0px; 
  background: #000023 url("images/bg_enter.gif") top left repeat-x;
}
BODY.standard
{
  margin: 20px 0px;
  background-color: #000;
}


/* === START: Splash Page === */
#holderEnter
{
  margin: 0px auto 0px auto;
  width: 910px;
  padding: 65px 0px;
  background-color: #333366;
  display: block;
}


/* === START: Standard Layout === */

#holderPage
{
  margin: 0px auto 0px auto;
  width: 910px;
  display: block;
}

#breadcrumb
{
  width: 910px;
  display: block;
  background-color: #5e554f;
  border-top: 1px solid #5a514b;
  border-bottom: 1px solid #999999;
  text-align: left;
}
#breadcrumb p
{
  margin: 0px;
  padding: 5px 50px;
  color: #ffffff;
}
#breadcrumb p a
{
  text-decoration: none;
  color: #ffffff;  
}
#breadcrumb p a:hover
{
  text-decoration: underline;
}

#header
{
  width: 910px;
  height: 132px;
  display: block;
}
.home     { background: #5e554f url("images/headers/header_home.gif") top left no-repeat; }
/*<agl.folder "Folder">*/
/*</agl.folder>*/
.grande01 { background: #5e554f url("images/headers/header_grande01.jpg") top left no-repeat; }
.grande02 { background: #5e554f url("images/headers/header_grande02.jpg") top left no-repeat; }
.grande03 { background: #5e554f url("images/headers/header_grande03.jpg") top left no-repeat; }
.radiant01 { background: #5e554f url("images/headers/header_radiant01.jpg") top left no-repeat; }
.radiant02 { background: #5e554f url("images/headers/header_radiant02.jpg") top left no-repeat; }
.radiant03 { background: #5e554f url("images/headers/header_radiant03.jpg") top left no-repeat; }
.design { background: #5e554f url(images/pic_products_design-banner.jpg) no-repeat left top; }
.headerLogo
{
  width: 295px;
  height: 132px;
  display: block;
  float: left;
}
.headerLogo a img
{
  border: none;
}
.headerBanner
{
  width: 615px;
  height: 132px;
  display: block;
  float: right;
}

#splash
{
  width: 910px;
  height: 425px;
  display: block;
}

/* --- START: Navigation --- */
#navigation 
{
  width: 910px;  
  height: 21px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;  
  background-color: #5e554f;
  display: block;  
}
#navigation td a 
{
	width: auto; 
  height: 15px;
	display: block; 
  padding: 3px 0px 3px 0px; 

  border-left: 1px solid #999999;
  background-color: #5f5c58;

  font-size: 10px;
  font-family: Arial;
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
	text-align: center;
}
#navigation td a:hover, #navigation td a.selected
{
  background-color: #948f8c;
}
#navigation td a.noBorder
{
  border: none;
}

#holderBody
{
  width: 910px;
  display: block;
}

/* --- START: Side Navigation --- */
#sideNav
{
  width: 245px;
  display: block;
  float: left;
}

.holderNews
{
  width: 245px;
  display: block;
  padding: 20px 10px;      
  text-align: left;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:225px;
}
html>body .holderNews
{
  width:225px;
}
.holderNews h1
{ font-weight: normal; color: #fdfbfa; font-size: 24px; height: 59px; margin: 0 0 20px; padding: 0; }
.holderNews h2 { color: #777; font-size: 16px; font-weight: bold; margin: 10px 0 0; padding: 0; }
.holderNews h3 { color: #959595; font-size: 16px; font-weight: normal; margin: 0 0 20px; padding: 0; }
.holderNews ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.holderNews li
{
  margin: 0px 0px 10px 0px;
  padding: 0px;
}
.holderNews a 
{ font-size: 18px; color: #969696; text-decoration: none; margin: 0; padding: 0; }
.holderNews a:hover
{
  text-decoration: underline;
}

.holderSidenav
{
  width: 245px;
  display: block;
  padding: 40px 25px;      
  text-align: left;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:195px;
}
html>body .holderSidenav
{
  width:195px;
}
.holderSidenav ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-bottom: 2px solid #d1d1d1;  
}
.holderSidenav ul ul
{
  margin: 0px;
  padding: 7px 0px;
  list-style: none;
  border-bottom: none;    
} 
.holderSidenav li
{
  border-top: 2px solid #d1d1d1;
  font-weight: bold;  
  font-size: 11px;
  color: #333333;
  padding: 3px 0px 3px 25px;
  margin: 0px;
  background: #fff url("images/arrow_right.gif") top left no-repeat;
}
.holderSidenav li.selected 
{
  background: #fff url("images/arrow_down.gif") top left no-repeat;
  font-weight: bold;
}
.holderSidenav li a.selected 
{
  font-weight: bold;
}
.holderSidenav li li a.selected 
{
  font-weight: bold;
}
.holderSidenav li li 
{
  border-top: none;
  font-weight: bold;
  font-size: 11px;  
  color: #333333;    
  padding: 3px 0px 3px 22px;
  margin: 0px;  
  background: #fff url("images/arrow_right.gif") top left no-repeat;  
}
.holderSidenav li a,.holderSidenav li li a
{
  font-weight: normal;
  color: #333333;
  text-decoration: none;  
}
.holderSidenav li a:hover,.holderSidenav li li a:hover
{
  text-decoration: underline;  
}

/* --- START: Body Content Holder --- */
#bodyContent
{
  width: 655px;
  display: block;
  text-align: left;
  float: right;
  padding: 15px 15px 10px 15px;      
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:625px;
}
html>body #bodyContent 
{
  width:625px;
}

#bodyContentProduct
{
  width: 655px;
  display: block;
  text-align: left;
  float: right;
  margin: 0px;
  padding: 3px 15px 15px 15px;      
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:625px;
}
html>body #bodyContentProduct 
{
  width:625px;
}

/* --- START: Footer --- */
#footer
{
  width: 910px;
  height: 35px;
  display: block;
  background-color: #5e554f;
  text-align: center;
  padding: 10px 5px 5px 20px;      
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:885px;
  height:20px;
}
html>body #footer 
{
  width:885px;
  height:20px;
}
#footer ul
{
  padding: 0px;
  margin: 0px;
}
#footer li
{
  list-style: none;
  padding: 0px 6px 0px 6px;
  margin: 0px;
  float: left;
  color: #fff;
  text-decoration: none;  
  background: #5e554f url("images/bdr_footer.gif") top right no-repeat;
}
#footer a
{
  color: #fff;
  text-decoration: none;
}
#footer a:hover
{
  text-decoration: underline;
}
#footer li.noDivider
{
  background: none;
}

#contactForm td
{
  padding: 3px 5px 3px 0px;
}
#contactForm label
{
  font-size: 11px;
  font-family: Arial;
  font-weight: bold;
}
#contactForm input
{
  border: 1px solid #5f5c58;
  width: 300px;
  height: 18px;
}
#contactForm textarea
{
  border: 1px solid #5f5c58;
  width: 300px;
  height: 150px;
}
#contactForm input.submit
{
  width: 80px;
}


/* --- START: Holders --- */
#flashHolder
{
  width: 300px;
  float: right;
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
}
#flashHolder li
{
  margin: 10px 0px;
	line-height: 18px;
}
#flashGallery
{
  display: block;
}


/* === START: Custom classes and text formatting === */
p.introText
{ color: #4d4848; line-height: 20px; font-size: 14px; font-weight: normal; display: inline; }

.holderHome
{ background-color: #fff; display: block; width: auto; padding-top: 25px; }
.productHome
{
  width: 175px;
  display: block;
  float: left;
  margin-right: 40px;
}
.productHome h2
{
  color: #4d4848;
  font-size: 18px;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
}
.productHome h2 span
{
  display: block;
  color: #aa9c92;
  margin: 0px;
  padding: 0px;
}
.productHome a
{ font-family: Verdana; color: #4d4848; font-size: 18px; text-decoration: none; margin-top: 0; padding-top: 0; }
.productHome a:hover
{ color: #aa9c92; font-size: 18px; text-decoration: none; }
.productHome img
{ margin-top: 10px; border-style: none; }

.internalText
{
  width: auto;
  display: block;
}
.internalText h1, .internalText h2, .internalText h3, .internalText h4, .internalText h5  
{ font-weight: normal; margin: 0 0 10px; padding: 0; color: #333333; font-size: 24px; }
.internalText h1
{
  font-size: 24px;
}
.internalText h1 span
{ color: #a5a09c; font-size: 24px; }
.internalText h2
{
  font-size: 22px;
}
.internalText h3
{
  font-size: 18px;
}
.internalText h4
{
  font-size: 14px;
}
.internalText h5
{
  font-size: 11px;
}

.internalText h6 { font-size: 13px; font-weight: bold; margin-bottom: 0; margin-left: 5px; }

.internalText p
{
  margin: 0px 0px 15px 0px;
  padding: 0px;
  line-height: 16px;
}
.internalText li { line-height: 14px; margin: 3px 0 5px; padding: 0; }
.internalText ul { margin: 0 0 15px 20px; padding: 0; }
.internalText a, .contactItem a
{
  color: #666666;
  text-decoration: none;  
}
.internalText a:hover, .contactItem a:hover
{
  text-decoration: underline;
}
.internalText a img
{
  border: 0px;
  padding-right: 25px;
}
.padHeading
{
  display: block;
  width: auto;
  margin-bottom: 0px;
}
.padHeading h1
{ font-size: 24px; margin: 0; }
.padHeadingProduct
{
  display: block;
  width: auto;
  margin: 0px auto 20px auto;
}
.padHeadingProduct h1
{ font-size: 24px; padding: 20px 0 0; }
.padHeadingProduct ul
{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.padHeadingProduct li
{
  font-weight: bold;  
  font-size: 12px;
  padding: 3px 0px 3px 20px;
  margin: 0px;
  background: #fff url("images/arrow_right_links.gif") top left no-repeat;
}
.padHeadingProduct li a
{
  color: #000000;
}

.productImage
{
  width: 280px;
  float: right;
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
}
.technologyImage
{
  width: 350px;
  float: right;
  display: block;
  margin-left: 10px;
  margin-bottom: 10px;
}
.productImage img
{
  margin-bottom: 20px;
}



.orderCatalog 
{
  width: 160px;
  height: 23px;
  padding-top: 4px;  
  display: block;
  background: #fff url("images/icon_order.gif") top right no-repeat;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height:19px;
}
.orderCatalog a { font-size: 11px; }
html>body .orderCatalog 
{
  height:19px;
}

.linkHolder
{
  width: 300px;
  height: 60px;
  display: block;
}

.downloadPDF 
{ font-size: 11px; width: 160px; height: 23px; padding-top: 4px; display: block; voice-family: "\"}\""; voice-family:inherit; height:19px; }
html>body .downloadPDF 
{
  height:19px;
}

.printPage 
{ font-size: 11px; width: 100px; height: 23px; padding-top: 4px; display: block; background: #fff url(images/icon_print.gif) no-repeat left top; voice-family: "\"}\""; voice-family:inherit; height:19px; }
html>body .printPage 
{
  height:19px;
}

.productList
{
  width:595px;
  display: block;
  padding-top: 20px;
}
.productListItem
{
  width: 140px;
  float: left;
  display: block;
  margin-right: 11px;
  margin-bottom: 11px;
}
.productListItem a img
{
  border: 0px;
}
.noMargin 
{
  margin: 0px;
}

.contactHolder
{
  width: 285px;
/*  height: 160px; */
  float: left;
  display: block;
}
.contactItem
{
  width: auto;
  display: block;
}
.contactItem
{
  display: block;
  width: 195px;
  padding: 0px 5px 20px 5px;      
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:185px;
}
html>body .contactItem
{
  width:185px;
}
.contactItem h3
{
  font-weight: normal;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  color: #333333;
}
.contactHolder p span, .contactItem p span
{
  display: block;
}

.bgHome
{ background-color: #ffffff; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; }
.bgInternal
{
  background: #ffffff url("images/bg_sidenav_internal.gif") top left no-repeat;
}

.columnOne
{
  display: block;
  float: left;
  width: 295px;  
}
.columnTwo
{
  display: block;
  float: right;
  width: 295px;  
}


/* === START: Cleaner === */
.cleaner
{
  clear: both;
  height: 1px;
  font-size: 1px;
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}
img.hero { margin-top: 3px; margin-bottom: 20px; border: 0; }
img.pic-left { margin-top: 3px; margin-right: 15px; float: left; border: 0; }
img.pic-right	{ float: right; margin-top: 3px; margin-left: 15px; border: 0; }
img.b-left { display: block; margin: 3px 15px 10px 0; padding: 3px; float: left; border: solid 1px #999; }
img.b-right { display: block; margin: 3px 0 0 15px; padding: 4px; float: right; border: solid 1px #999; }