/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
	color					: #FFFFFF;
	text-align				: center;
	margin					: 15px 0px 0px 0px;
	padding 				: 0px 0px 0px 0px;
	background-color		: #313637;
	background-image		: url(../images/bkgrnd.png);
	background-position		: top left;
	background-repeat		: repeat-x;
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 914px;
	min-height				: 690px;
	margin					: 0px auto 0px auto;
	text-align				: left;
	display					: block;
	background-image		: url(../images/bkgrndShell.png);
	background-repeat		: no-repeat;
	
}


/*###############
##### FONTS #####
###############*/ 

 
 
p{
	padding					: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 100%;
	line-height				: 1.4em;
}



h1{  /*  Page Titles */
	padding		 			: 5px 0px 0px 0px;
	margin					: 0px 0px 10px 0px;
	line-height				: 1.2em;
	font-size 				: 220%;
	font-weight				: normal;

}

h1 span{
	color					: #C43131;

}

h2{  /*  Teaser Titles */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 130%;
	font-weight				: bold;
}

h2 span{
	color					: #C43131;

}


h3{  /*  Project Headers */
	padding		 			: 5px 0px 5px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;
	font-size 				: 120%;
	font-weight				: bold;

}

#contactNumber{  /*  Phone Icon */
	margin					: 0px 0px 0px 0px;
	padding		 			: 0px 0px 0px 50px;
	line-height				: 1.2em;
	font-size 				: 350%;
	font-weight				: normal;
	background-image		: url(../images/phoneIcon.gif);
	background-position		: left;
	background-repeat		: no-repeat;

}

#contentFull ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 20px 30px;
	font-size 				: 115%;
}

#contentFull ul ul {
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 30px;
	font-size 				: 100%;
}

#contentFull ul li{
	padding 				: 0px 0px 5px 5px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;
}


#contentRight ul {
	list-style				: none;
	padding 				: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 0px;
	font-size				: 80%;
}


#contentRight ul li{
	padding 				: 0px 10px 5px 12px;
	margin					: 0px 0px 5px 10px;
	font-size 				: 110%;
	line-height				: 1.4em;
	background-image		: url(../images/bullet.gif);
	background-position		: top left;
	background-repeat		: no-repeat;
}

a{
	color					: #FFFFFF;
	text-decoration			: underline;
}

a:hover {
	color					: #E74646;
	text-decoration			: underline;
}



/*################
##### HEADER #####
################*/ 


#header{
	width					: 846px;
	display					: block;
	margin					: 0px 0px 0px 0px;
	padding					: 15px 34px 0px 34px;
	height 					: 115px;
}


.logo{
	margin					: 10px 0px 10px 10px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: left;
}

.suppliers{
	margin					: 20px 10px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: right;
}



/*################
### NAVIGATION ###
################*/ 


ul#headerNav{
	margin 					: 0px 0px 0px 7px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	clear					: both;
	list-style 				: none;
	width					: 830px;
	height					: 28px;
	background-image		: url(../images/bkgrndNav.gif);
	border					: 1px solid #828282;
}


ul#headerNav li{
	display 				: inline;
}


ul#headerNav li a{
	margin					: 0px 0px 0px 0px;
	display 				: block;
	float 					: left;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 12px;
	line-height				: 2.4em;
	height 					: 28px;
	text-transform			: uppercase;
	border-left				: 1px solid #666666;
	border-right			: 1px solid #CACACA;
	padding					: 0px 8px 0px 8px;
	
}



#headerNav li a:hover, #headerNav li a.selected{
	text-decoration 		: none;
	color					: #FFF;
	background-image		: url(../images/bkgrndNavOver.gif);
}




/*###############
#### CONTENT ####
###############*/ 
	
#contentHome{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 34px 0px 34px;
	width 					: 846px;
	height					: auto;
	display 				: block;
}

#banner{
	margin					: 0px 0px 0px 7px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #1A1A1A;
	height					: 302px;
	width					: 830px;
}

.bannerLeft, .bannerRight{
	margin					: 0px 2px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
	float					: left;
}
.bannerRight{
	margin					: 0px 0px 0px 0px;
}

#contentFull{
	display 				: block;
	margin					: 5px 0px 0px 7px;
	padding					: 5px 10px 5px 10px;
	width					: 810px;
	min-height				: 543px;
	background-color		: #282C2D;
	border					: 1px solid #1A1A1A;
	background-image		: url(../images/contentLogo.gif);
	background-position		: bottom left;
	background-repeat		: no-repeat;

}

*html #contentFull{
	height					: 543px;

}

