body {
	padding: 0px;
	background: #c5c5c5 url('img/bkg.jpg') repeat-x;
	margin: 0; /* to avoid margins */
	text-align: center; /* to correct the centering IE bug*/
    	font: 9px/1.5 Arial, Helvetica, san-serif;
	}



table, tr, td { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px; 
	color: #333333; vertical-align:top;
	}

a {outline: none;} /* removes dotted line from around links in FF */

a:link, a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #c30; 
	}


a:hover, a:active { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #c30;  
	} 


h1 {  
	margin: 0px; 
	padding: 0px; 
	color: #be1d09; 
	font:  20px/1 Verdana, Arial, Helvetica, san-serif; 
	height:auto; 
	}

h2 {   
	color: #c30; 
	font:  12px/1.7 Verdana, Arial, Helvetica, san-serif; 
	font-weight: bold; 

	}



h3 { 
	color: #15294e; 
	font-size: 11px; 
	font-weight: bold; 
	margin: 10px 0px 10px 0px; 
	padding: 10px 0 0 0;
	border-top:1px solid #666;
	}
	
h4 {   
	color: #000; 
	font-size: 11px; 
	font-weight: bold; 
	margin: 0px; 
	padding: 0px; 
	}

p { 
	margin: 20px 0px 0px 0px; 
	line-height:16px; 
	}




/*
================================
================================

CUSTOM PAGE ELEMENTS

================================
================================
*/



/*--------------------- Containing Divs -----------------------*/


.maincontainer { 
	width: 900px; 	
	position: relative;
	height: auto;
	margin-left:auto;
	margin-right: auto;
	margin-top:15px;
	text-align:left; 
	padding: 0px; 
	border: 0px solid green;

	}
	
.frame {
	width: 756px;
	background-color: #fff; 
	border: 0px solid #fff;
	margin: 0 0 0 75px;
	position:relative;
	}




.header {
	position: relative;
	width: 756px;
	height: 74px;
	border-bottom: 5px solid #be1d09;
	}


.logo { 
	position: absolute; 
	top: 10px; 
	left: 10px; 
	}


	
/*------------------- Utility Links ----------------------*/
.utilityNav { 
	position: absolute;
	top: 5px;
	right: 0px;
	width: 550px; 
	height: 29px; 
	margin: 0 10px 0 0; 
	padding: 0px; 
	color: #999;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	text-align:right;
	}
	
.utilityNav a:link, .utilityNav a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #999;  
	font: 9px Verdana, Arial, Helvetica, san-serif;
	}


.utilityNav a:hover, .utilityNav a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #c30;  
	} 
	
	

/*------------------- Header Pix ------------------------*/

#homeMainPic {
	position:relative;
	height:262px;
	width:756px;
	}


#secondaryPic {
	position:relative;
	height:133px;
	width:756px;
	}

/*------------------- Main Nav ----------------------*/	
 #nav {	position:absolute;
	bottom:8px;
	left: 0px;
	width:756px;
	padding:0 0 0 3px;
	z-index:99;
	}
	
#nav ul {
	float: left;
	width: auto;
	list-style: none;
	background: none;
	padding:0;
	margin: 0;	
	}
	
#nav ul li {
	float: left;
	padding: 0;
	width: auto;
	margin:0 1px 0 0;

	}
	
#nav ul li a {
	padding: 8px 37px 8px 36px;	
	display: block;
	text-decoration: none;	
	font: 11px Verdana, Arial, Helvetica, san-serif;
	font-weight: normal;
	color: #fff;
	outline: none;
	background: #000;	
	filter:alpha(opacity=70);
	-moz-opacity: 0.6;
	opacity: 0.6;
	white-space:nowrap;
	}
* html #nav a{ width: 2em;w\idth: 2em;}		
	
#nav ul li a:hover {
	display: block;
	color: #fff;
	background: #be1d09;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	}
* html #nav a:hover{ width: 2em;w\idth: 2em;}
/*
=================================================================================================================================
SUB MENU ELEMENTS
=================================================================================================================================
*/

/*-- 1st Level Drop-down Menu Parameters --*/
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 155px;
	w\idth: 155px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	text-align: left;
	letter-spacing: 0;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;

	}

#nav li ul li {
	width: 155px;
	padding: 0;
	margin:0;	
	}

#nav li ul li a {
	padding: 4px 8px 4px 8px;
	display: block;
	border-top: 1px solid #999;
	background: #fff;
	color: #000;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	width: 139px;
	}

