@charset "UTF-8";
/* CSS Document */
/* Table of Contents:

Global Styles � (body, paragraphs, lists, etc)
Header
Page Structure
Headings
Text Styles
	
*/
/* Reset
--------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
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%;
	font-family: inherit;	
}


body { line-height: 1.5; background: #fff; margin:1.5em 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* Global Styles
--------------------------------------------------------------------------------------- */
html, body { border:0; margin:0; padding:0; font-family:'Lucida Fax', Lucida Grande, Arial, Helvetica sans-serif; color:#76746e; text-align:left; background:url(../images/bDrop_body.jpg) top repeat-x; background-color:#faf9f6; height:100%; font-size:12px; }




/* Page Structure
--------------------------------------------------------------------------------------- */

#page {margin: 0 auto; width:900px; min-height:100%; position:relative; }
* html #page { height:100%; }

#header {height:42px; background:url(../images/bDrop_banner.jpg) no-repeat; text-align:left; padding:133px 0 0 214px;  }

#nav {height:30px; background:url(../images/bDrop_nav.gif) no-repeat; }
#nav ul {   margin: 0;  padding: 0;  list-style-type: none;  list-style-image: none; list-style-position: outside; display: block;}
#nav ul li {  float: left;  margin: 0;  padding: 0;}
#nav ul li a {  height:30px;  display: block;  margin: 0;  padding: 0;}

#home, #content { padding:45px 400px 15px 25px; }
#content { padding:45px 400px 95px 25px; }
#calculator { padding:45px 25px 95px 25px; }
#flash {float:right; padding-top:20px; }
#teasers { padding-bottom:95px; padding-left:25px; }
#teasers .right {float:right; }

#footer { background:url(../images/bDrop_footer.jpg) repeat-x; position: relative; margin: -61px auto 0 auto; height:60px;  }
#footer #frame { margin:0 auto; width:900px; padding-top:15px; }

#footer #frame .col01, #footer #frame .col02 {float:left; width:250px; font-family:'Arial', Lucida Grande, Helvetica sans-serif; color:#68675c; font-size:10px; font-weight:600; padding:0 15px 10px 35px;  line-height:18px; }
#footer #frame .col02 {margin-left:300px; color:#68675c; padding:0 15px 10px 30px; float:none; width:545px;   }


/* Headings
--------------------------------------------------------------------------------------- */

h1, h2, h3 {}

.home h1, .about h1, .products h1, .faq h1, .links h1, .contact h1, .calculator h1 {background:url(../images/hd_home.gif) no-repeat top; height:85px; width:411px; text-indent:-9999px; margin:0; padding:0;}
.about h1 {background:url(../images/hd_about.gif) no-repeat top; }
.products h1 {background:url(../images/hd_products.gif) no-repeat top; }
.faq h1 {background:url(../images/hd_FAQ.gif) no-repeat top; }
.links h1 {background:url(../images/hd_links.gif) no-repeat top; }
.contact h1 {background:url(../images/hd_contact.gif) no-repeat top; }

#calculator h1 {background:url(../images/hd_calculate.gif) no-repeat top; height:85px; width:411px; text-indent:-9999px; margin:0; padding:0; }

#content h2, #calculator h2 { margin-bottom:10px; padding:3px; font-size:14px; line-height:18px; color:#950c14; font-weight:600; }


/* Text Styles
--------------------------------------------------------------------------------------- */

p, .bold, .table { margin-bottom:10px; padding:3px; font-size:12px; line-height:18px; }

.list {  font-size:12px; line-height:22px; margin:5px 5px 5px 13px; padding:0 0 0 10px; list-style-type:disc; list-style-image:url(../images/ic_point.gif); list-style-position: outside; display:block; }

.bold {color:#950c14; font-weight:600; margin:0; padding:0;}

#mytable { width: 250px; padding: 0; margin: 5px 0 30px 5px; ; font-size:12px;}
caption { padding: 0 0 5px 0; width: 250px; font-size:10px; font-style:italic; font-family:'Arial', Helvetica, Lucida Sans sans-serif; color:#444241; text-align: right; }

#mytable th {  color: #950c14;	border-right: 1px solid #d5d3c9; border-left: 1px solid #ffffff; border-bottom: 1px solid #d5d3c9; border-top: 1px solid #d5d3c9; letter-spacing: 1px; text-align: left; padding: 6px 6px 6px 12px;	background: #d5d3c9; font-family:'Lucida Fax', Lucida Grande, Arial, Helvetica sans-serif; text-align:left; line-height:16px;  font-size:12px; }

#mytable th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #d5d3c9; background: none;}

#mytable td { border-right: 1px solid #d5d3c9; border-bottom: 1px solid #d5d3c9; background: #f7f6f0; padding: 6px 6px 6px 12px; color: #76746e;}

#mytable th.spec, #mytable th.specalt { border-left: 1px solid #d5d3c9; border-top: 0; font-size:12px; font-family:'Lucida Fax', Lucida Grande, Arial, Helvetica sans-serif ; background-color:#f7f6f0; color: #6f7072;}


/* Links
--------------------------------------------------------------------------------------- */

a, a:link, a:visited, a:hover {text-decoration:none; margin:0; padding:0; }

#content a, a:link, a:visited, a:hover, #home a, a:link, a:visited, a:hover {margin:0; text-decoration:none; font-family:'Lucida Fax', Lucida Grande, Arial, Helvetica sans-serif; color:#950c14; padding:2px; }
#content a:hover, #home a:hover {color:#f7f7f5; background-color:#950c14; }

#footer #frame .col02 a, a:link, a:visited, a:hover {margin:0 8px; text-decoration:none; font-family:'Arial', Lucida Grande, Helvetica sans-serif; color:#950c14; font-weight:600; padding:2px; }
#footer #frame .col02 a:hover { color:#f7f7f5; background-color:#950c14; }

#nav ul li a.home { width: 73px; height: 30px; background: url(../images/bt_home.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.about { width: 107px; height: 30px; background: url(../images/bt_about.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.products { width: 113px; height: 30px; background: url(../images/bt_products.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.faq { width: 59px; height: 30px; background: url(../images/bt_faq.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.links { width: 76px; height: 30px; background: url(../images/bt_links.gif) no-repeat;  text-indent: -9999px; }
#nav ul li a.contact { width: 126px; height: 30px; background: url(../images/bt_contact.gif) no-repeat; text-indent: -9999px; }
#nav ul li a.calculate { width: 131px; height: 30px; background: url(../images/bt_calculate.gif) no-repeat; text-indent: -9999px; }

#nav ul li a.home:hover { background: url(../images/bt_homeOV.gif) no-repeat; }
#nav ul li a.about:hover { background: url(../images/bt_aboutOV.gif) no-repeat; }
#nav ul li a.products:hover { background: url(../images/bt_productsOV.gif) no-repeat; }
#nav ul li a.faq:hover { background: url(../images/bt_faqOV.gif) no-repeat;}
#nav ul li a.links:hover { background: url(../images/bt_linksOV.gif) no-repeat;  }
#nav ul li a.contact:hover { background: url(../images/bt_contactOV.gif) no-repeat; }
#nav ul li a.calculate:hover { background: url(../images/bt_calculateOV.gif) no-repeat; }



/* MAWSON CALCULATOR STUFF
--------------------------------------------------------------------------------------- */


table.calc { width: 100%; margin-bottom:10px; padding:3px; font-size:12px; line-height:18px;}

.calc span { font-size: 80%; }

.calc td {	text-align: right; }

.calc td input {	width: 60px; }

.calc td input.button {	width: 100px; }

.calc .inactive {	display: none;	/*background: #ddd;*/ }

.calc a, .calc a:link, .calc a:visited {
	float: left;
	display: block;
	width: 20px;
	height: 0px;
	line-height: 20px;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	margin: 0;
	margin-left: 10px;
	padding: 0;
	padding-top: 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.calc a.cubic {	background-image: url(../images/ic_cube.gif); }
.calc a.cylindrical {	background-image: url(../images/ic_cyl.gif); }
.calc a.off, .calc a.off:link, .calc a.off:visited {	background-position: 0 -20px; }