#contentShort{
	display 				: block;
	margin					: 5px 0px 0px 7px;
	padding					: 5px 10px 5px 10px;
	width					: 810px;
	min-height				: 239px;
	background-color		: #282C2D;
	border					: 1px solid #1A1A1A;
	background-image		: url(../images/contentLogo.gif);
	background-position		: bottom left;
	background-repeat		: no-repeat;

}

*html #contentShort{
	height					: 239px;

}



#contentFull img, #contentShort img{
	margin					: 5px 0px 5px 0px;
	padding					: 0px 0px 0px 0px;
	border					: 1px solid #1A1A1A;
}

/*#################
##### TEASERS #####
#################*/ 

.teaser{
	display					: block;
	float					: right;
	margin					: 8px 2px 8px 20px;
	padding					: 10px 10px 5px 10px;
	width					: 252px;
	height					: auto;
	background-color		: #212424;	
	border					: 1px solid #1A1A1A;
}

.teaser p{
	font-size				: 11px
}

.teaser h2{ 
	font-weight				: normal;
}





/*#####################
##### TESTIMONIAL #####
#####################*/ 

.testimonial{
	display					: block;
	width					: 806px;
	min-height				: 60px;
	margin					: 20px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background				: url('../images/bkgrndTestimonialTop.gif') top left no-repeat;
}

.testimonial p{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 5px 0px;
	font-size				: 13px;
	line-height				: 1.4em;
	color					: #CCC;
}

.testimonialBottom{
	width					: 806px;
	height					: 7px;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	background				: url('../images/bkgrndTestimonialBottom.gif') bottom left no-repeat;
}

.testimonialText{
	margin					: 0px 15px 0px 0px;
	padding					: 20px 55px 0px 70px;
	background				: url('../images/bkgrndTestimonialQuote.gif') bottom right no-repeat;
}

.testimonial span{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 70px 0px 70px;
	font-size				: 12px;
	clear					: both;
	color					: #888;
	
}


.testimonialImg{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	border					: none;
}



/*################
##### FOOTER #####
################*/ 


#footer{
	margin					: 0px auto 0px auto;
	padding					: 15px 34px 0px 34px;
	height					: 70px;
	width					: 846px;
	line-height				: 1.4em;
	font-size				: 11px;
	color					: #7A7A7A;
	clear					: both;
	background-color		: #313637;
	background-image		: url(../images/bkgrndFooter.png);
	background-position		: top left;
	background-repeat		: no-repeat;
}


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


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


#affiliates
{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display					: block;
	float					: right;
	height					: 50px;
	width					: 295px;
}
.affiliates1 a, .affiliates2 a, .affiliates3 a
{
	margin					: 0px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
	display					: block;
	width					: 56px;
	height					: 50px;
	float					: left;
	background				: url('../images/affiliates1.jpg') bottom left no-repeat;
}
.affiliates2 a
{
	width					: 98px;
	background				: url('../images/affiliates2.gif') bottom left no-repeat;
}
.affiliates3 a
{
	width					: 98px;
	background				: url('../images/affiliates3.jpg') bottom left no-repeat;
}
.affiliates1 a:hover
{
	background				: url('../images/affiliates1.jpg') bottom left no-repeat;
}
.affiliates2 a:hover
{
	background				: url('../images/affiliates2.gif') bottom left no-repeat;
}
.affiliates3 a:hover
{
	background				: url('../images/affiliates3.jpg') bottom left no-repeat;
}



#copyright{
	margin					: 0px;
	padding		 			: 5px 10px 0px 0px;
	float					: left;
	text-align				: left;
	
}


#footerLinks{
	float					: left;
	margin					: 0px;
	padding		 			: 5px 0px 0px 0px;
	text-align				: left;
}

#footerLinks a{
	padding		 			: 0px 5px 0px 5px;
}

/*###############
##### MISC. #####
###############*/ 

.clear{
	clear					: both;
	height					: 0px;
}


.logoImg{
	margin					: 5px 23px 35px 23px !important;
	padding		 			: 0px;
	float					: left;
}


.btn a{
	margin					: 5px 5px 0px 0px;
	padding		 			: 0px 0px 0px 0px;
	clear					: both;
	float					: left;
	display					: block;
	background-image		: url(../images/bkgrndNav.gif);
	background-position		: bottom;
	height					: 18px;
	width					: 60px;
	text-decoration			: none;
	text-transform			: uppercase;
	text-align				: center;
	font-size				: 10px;
	line-height				: 1.8em;
	color					: #FFFFFF;
	border					: 1px solid #999999;
		
}

.btn a:hover{
	background-image		: url(../images/bkgrndNavOver.gif);
	background-position		: bottom;
	color					: #FFFFFF;
	text-decoration			: none;		
}


