html, body, form
{
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  font-size: 12px;
  font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
  color:#564b47;  
  padding:0px;
  margin:0px;
  min-width: 900px;  
}

form
{
	display: block;	
}

img
{
    border: 0;
}

div#wrapper
{
	min-height: 100%;
	height: auto;
	margin-bottom: -50px; /* the bottom margin is the negative value of the footer's height */
}

div.container
{   
    margin: 0 auto 0 auto;
    width: 900px;
}

/*********** HEADER **********/

div#header
{
    height: 81px;
    background-image: url('../../files/design/header.jpg');
    background-repeat:repeat-x;
    background-color: #2b386c;
}

div#menu
{
    height: 40px;   
}

#menuLeft
{
    margin: 5px auto 0 auto;
    float: left;
}

#menuRight
{   
    padding: 30px 0 0 0;
    float: right;     
}

#banner
{
    position: relative;
    top: -13px;
    margin: 0 auto 0 auto;
    height:300px;
    background-image:url('../../files/design/banner.jpg');
    background-position:center;
    background-repeat: no-repeat;
    width:800px;
    
}

/*************************** Dropdown Menu **********************/

/* Navigation */
.nav, .nav ul 
{ 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav 
{
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited 
{
  font-weight: bold;
  font-size: 14px;
  display: block;
  padding: 0;
  text-transform: capitalize;
  text-decoration: none;
}

li.parentmenu 
{
  float: left;
  position: relative;
  margin: 0;
  padding: 0 0 0 30px;  
}

.nav ul, .nav li,
.nav li a:hover,
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited,
#nav-one li:hover a, 
#nav-one li.sfHover a, 
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover,
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  text-transform: capitalize;
  font-weight: bold;
  font-size: 12px; 
  background-color: #2b386c;
  color: #fffdff;	
}

.nav ul {
  width: 115px;
  position: absolute;
  top: -999em;
  left: 0px;
  margin: 0 0 0 25px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 14px;
}

.nav ul li {
  margin: 0;
  width: 105px;
  border: 0;
  float: none;
  line-height: 10px;
  padding: 5px 5px 5px 5px;
}

.nav ul a {
  white-space: nowrap;
}

/*********** CONTENT **********/

h1, h2, h3, h4, h5, h6{
	font-family: Calibri,Verdana,Arial,Sans-Serif;
	color: #000000;
	font-style: italic;
}

div.sectionList
{
    width: 100%;
    height: 220px;
}

div.sectionBox
{
    width: 22%;
    text-align: left;
    background-position: center;
    float: left;
    font-size: 10px;
    position: relative;
}

div.sectionBox div.sectionBoxIcon
{
    position: absolute;
    top: 140px;
    width: 100%;
    text-align: center;
}

ul.clientList
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.clientList li
{
    margin: 0px 0px 30px 55px;    
    width: 240px;
    height: 145px;
    line-height: 125px;
    float: left;
    text-align: center;
	font-weight: bold;
	position: relative;
}

ul.clientList li img
{
	vertical-align: middle;
}

ul.clientList li div
{
	line-height: 12px;
    text-align: center;
	width: 145px;
    position: absolute;
    top: 130px;
    left: 55px;
}

div.sectionBoxSeparator
{
    width:4%;
    height:154px;
    background-image:url('../../files/design/verticalBar.jpg');
    background-position:center top;
    background-repeat:no-repeat;
    float:left;    
}

.contentPanelRight 
{
	width: 400px; 
	vertical-align: top; 
	text-align: right;
}

.dyeJetGallery
{
	position: relative;
}

.dyeJetGallery div.imageGallery
{
	margin-left: -16px;
	margin-right: -16px;
	width: 932px;
	padding: 0;				
}

.dyeJetGallery div.imageGallery li
{
	margin: 0 0 16px 16px;
	text-align: center;
	height: 53px;
	width: 112px;
}

.tileGallery
{
	position: relative;
}

.tileGallery div.imageGallery
{
	margin-left: -32px;
	margin-right: -16px;
	width: 932px;
	padding: 0;				
}

.tileGallery div.imageGallery li
{
	float: left;
	margin: 0 0 16px 16px;
	text-align: center;
	height: 110px;
	width: 150px;
}

hr
{   
    background-image:url('../../files/design/horizontalBar.jpg');
    background-repeat:no-repeat;
    background-position:center;
    height:20px;
    border: 0;  
}
      
ul.productThumbs
{
	list-style-type: none;
	margin:0;
	padding:0;	
}

ul.productThumbs li
{
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	border: 1px solid #cccccc;
	margin: 10px;
	float: left;
	font-size: 10px;
	width: 100px;
	height: 130px;
}

/*********** FOOTER **********/

div#footer, div#footerClearing
{
    height: 47px;	
    clear: both;    
}

div#footer
{
    margin: 0 0 47px 0;
    padding: 0;
    width: 100%;
    position: relative;
	background-image:url('../../files/design/footer.jpg');
    color: #ffffff;   
    font-size: 10px;
    background-repeat:repeat-x; 
}

div#footer a
{
    color: #ffffff;
    text-decoration: none;
}

div#footer a:hover
{
    text-decoration: underline;
}

div#footer div
{
    line-height: 20px;
}

div#footer div#footerTop
{
	margin-top: 3px;
	padding-top: 3px;
}

div#footer div#footerTop, div#footer div#footerBottom
{
    height: 20px;
}

div#footer div#footerBottom
{
    margin-top: 3px;
    font-size: 12px;
}
    
div#footer div.footerLeft
{
    float: left;
}

div#footer div.footerRight
{
    float: right;
}

/************ CLEAR FIX *************/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

@media print
{ 
	.doNotPrint
	{
	    display: none;
	}
}

@media screen
{ 
	.printOnly
	{
	    display: block;
	}
}