/*
	StyleSheet by Tim Whims
	http://www.whimsweb.com
	Blue:#002142
	Brown:#422900
	Text: #bfbfbf
		
*/

body {
	margin: 5px auto 0px auto;
	font: .83em Arial, sans-serif;
	line-height: 1.5em;
	height:auto;
	background: #fff;
	background-image:url(../images/top.png); 
	background-repeat:repeat-x;
	}
	
a {color:#bfbfbf; text-decoration: underline; background:inherit;}
a:hover {color:#bfbfbf; text-decoration: underline; background:inherit;}
a:visited {color: #999;}
p {	margin: 5px 0; }
ul { margin: 3px 0px 3px 0px; padding : 3px 0px 3px 0px; list-style: none; overflow:hidden; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: transparent; margin: 10px 0; }


.content { margin: 0px auto; width: 800px; }



/* Logo Area */


#top {
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
	height: 80px;
	width:900px;
	background-image:url(../images/daniels-scientific-text.png);
	background-repeat: no-repeat;
	overflow:hidden;
}

	#top #danielstxt { float: left; width:850px; height:70px; margin:5px 0px 0px 0px;}
	#top h1 { font: bold 1.0em Arial, Sans-Serif; padding: 0px 0 0px 0; margin: 0px 0px 0px 0px; letter-spacing: 1px; color: #fff; }
	#top #icons { float: right; padding:0px 0px 0px 0px; margin: 5px 30px 0px 0px; width:15px; height:70px; }
	#top #icons h1 { font: bold 1.1em Arial, Sans-Serif; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; letter-spacing: 2px; color: #fff; line-height: .1em; }
	#top #icons img { padding:0px 0px 0px 2px; }

/* Ad and Icon Area */


	
#ad { 
	background-color:#422900; 
	padding:0px 0px 0px 0px;
	width:800px;
	height:205px;
	margin:0px auto 5px auto;
	font: .85em Arial, sans-serif; 
	line-height: 1.2em;
	overflow:hidden;
	
}


#ad #image1{
	width:193px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 5px;
	background-color: #002142;
	
}

#ad #image1 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image1 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image1 p { color: #BFBFBF; padding: 0 4px 0 4px; text-align: justify }
#ad #image1 img {float: left; padding: 0 5px 5px 0 }
#ad #image1 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image1 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image1 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image1 a { text-decoration: none; color:#BFBFBF; }
#ad #image1  a:hover{ text-decoration:  underline; color:#bfbfbf; background-image:url(../images/onlinecatalogandorderingsystem.png);

}

#ad #image2{
	width:194px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 0px;
	background-color: #002142;
}

#ad #image2 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image2 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image2 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: justify }
#ad #image2 img {float: left; padding: 0 5px 5px 0 }
#ad #image2 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image2 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image2 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image2 a { background: #002142; text-decoration: none; color:#BFBFBF; }
#ad #image2  a:hover{ background: #002142; text-decoration:  underline; color:#bfbfbf; }

#ad #image3{
	width:194px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 0px;
	background-color: #002142;
}
#ad #image3 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image3 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image3 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: justify }
#ad #image3 img {float: left; padding: 0 5px 5px 0 }
#ad #image3 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image3 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image3 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image3 a { background: #002142; text-decoration: none; color:#BFBFBF; }
#ad #image3  a:hover{ background: #002142; text-decoration:  underline; color:#bfbfbf; }


#ad #image4{
	width:194px;
	height:195px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:5px 5px 5px 0px;
	background-color: #002142;
}
#ad #image4 h1 { background: url(../images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142; border-bottom:solid #525252 1px; }
#ad #image4 h1 span { background: url(../images/os-cart.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px;}
#ad #image4 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: justify }
#ad #image4 img {float: left; padding: 0 5px 5px 0 }
#ad #image4 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
#ad #image4 ul { margin: 0px 0px 0px 0px; padding : 0px 0px 0px 0px; list-style:none; overflow:hidden; }
#ad #image4 li { line-height: 1.2 em; list-style:none;font: .93em Arial, sans-serif;}
#ad #image4 a { background: #002142; text-decoration: none; color:#BFBFBF; }
#ad #image4  a:hover{ text-decoration:  underline; color:#bfbfbf;
}

		

/* Main Menu Area */

#row2 {
	height: 165px;
	width:800px;
 	margin:0px auto 5px auto;
	background-color:#422900;
}

/* Menu */

	#menu {
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 5px;
	height:160px;
	width:200px;
	float:left;
	background-color: #422900;
}
	#menu a {
	padding-left: 30px;
	font:  0.86em Arial, Sans-Serif;
	text-decoration: none;
	background: url(../images/lm-li1.gif) no-repeat left;
	background-color: #F6F6F6;
	color:#422900;
	font-variant:small-caps;
	}
	
	#menu a:hover {
	color:#f2f2f2; 
	background:#422900 url(../images/lm-li2.gif) no-repeat left;
	}
	
	#menu ul { padding: 5px 0 }
	#menu li { line-height: 1.9em; background: #F6F6F6 url(../images/li-line.gif) no-repeat bottom left; list-style: none; margin: 0px 0px 0px 10px; }
	
/*spotlights*/