/* PROJECTS TABLE */
.tableProjects, .tableProjectsLrg{
	margin					: 10px 20px 10px 0px;
	padding					: 0px 10px 0px 0px;
	float					: left;
	width					: 375px;
	border					: 1px solid #666666;
}

.tableProjectsLrg{
	width					: 800px;
}

.tableProjects td, .tableProjectsLrg td{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 5px 5px;	
	vertical-align			: top;
}

.tableProjects img, .tableProjectsLrg img{
	margin					: 0px 0px 0px 0px !important;
	padding					: 0px 0px 0px 0px !important;	
}

.tableProjects .btn, .tableProjectsLrg .btn{
	margin					: 10px 0px 0px 0px !important;
	float					: left;	
}

.tableProjects ul, .tableProjectsLrg ul{
	margin					: 10px 0px 10px 20px;
	padding					: 0px 0px 0px 0px;
}

.tableProjects ul li, .tableProjectsLrg ul li{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 5px 5px;
}

.salePrice
{
	font-size				: 18px;
	color					: #FF0000
}
.originalPrice
{
	font-size				: 14px;
	color					: #FFF;
	padding-left			: 30px;	
	text-decoration			: line-through;
}


/* CONTACT FORM */
.table{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;

}

.table td{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 10px 5px 0px;	
	vertical-align			: top;

}


.textField{
	width					: 230px;
	height					: 16px;
	font-size				: 13px;
	font-family				: Arial, Helvetica, sans-serif;
}

.textArea{
	width					: 230px;
	height					: 80px;
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 12px;
}

.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 6px 0px 0px 0px;
	display 				: block;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	text-transform			: uppercase;
	font-size 				: 11px !important;
	height					: 18px;
	width					: 100px;
	border					: 1px solid #999999;
	background				: url('../images/bkgrndNav.gif') top left repeat-x;
	cursor					: pointer
}

.submitBtn:hover{
	background				: url('../images/bkgrndNav.gif') bottom left repeat-x;
	color					: #FFF;
	text-decoration 		: none;
}


input.submitBtn{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	font-weight				: normal;
	text-align				: center;
	color					: #FFF;
	text-decoration 		: none;
	text-transform			: uppercase;
	font-size 				: 10px !important;
	height					: 24px;
	width					: 100px;
	border					: 1px solid #999999;
	background				: url('../images/bkgrndNav.gif') top left repeat-x;
	cursor					: pointer
}

input.submitBtn:hover{
	background				: url('../images/bkgrndNav.gif') bottom left repeat-x;
}





/*#################################
### SAFARI/IE6 HACK FOR NAV BAR ###
### KEEP AT BOTTOM OF THIS PAGE ###
#################################*/ 

/* PADDING BELOW FOR FIREFOX, IE6 & IE7 - BUT IGNORED BY SAFARI DUE TO '#'   */

.navSpacer{
	padding					: 0px 5px 0px 5px;
}

/*\*/
html* .navSpacer {
[padding: 0px 5px 0px 5px;/*Affects older Firefox and Netscape browsers only. Seen also by IE5-6 and Safari for Macintosh, which is
addressed below.*/
padding: 0px 0px 0px 0px;/*Affects Safari for Macintosh only (v1-3). See also by IE5-6, but thats addressed below. Also
hidden from older Firefox and Netscape browsers.*/
]padding: 0px 5px 0px 5px;/*Affects IE 7 only. Seen by IE5-6 but thats addressed below. Hidden from Safari and all
Firefox and Netscape browsers.*/
}/**/
.dummyend[id]{clear:both/*end hack using dummy attribute selector for IE5 mac, else error in CSS occurs!*/}

/*The above rule is hidden from IE for MAC, and read only by older Firefox and Netscape 6-7 and IE5-7 for PC,
and Safari on MAC, in general.*/
/*Newer Firefox and Netscape agents reads rule, but does not read any properties set within [], so is
unaffected by it, probably because it sees these as part of an attribute selector. Those will be hidden.*/
/*IE 7 on PC will correctly read all rules as it will ignore many characters before a property*/
/*Safari for MAC sees each [] as a character and not part of a selector, if one falls before a property.
These cause the property name following the character to not be read, but next line without "[]" property
is  parsed.*/
/*use of [] will break all css selectors following the rule, if all are not closed, as Mozilla-Netscape
read the [] as part of a selector rule, so make sure they are all closed, using dummy selector.*/

/*\*/
* html .navSpacer {
padding:0px 4px 0px 3px;/*Finally, be sure to reapply a fix that affects IE 5-6 only here. IE for Mac and IE 7 for PC
are not affected here, which means purple above should work only in IE 7 above!*/
}
/**/