/* CSS
http://martinhughesportfolio.com
squidfingers.com/patterns
kuler.adobe.com
*/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! 
   meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded*/
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	line-height:1;
	font-family:inherit;
	text-align:left;
	vertical-align:baseline;
}
a img, :link img, :visited img{
	border:0;
}
ol, ul{
	list-style:none;
}					
body{border-top:10px solid #7EADBD;
	text-align:center;
	font-family:verdana, arial, helvetica, sans-serif;
	background:#57524D url("/includes/images/gradient2.jpg") repeat-y 50% 0;
	color:#57524D;
}
/*
container
*/
#container{margin:0 auto;
	width:760px;
	text-align:left;
	font-size:80%;
	background:#fff url("/includes/images/sidebar_gradent.jpg") repeat-y top right;
	border-right:1px solid #80AEBB;
}
/*
header
*/
#header{
	height:255px;
	clear:both;
	background:transparent url("/includes/images/header_screen.jpg") no-repeat;
}
#header h1, #header h2, #header h4{
	position:absolute;
	left:-999em;
	top:-999em;
}
/*
content
*/
#content{padding:0 10px 10px 10px;
	background:transparent;
	width:520px;
	float:left;
	clear:left;
}
#content p, #content li{
	width:500px;
}
#content h2, #content h3, #content h4, #content h5, #content h6{
	border-bottom:1px solid #ccc;
	padding:0 20px 5px 0;
}
#content p img, #content img, #sidebar img{
	border:1px solid #000;
}
#content p img{
	margin:0 0 0 10px;
}
#content ul, #sidebar ul, p{
	padding:0 0 10px 0;
}
p{
	line-height:1.5;
}
/*
lists
*/
#content ul, #sidebar ul, #content ol, #sidebar ol{
	padding:0 0 20px 20px;
}
#content ul li, #sidebar ul li{
	list-style:disc;
	padding:0 0 0 5px;
}
/*
sidebar
*/
#sidebar{
	float:right;
	clear:right;
	width:180px;
	min-height:400px !important;
	background:transparent;
}
/*
footer
*/
#footer{
	background:#333 url("/includes/images/pattern_belt2.gif");
	clear:both;
	padding:5px 0 10px 10px;
	text-align:left;
	font-size:90%;
}
#footer li {
	border-right:1px solid #fff;
	display:inline;
	margin:0 15px 0px 0;
	padding:0 15px 0 0;
}
#footer li, #footer p, #footer li a, #footer p a{
	color:#fff;
}
#header ul li.noborder, #footer ul li.noborder, #navigation ul li.noborder, li.noborder, .noborder, #noborder{
	border:0;
}
/*
link states footer
*/
a, a:link, a:visited{color:#3E879E;text-decoration:underline;cursor:pointer;}
#footer li a:hover, a:hover, a:active{color:#64C733;text-decoration:none; background:transparent; 
}
#footer a:link, #footer a:visited{color:#64C733;text-decoration:underline;cursor:pointer;}
#footer a:hover, #footer a:active{color:#3E879E;text-decoration:none; background:transparent; 
}
/*
nav tabs
*/
.navcontainer{
	padding:0 10px 0 10px;
	background:#333 url("/includes/images/pattern_belt2.gif");
	text-align:center;
	width:740px;
	height:35px;
	}
#miniflex{
	width:100%;
	float:left;
	font-size:small;
	text-transform:capitalize;
	}

#miniflex li{
	float:left;
	padding:0 100px 0 0;
	display:inline;
	list-style:none;
	}
#miniflex li a{
	border-bottom:4px solid #3E879E;
	letter-spacing:5px;
	text-transform:uppercase;
}
	
#miniflex a:link, #miniflex a:visited{
	float:left;
	font-size:110%;
	line-height:20px;
	font-weight:bold;
	padding:10px 0 0 0;
	margin:0 20px 20px 0;
	text-decoration:none;
	color:#fff;
	}
#miniflex a:hover, #miniflex a:active{
	color:#64C733;
	border-bottom:4px solid #3E879E;
}
body#home #active,
body#products #active1,
body#contact #active2{
	border-bottom:4px solid #fff;
	padding-bottom:2px;
	color:#fff;
	}
.nav-ie-padding{
	padding:0 0 20px 0;
}
/*
headings
*/
#miniflex, h1, h2, h3, h4, h5, h6 {font-family:'Trebuchet MS',  arial, helvetica, verdana, sans-serif;}
h1, h2, h3, h4, h5, h6{
	text-transform:capitalize;
	color:#36302B;
	font-weight:bold;
	margin:0 0 5px 0;
}
h3{text-transform:uppercase;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{
	width:490px;
}
h1{font-size:3em;}
h2{font-size:1.3em;}
h3{font-size:1.2em;}
h4{font-size:1.15em;}
h5{font-size:1.1em;}
h6{font-size:1.05em; font-style:italic;}
/*
miscellaneous 
*/
.floatright{
	float:right;
}
strong{font-weight:900;line-height:1.5;}
p{padding:0 0 20px 0;}
/*
end credit webdesign 
*/
.webdesign p{background:#57524D; width:100%; padding:10px 0 0 0; font-size:75%; text-align:center;}

#content ul li{
	/*line-height:1%;*/
	list-style:disc;
}