/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Fusion MP
Last change:	08/14/08 
Assigned to:	Cedric Weatherly
Changes:		Start Up Template
-------------------------------------------------------------------*/

/*==================== RESET STYLES
================================== */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, 
a, em, font, img, strong, sub, sup,ol, ul, li, fieldset, 
form, label, legend, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:link img, :visited img {border: 0;}
table {border-collapse:collapse; border-spacing:0;}
ol,ul {list-style:none;}
#content ol, #content ul {list-style:outside; margin-left:10px;}
a {text-decoration:underline; color:#fff; }
a:hover {color:#52bdec; text-decoration:none;}
hr {border: none 0; border-top: 1px dotted #52bdec; width: 100%; height: 0; margin-top: 10px; margin-bottom: 10px;}
/* ============================TABLE STYLES
========================================= */
.tbl1col, .tbl2col, .tbl3col, .tbl4col, .tbl4col { 
	width: 100%; 
	border: none;	
}
.tbl1col td, .tbl2col td, .tbl3col td, .tbl4col td, .tbl5col td { padding: 10px; }
.tbl2col td { width: 50%;}
.tbl3col td { width: 33%; }
.tbl4col td { width: 25%; }
.tbl5col td { width: 20%; }
.tbl1col td td, .tbl2col td td, .tbl3col td td, .tbl4col td td, .tbl5col td td { padding: 0; }


/*=====================sIFR STYLES
=================================*/
/*h1{height:24px; font-size:18px; }
h2{height:18px; font-size:14px; }
h3{height:18px; font-size:14px;}
h4 {font-size: 1.2em; color:#00a4cc;}*/


/*================= STRUCTURE
============================ */
html{ width:100%; height:100%; }
p {margin-bottom:10px;}
body {
	background: url(../images/bg.jpg) repeat-x #000;
	width: 100%;
	min-height:100%;
    height:auto !important;
    height: 100%;
	font:.80em/1.7em Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
	float:left;
}

#container{
	width: 768px;
	left:50%;
	position:relative;
	margin-left: -384px;
	
}

#header {
	width: 768px;
	height: 176px;
	background:url(../images/header_bg.jpg) no-repeat;
	margin-bottom:10px;
	float:left;
}

#logolink{
	width:214px;
	height: 145px;
	float:left;
}

	#logolink a{ width:100%; height:100%; display:block; text-decoration:none;}

#search {
	background:url(../images/search_bg.jpg) no-repeat;
	width: 235px;
	height:32px;
	padding: 7px;
	padding-left:7px;
	padding-right:0;
	margin-right: 3px;
	margin-top: 42px;
	float:right;
}

/*=======================NAVIGATION 
=================================*/


#nav {width:518px; height:25px; margin-top:42px; float:right; clear: right;}
				#nav ul, #nav li a {display:block;}
				#nav li {list-style: none; float:left;}  
				#nav li a {text-decoration:none;}
				#nav li span {display:none;} 
			
				a.products{
					width:75px;
					height:25px;
					background:  url(../images/nav_products.jpg);
				}
				
				a.favorites{
					width:108px;
					height:25px;
					background: url(../images/nav_favorites.jpg);
				}
				
				a.order{
					width: 111px;
					height:25px;
					background: url(../images/nav_order.jpg);
				}
				
				a.testimonials{
					width: 99px;
					height:25px;
					background: url(../images/nav_testimonials.jpg);
				}
				
				a.about{
					width: 57px;
					height:25px;
					background:  url(../images/nav_about.jpg);
				}
				
				a.contact{
					width: 68px;
					height:25px;
					background: url(../images/nav_contact.jpg);
				}
				
				
				a.products:hover, a.favorites:hover, a.order:hover, a.testimonials:hover, a.about:hover, a.contact:hover{background-position: 0% -25px;}


/*=======================MID CONTENT 
==================================*/
#midcontent a {color:#fff;}
#midcontent a:hover {color:#52bdec;}
#midcontent {
	width: 785px;
	padding: 0 0 10px 3px;
	clear:both;
	float:left;
}

#slidearea {
	width: 456px;
/*	height: 264px;*/

	float:left;
	
}

	#slidearea object{margin-bottom:10px;}

#featureprod {
	width: 234px;
/*	height: 264px;*/
	margin-left: 59px;
	padding-left:9px;
	font:.90em/1.7em Arial, Helvetica, sans-serif;
	float: left;
	
}

#featuretitle {
	width: 234px;
/*	height: 264px;*/
	margin-left: 59px;
	padding-left:9px;
	float: left;
	
}

.featurebg{background:url(../images/feature_bg.jpg) no-repeat; width:243px; /*height: 278px;*/}	
.homecontent{width:460px;}
#content {
	width: 750px;
	padding: 0 15px 0 3px;
	float:left;
}

#content2 {
	width: 445px;
	padding: 0 15px 0 3px;
	float:left;
}
/*===================FORM STYLES 
===============================*/
input, textarea {background-color: #eee; border:1px solid #777;}

.form {color:#666; padding-top:2px; padding-bottom:2px;}

/*=======================FOOTER 
==============================*/					
#footer {
	width: 768px;
	height:84px;
	xbackground:url(../images/footer_bg.jpg) no-repeat; 
	clear:both; 
	text-align:center; 
	font: .80em/1.7em Arial, Helvetica, sans-serif;
	margin-top:10px;
	padding-top: 20px; 
	float:left;
}

.fcol1{width: 424px; float:left; text-align:left; margin-bottom:5px;}
.fcol2{width: 344px; float:left; text-align:right; margin-bottom:5px;}
.fcol3{width: 768px; height: 60px;clear:both; border-top: 1px solid #52bdec; padding-top:5px; text-align:left;}		
		
/*=======================CLASSES 
==============================*/	
.psize {font: 0.9em Arial, Helvetica, sans-serif; line-height: 1.6em; color: #fff;}
.boldme{font-weight:bold;}
.teeny {font: 0.75em Arial, Helvetica, sans-serif;color: #fff;}
.paragraphsizebold { font: 0.9em Arial, Helvetica, sans-serif; font-weight:bold; line-height: 1.6em; color: #000;}
.imagelink {border: none; text-decoration: none; background: none;}
.hrblk {border-top-color:#000 !important;}
.iconspacing {margin-right: 5px;}
.contactrequired {color:#FF0000;}
.iconspacing {margin-right: 5px;}
.testname{color:#52bdec}
.prodhover{display:block; border:2px solid #000;}
.prodhover:hover{border:2px solid #52bdec;}
.pushlt8{margin-left:8px !important;}
.pushrt10{margin-right:10px;}
.pushdwn4{margin-bottom:4px;}