#nav li ul li a:hover {
	left: auto; 
	color: #000;
	background: #ccc;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	width: 139px;
	}


/*-- 2nd Level Drop-down Menu Parameters --*/	
	
#nav li ul ul {	
	width: 207px;
	w\idth: 207px;
	margin: -20px 0 0 155px;		
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;}		


#nav li ul ul li a {
	padding: 4px 8px 4px 8px;
	display: block;
	border-top: 1px solid #999;

	background: #fff;
	color: #000;
	font: 9px Verdana, Arial, Helvetica, san-serif;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	width: 191px;
	}

#nav li ul ul li a:hover {
	left: auto; 
	color: #000;
	background: #ccc;
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity:1.00;
	width: 191px;
	}
	



	
/*-- Drop-down Menu Hide and View Parameters --*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}




/*-------------------- Home Content -------------------*/
.main {
	margin: 0;
	padding: 20px 30px 30px 30px;
	width: 696px;
	background:#fff;
	float:left;
	border:solid 0px blue;
	}

.quote  {
	float:left;
	width: 180px;
	padding: 0 0 130px 0;
	margin: 0;
	color: #c30;
	font: bold italic 12px/1.75 Arial, Helvetica, san-serif; 
	border:solid 0px blue;
	}
	
.content {
	width: 460px;
	padding: 0;
	margin: 0 ;
	font: 11px/1.75 Arial, Helvetica, san-serif;
	border: 0px solid red;
	float:right;
	}


.content a:link {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c30;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
.content a:visited {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c30;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
.content a:hover { 
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c30;	
	font-weight: normal; 
	text-decoration: underline;
	}


#featuredProductsHome td{
	padding:0 0 5px 0;
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#000;
	}

#featuredProductsHome img{border: 2px solid #fff;}
#featuredProductsHome a:link img{border: 2px solid #fff;}
#featuredProductsHome a:visited img{border: 2px solid #fff;}
#featuredProductsHome a:hover img{ border: 2px solid #be1d09;}	
#featuredProductsHome a:hover{ color: #be1d09; /* Dummy definition to overcome IE bug */}

#featuredProductsHome a:link {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c60;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
#featuredProductsHome a:visited {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c60;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
#featuredProductsHome a:hover { 
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#be1d09;	
	font-weight: normal; 
	text-decoration: underline; 
	}

	
	
/*------------------- Secondary Content ------------------------*/
.main2nd {
	margin: 0;
	padding: 0px 30px 30px 15px;
	width: 710px;
	float:left;
	background: #fff url('img/main_bkg.gif') repeat-y;
	border:solid 0px blue;
	}

	
.content2nd {
	width: 500px;
	padding: 0;
	margin: 0 ;
	font: 11px/1.75 Arial, Helvetica, san-serif;
	border: 0px solid red;
	float:right;
	min-height:365px;
	height: auto !important;
	height: 385px;
	}


.content2nd a:link {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c30;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
.content2nd a:visited {
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c30;	
	font-weight: normal; 
	text-decoration: none; 
	}
	
.content2nd a:hover { 
	font: 11px/1 Arial, Helvetica, san-serif;
	color:#c30;	
	font-weight: normal; 
	text-decoration: underline;
	}

	
#pixBorder  { 
	float: right;
	border: solid 1px #ddd;
	padding: 10px; 
	margin: 0 0 20px 20px 
	}

#pixBorderProjects  { 
	float: right;
	border: solid 1px #ddd;
	padding: 5px; 
	margin: 0 0 20px 20px 
	}


#sideBar  {	
	width: 178px;
	height: auto;
	padding: 20px 0 20px 0;
	margin: 0 0 0 20px;
	}	

#featuredProducts img{border: 2px solid #fff;}
#featuredProducts a:link img{border: 2px solid #fff;}
#featuredProducts a:visited img{border: 2px solid #fff;}
#featuredProducts a:hover img{ border: 2px solid #be1d09;}	
#featuredProducts a:hover{ color: #be1d09; /* Dummy definition to overcome IE bug */}

/*------------------- Side Nav ----------------------*/	

#sideNav  {	
	width: 178px;
	height: auto;
	padding: 0;
	margin: 20px 0 0 0;
	float:left
	}
	
#navlist {
	width:180px;
	padding: 0;
	margin: 0;
	text-align: left;
	}
	
