html {
	margin:0;
	padding:0;
	background: #000; 
}

body {
	margin:0;
	padding: 0;
	color:#000;
	font-family:helvetica, arial, san-serif;
	font-size:0.9em;
	line-height:1.3em;
}


/* Basic Components 
------------------------ */
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; margin: 0; padding: 0; outline: none; }
a:link, a:visited { color: #006; }
a:hover, a:active { color: #18465b; text-decoration: none; }
a img { border: 0; margin: 0; }

input, textarea, em { font-family: helvetica, arial, san-serif; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
/* ---- Typography ------ */
.bold, .company, span.price { font-weight: bold; }
kbd { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: helvetica, arial, san-serif;
margin-top: 3px;
margin-bottom: 8px;
padding: 0;
text-transform: uppercase;
color: #265174;
}

blockquote { font: 1.1em helvetica, arial, san-serif; }
h1 {
margin: 16px 8px 32px 8px;
font-size: 2.0em;
text-transform: none;
font-weight: bold;
color: #18465b;
background: #fff;
float: left;
position: relative;
clear: both;
padding: 16px 24px 16px 8px;
}
h2, h3 {
font-size: 1.2em;
padding: 10px 0;
}

.hide, #skiptocontent { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }
.alt { display: none; }

.clearing { clear: both; }
.float-left { position: relative; float: left; }
.float-right { position: relative; float: right; }

.clearfix:after {
content: " "; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
font-size: 0;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* Layout CSS
------------------------ */

#wrapper { margin:0 auto; padding: 60px 0 0 0; width:984px; }


/* Header 
------------------------ */

#header { padding: 8px 0 0 0; margin: 0; width: 984px; height:62px; float: left; position: relative; }


#logo { float: left; position: relative; background: #fff; }
#logo a { width:54px; display: block; height: 52px; background: url(/img/assets2/pieces.png) -292px -96px no-repeat; }
#logo a span { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute; }


/* Pagebody
------------------------ */
#pagebody {
width: 984px;
position: relative;
float: left;
background:#000;
clear:both;
}

#sidebar {
width: 280px;
position:relative;
float:left;
padding: 16px 0;
}

#maincontent {
width: 704px;
position:relative;
float:left;
padding: 0 0 16px 0;
background: #000;
text-align: center;
}

body.one-col div#sidebar { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute; }
body.one-col div#maincontent {
width: 984px;
padding: 0 0 8px 0;
background: #000;
}




/* Footer #015275
------------------------ */
#footer { margin:8px 0; background: #e4f0f4; float: left; position: relative; width: 984px; border-top: 8px solid #000; } 

.box-footer .clear { display:block; clear:both; margin:0; padding:0; }
.box-footer { width:24.8%; margin:0; padding:0; float:left; text-align:left; }
.box-footer h2 { margin:0; padding:5px 0 10px 38px; font-size:1.1em; font-weight:bold; color:#003; }
.box-footer ul { margin: 0 0 8px 8px; padding:0 0 0 20px; list-style:none; color:#18465b; font-size:0.8em; display:block; }
.box-footer ul li { margin: 0; padding:5px 0 0 20px; background:url(/img/assets2/footer-arrow.gif) 5px 5px no-repeat; }
.box-footer ul a { font-size:1.2em; font-weight:normal; color:#18465b; margin:0; border:none;text-decoration:none; }
.box-footer ul a:hover { text-decoration:underline; }