/*	unveiled.css

	Notes:
	All positioning is done using floats (no absolute positioning).

	We encounter the IE div spacing bug frequently, and use the "* html" hack to
	get around it. Layout is nearly identical in IE & FF.
	
	Anytime you make positioning changes, look for a corresponding "* html" rule for WinIE specific layout.
*/
/* debugging:
div { border: solid 1px red; }
*/

/*Zero the defaults
*/
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a { 
	margin: 0; 
	padding: 0; 
	border: 0; 
}


/* global stuff */
.image { border: 0px; }
.clear { clear: both; }
.smallcaps { font-variant: small-caps;font-size: 80%; }

a { text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover {  text-decoration:underline; }


h1 { font-size: 150%; text-align: center; font-weight: normal; margin-bottom: 25px; }
h3 {font-weight: normal; }
.bold {font-weight: bold; }
.title { color: #f99; }
.firstletter { font-size: 150%; }
.imagecenter { text-align: center;  border: 0; margin: 10px 0 10px 0; }
div.pictureleft {float: left; margin: 0px 10px 0px 0px; }
div.pictureright {float: right; margin: 0px 0px 0px 10px; }
.italic { font-style:inherit; }
.shiftleft { margin-left: 55px; }
.textleft { text-align: left; }
.blue { color: #9cf; }
.center { text-align: center; }

hr { border: 0; width: 95%; color: #66ccff; background-color: #66ccff; height: 1px;}

html { font-size: 100.01%; }

body { color: #000; font-family: Verdana, Arial, Sans-Serif; font-size:14px; text-align: center; background-image:url(images/background_2.jpg); }

div#entirepage { margin-left: auto; margin-right: auto; text-align: center;  width: 700px; height: auto; border: 1px solid #330; margin-top: 30px; margin-bottom: 30px;  background-color: white; }



/*	the nav div is for the navigation elements. in this case, the section titles.
 */
 
div.nav { font-size: 14px; margin-bottom: 20px; color: #66ccff; }
div.nav div { margin: 15px 0 15px 0; }
div.nav a { width: 130px; }


/*	the logo div is where we put the logo and the address information beneath it
The margin-left is in the negative digits so that the images in the topspace div can overlap the logo div
 */
div#top { width: 700px; height: 120px; margin-top: 20px; }
div#logo { height: 120px; width: 266px; text-align: left; float: left; }
div#diablo { height: 120px; width: 80px; text-align: right; float: left; margin-left: 10px;  }
div#diablo_text { height: 120px; text-align: right; float: left;  margin-left: 200px; font-size: 12px; font-style: italic; }

/*	the main div is where content is rendered on the various pages.
 */
div#main { width: 650px; line-height: 18px; text-align: left; margin-left: 25px; margin-right: 25px; margin-top: 25px; height: auto; }
 
/*bottom info */
div#bottominfo { width: 700px; text-align: center; margin-top:10px; }

/* copyright */

div#copyright { font-size: 85%; margin-top: 20px; margin-bottom: 20px; }

/*products*/
div#products_space { width: 650px; float: left; margin-top: 20px; }
div.products { width: 200px; height: 200px; text-align: center; float: left; margin-left: 10px; margin-top: 15px; }
div.product_name { font-style:italic; text-align:center; }

div#contactinfo { width: 650px; margin-top: 10px; font-size: 85%; }