#navlist li {
	list-style: none;
	margin: 0;
	padding: 0px 0px 5px 0px;
	/*white-space: nowrap;*/
	}
	
#navlist li a:link, #navlist li a:visited {	
	text-decoration: none;
	font: normal 10px/1 Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	padding: 0 ;
	margin:0 ;
	outline: none;
	}
	
#navlist li a:hover, #navlist li a:active {	
	color: #be1d09; 
	z-index:50;
	}


#sideNav #navlist .uberlink { 
	font-weight: bold ;
	color: #be1d09; 
	}
	


/*------------------- Breadcrumb ----------------------*/	

#breadCrumb  {
	margin: 0px 0px 20px 0px; 
	color: #be1d09;
	font: bold 11px/2 Arial, Helvetica, san-serif;
	border-bottom:0px solid #ddd;
	}	

#breadCrumb a:link, #breadCrumb a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #999;  
	}

#breadCrumb a:hover, #breadCrumb a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000;  
	} 



/*

=================================================================================================================================

Contact Form Styling

=================================================================================================================================

*/


#myform fieldset {border: 1px solid #ccc; padding: 3px 10px 10px; margin: 10px 0;}

#myform textarea {
	color: #006;
	background: #F4F4F4;
	border: 1px solid #ccc;
	width: 373px;
	font: 12px/12px normal Verdana, arial, sans-serif;
	color: #000;
	margin:0px;
	padding:0px;
	}

#myform checkbox {border:none;}	

	

#myform input {
	color: #006;
	background: #F4F4F4;
	border: 1px solid #ccc;
	font: 10px/10px normal Verdana, arial, sans-serif;
	color: #000;
	margin:0px;
	float:left;
	padding:0px;
	}	



#myform select {
	color: #000;
	background: #F4F4F4;	
	border: 1px solid #ccc;
	font: 10px/10px normal Verdana, arial, sans-serif;
	width: auto;
	float:left;
	margin:0px;
	padding:0px;
	}	

#myform label {
	width: auto;
	margin:0px;
	padding:0px;
	float:left;
	}

#myform form {
	width: auto;
	margin:0px;
	padding:0px;
	}

#myform span {
	width:auto;
	height:auto;
	margin:5px;
	padding:5px;
	clear:both;	
	}

.button {
	margin:20px 0 0 0;
	background-color: #999;
	color: #000066;
	border: 1px solid #000;
	color: #000;
	font: 10px/10px normal Verdana, arial, sans-serif;
	width: 100px;
	} 

	

#myform input:focus, select:focus, checkbox:focus, textarea:focus {
	color: #fff;
	background: #333;
	}

#myform legend {font-size: 10px; font-weight: bold; color: #000; margin: 10px 0; padding: 2px 4px; border: 1px solid #ccc; background: #F4F4F4;}	



.btn {
	border: 3px double;
	border-color: #F1F1F1 #C0C0C0 #C0C0C0 #F1F1F1;
	display: block;
	margin: 5px 10px;
	cursor: pointer;
	height: 25px;
	width: 100px;
	}	


/*------------------- Footer ----------------------*/	

#btt {padding:20px 0 0px 215px; font-size: 10px; clear: both;
	width: 200px;position: relative;  }

#btt a:link, #btt a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #be1d09; 
	}


#btt a:hover, #btt a:active { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #be1d09;  
	} 

/*------------------- Footer ----------------------*/		
#brick { 
	position: absolute;
	left: 0px;
	bottom: 0px;
	width:300px;
	height:238px;
	z-index: 80;
	background: url(img/brick.png);
	behavior: url(iepngfix.htc)
	}
	
.footer {
	clear: both;
	width: 756px; 	
	position: relative;
	height: 60px;
	margin-left:auto;
	margin-right: auto;
	margin-top:4px;
	margin-bottom: 0px;
	padding-bottom: 40px;
	padding-left: 0px;
	text-align: left;
	color: #666;
	font: 9px Arial, Helvetica, san-serif;
	border:0px solid red;
	text-align:left;
	z-index: 90;
	}

.footer a:link, .footer a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #666;  
	}
	
.footer a:hover, .footer a:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #c30;  
	}
	
.footerText { position:absolute; top:0;left:230px}	
.signature {position:absolute; top:0;right:20px}	
	
	
	
/*
================================
================================

SLIMBOX

================================
================================
*/	
	

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(img/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(img/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

