/*  ****  Global  ****  */
body{background: white url(../i/back.gif) repeat-x top left; text-align:center; margin: 0 auto; font: 10pt Arial,sans-serif; color: #000; }

#header{ margin:0 auto; background: transparent url(../i/header.jpg) no-repeat; border:1px solid #000;
		width:758px; margin: 0 auto; text-align:left; height:150px; margin-top:8px; text-indent: -9999px; font-size:2pt;}
	
#wrapper{background: #fff; border:1px solid #000; border-top:none;
		width:758px; margin: 0 auto; text-align:left;}

#content{margin:15px 15px 0 15px;clear:both }

#footer{ line-height:200% }
	
.clear{clear:both}
img {border:none}
h2{text-indent: -9999px; display:none  }
h3{font-size: 12pt; margin:0 10px; padding:0 }
h4 {font-size: 1.1em; font-style:italic}
.bold{font-weight:bold}
.center{ text-align:center }
	
/*  ****  Navigation Menu  ****  */

#nav {width:758px;background:#c2c1c2 url(../i/navback.gif) repeat-x;font-size:12px;font-weight:bold;line-height:normal;border-bottom:1px solid #C2BDAE;height:24px;text-align:center}
    /* the padding value below controls l-r positioning of the navigation menu */
	 #nav ul {margin:0; padding:0px 0px 0 73px;list-style:none;}
    #nav li {display:inline;margin:0;padding:0;}
    #nav a {float:left;background:url("../i/navleft.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
    #nav a span {
	float:left;
	display:block;
	background:url("../i/navright.gif") no-repeat right top;
	color:#000;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 6px;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a span {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover span {color:#FFF;}
    #nav a:hover {background-position:0% -42px;}
    #nav a:hover span {background-position:100% -42px;} 
	 
/*  ****  Home Page  ****  */

.home #tagline{background:transparent url(../i/tagline.gif) no-repeat top center; height:30px; margin: 15px 0 5px 0}
#homeLeft{position:relative; float:left; width:246px; margin:0 0 0 3px;}

#news{width: 246px; margin:0 0 0 2px; background: transparent url(../i/newsback_03.jpg) repeat-y top center}
#newsTop{width:246px; background: transparent url(../i/newsback_01.jpg) no-repeat top center;height:42px;}
#newsMiddle{margin:0 20px 0 0; font-size:.9em; padding:0}
#newsBottom{width:246px; background: transparent url(../i/newsback_05.jpg) no-repeat top center; height:23px;}

#news ul{list-style:none; margin-left: 20px; padding: 0}
#news ul li{margin-bottom:10px}
#news a{text-decoration:none; color:#000; }

#homeRight{position:relative; float:left; width:502px;}
#homeImages{text-align:center}
#homeImages img{margin:0 15px 0 15px}
#vendors{text-align:center; }
#vendors img {margin:14px 50px 14px 50px;vertical-align: middle}

/*  ****  Design Page  ****  */

.design #tagline {background:transparent url(../i/tagDesign.gif) no-repeat top center; height:30px;}
#designPics1{ float:left; text-align:center; width: 366px; margin-right:10px }
#featureDesign {float:right; background: transparent url(../i/feature_design_back.jpg) no-repeat top center; height:320px; width: 263px; color:#fff; padding: 0 10px 0 10px; margin-left:14px}
#featureDesign ul { margin:0 0; padding:0 0 0 44px; font-size: 11px; line-height: 13px}
#featureDesign li { margin:0; padding:0 }
.featureHeader {color:#000; font-size: 11pt; text-align:center; margin: 12px 0 4px 0}

/*  ****  Products Page  &  Case Studies Page  ****  */
.products #tagline {background:transparent url(../i/tagProducts.gif) no-repeat top center; height:30px; margin-bottom:10px}
#prodMenu {float:left; margin: 0 2px 0 0; width: 180px; font-size:.9em; background: #336699; padding: 12px 8px;}
.casestudies #prodMenu { height:340px }
#prodMenu ul {list-style:none; margin:0 0 8px 0; padding-left: 14px; list-style-image: url(../i/bulletGray.gif); }
#prodMenu li {margin:0 0 8px 0; padding: 0  }
#prodMenu a {text-decoration: none;  color:#fff; outline:none }
#prodImages{ text-align:center; ; margin-top:60px; }
#prodList {float:right; width: 520px; margin: 0 auto; padding:0; font-size:9pt;}

#prodList ul {width: 506px; list-style-type:none; margin-left:14px; padding:0}
#prodList ul li {width:150px; margin:10px 0 0 0; padding:0 15px 0 0; line-height:15px; float:left;}
/*
#prodList {float:right; width: 520px; margin: 0 auto; padding:0; font-size:9pt;}
#prodList ul {list-style:none; margin-left: 10px; padding:0; }

 * html ul, * html ol	{padding-left: 125px;}
			li	{padding-right: 15px;margin-bottom: 2px;}
*/
		
.casestudies #tagline {background:transparent url(../i/tagCase.gif) no-repeat top center; height:30px; margin-bottom:10px}
#caseStudies {float:right; width: 520px; font-size:.9em;}
.caseImage { text-align:center }
			
/*  ****  Manufacturers Page  ****  */			

.manufacturers #tagline {background:transparent url(../i/tagManu.gif) no-repeat top center; height:30px; margin-bottom:10px}			
#manufacturers {font-size: 8pt; width:698px;  margin:0 auto;}
.manuImage{ width: 184px; float:left; text-align:center;}
#manuList{ width: 324px; float:left; margin: 0 auto;}
#manuTable td {border-bottom: 2px solid #eee; padding: 2px 12px }
.manuTableColTwo{ width:58% }

/*  ****  Contact Us Page  &  Account Services Page  ****  */

.contact #tagline {background:transparent url(../i/tagContact.gif) no-repeat top center; height:30px; margin-bottom:10px}
#contactForm{margin:0 auto; background:#eee ;width: 500px }
#contactTable{ border:none !important; width:300px; margin:10px auto }
#contactFirstCol{width:82px }
#contactBrochure{ padding: 15px 0; }
#contactButtons{ text-align:center; padding: 0 10px }
#panelMailSent{ height: 400px ; text-align:center}
#panelMailError{ height: 400px; text-align:center }

.account #tagline {background:transparent url(../i/tagAccount.gif) no-repeat top center; height:30px; margin-bottom:10px}

/*  ****  Specials Page  &  News Page  ****  */

.specials #tagline {background:transparent url(../i/tagSpecials.gif) no-repeat top center; height:30px; margin-bottom:10px}
.news #tagline {background:transparent url(../i/tagNews.gif) no-repeat top center; height:30px; margin-bottom:10px}
.greyBox{ text-align:left; margin: 20px auto; padding: 5px 10px; width: 500px; background: #eee }
.headline{ font-weight:bold }
.imgLeft{ float:left; width:140px; text-align:center}
.imgRight{ float:right; width:140px; text-align:center}
.copyLeft{ float:left;width:350px; margin:0 10px 0 0}
.copyRight{ float:right;width:350px; margin:0 0 0 10px}