#spotlight1 {
	width: 285px;
	height:155px;
	float:left;
	margin:5px 0px 0px 5px;
	background-color: #002142;
	overflow:hidden;
	line-height: 1.5em;
	font: .90em Arial, sans-serif;
}

		#spotlight1 h1 { background: url(../images/hbg1.jpg) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142 }
		#spotlight1 h1 span { background: url(../images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px}
		#spotlight1 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: left; font-size:90%; }
		#spotlight1 img { float: left; padding: 0 10px 5px 0 }
		#spotlight1 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
		#spotlight1 ul { margin: 0px 0px 0px 0px; padding : 5px 0px 0px 0px; font-size:82%; overflow:hidden; }
		#spotlight1 li { line-height: 1.7em; background: #002142 url(../images/lm-li1.gif) no-repeat left; list-style: none; padding: 0px 0px 0px 30px; margin: 0px 0px 0px 0px;color:#bfbfbf}
		#spotlight1 a { background: #002142; text-decoration:underline; color:#bfbfbf; }
		#spotlight1  a:hover{ background: #343434; text-decoration:underline; color:#bfbfbf; 
		
		}


#spotlight2 {
	width: 285px;
	height:155px;
	float:left;
	margin:5px 0px 0px 5px;
	background-color: #002142;
	overflow:hidden;
	line-height: 1.5em;
	font: .90em Arial, sans-serif;
}

		#spotlight2 h1 { background: url(../images/hbg1.jpg) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142 }
		#spotlight2 h1 span { background: url(../images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px}
		#spotlight2 p { color: #BFBFBF; padding: 0 5px 0 5px; text-align: left; font-size:90%; }
		#spotlight2 img { float: left; padding: 0 10px 5px 0 }
		#spotlight2 blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
		#spotlight2 ul { margin: 0px 0px 0px 0px; padding : 5px 0px 0px 0px; font-size:82%; overflow:hidden; }
		#spotlight2 li { line-height: 1.7em; background: #002142 url(../images/lm-li1.gif) no-repeat left; list-style: none; padding: 0px 0px 0px 30px; margin: 0px 0px 0px 0px;color:#bfbfbf}
		#spotlight2 a { background: #002142; text-decoration:underline; color:#bfbfbf; }
		#spotlight2  a:hover{ background: #343434; text-decoration:underline; color:#bfbfbf; 
		
		}

/* Main Content Area */


#main { 
width: 800px;
margin:5px auto 5px auto;
font: .90em Arial, sans-serif; 
line-height: 1.5em;
height:auto;

}

#main-full {
	width: 800px;
	background-color: #422900;
	margin:5px 0px 5px 0px;
	float:left;
	height:auto;	
}

		#main-full h1 { background: url(../images/hbg1.jpg) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; color:#002142 }
		#main-full h1 span { background: url(../images/product.gif) no-repeat left; padding: 3px 0px 0 23px;  line-height: 22px; margin: 0;}
		#main-full h2 { font: bold 1.1em Arial, Sans-Serif; color:#FFF; padding:0px 0px 9px 5px; font-variant:small-caps; border-bottom:#422900 solid 2px; line-height:0.2em; }
		#main-full img {}
		#main-full p { color: #BFBFBF; padding: 0 5px 0 5px; letter-spacing: normal;}
		#main-full blockquote { padding-left: 10px; border-left: 2px solid #f78f1e; margin: 10px 0 10px 25px; }	
		#main-full ul { list-style-position: inside; margin-left: 3px }
		#main-full li { list-style: none; background: url(../images/lm-li3.gif) no-repeat right;  margin: 0px 5px 0px 5px; padding:0px 0px 0px 30px;  }
		
		.product {width:180px; height:250px; margin:10px 9px 10px 9px; float:left;color: #BFBFBF;background: url(../images/product-background.png) repeat-y bottom; border:#d6d7db solid 1px;}
		.img {border: #00214 solid 2px;}
		.dateblock {border-top: 1px solid #bfbfbf;padding: 3px 0px 2px 0px;margin: 20px 0px 0px 0;text-align: right; background-color: #002142; text-decoration:none; color:#bfbfbf; font-weight:normal; text-align:center;}
	.dateblock a {color:#bfbfbf; text-decoration:none; background: #002142 url(../images/spotlightlink.gif) no-repeat left; list-style: none; padding: 2px 0px 2px 5px; margin: 0px 0px 0px 0px;}
	
	
/* The footer */
#footer {
clear: both;
width:800px; 
margin: 20px auto 0px auto;
line-height: 1.5em;
font: .83em Arial, sans-serif;

}

#footer a {text-decoration: none; color: #BFBFBF;}
#footer a:hover {text-decoration:underline; background: transparent; color: #002142; }
#footer ul { padding: 0px 0px 0px 0px; color: #BFBFBF; }
#footer li { line-height: 18px; background: url(../images/cat-li1.gif) no-repeat left; list-style: none; padding: 2px 0px 2px 20px;}

	#footerleft {
		width:260px;
		height:92px;
		float:left;
		padding:0px 0px 0px 0px;
		margin: 5px 5px 10px 5px;

	}

	#footermiddle {
		width:260px;
		height:92px;
		float:left;
		padding:0px 0px 0px 0px;
		margin: 5px 0px 10px 0px;
	}

	#footerright {
		width:260px;
		height:92px;
		float:left;
		padding:0px 0px 0px 0px;
		margin: 5px 5px 10px 5px;
	}

	#footerbottom { 
		clear: both;
		width:800px;
		height:20px; 
		border-top: 1px solid #DCDCDC; 
		padding:10px 0px 0px 0px;   
		background: #FFF;
		color: #777;
	}