/* 
Title : 		Stylesheet

Type: 			Screen, Projection
Description : 	Styles for on-screen media are delared here.
				Imports reset stylesheet and contains commonly used helper styles

--------------------------------------------------------------------------------------------------------------------------
FILE INFO
Last updated:	2009/03/25
Created by:		Sam Smithson
Version: 		1.0 
----------------------------------------------------------------------------------------------------------------------- 
*/

/* 
Title : 		Reset Stylesheet

*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

img { display:block; border:0; }




/* general
*****************************************************************************************/
body {font: 62.5%/1.5 Arial, Helvetica, sans-serif; color:#000000; letter-spacing:1px; line-height:12px; text-transform:uppercase;  background:url(../images/bkg-body.gif) 0px 0px repeat-y;  }
html {  background:url(../images/bkg-wrapper.jpg) 0px 0px no-repeat; }

/* wrapper div
*****************************************************************************************/
#wrapper { width:939px; margin:0px 0px 0px 3px; }  
#logo { margin:45px 0px 25px 30px; }
#footer { background:url(../images/bkg-footer.gif) 0px 0px repeat-x; height:8px; width:100%; }
#intro {  margin-left:29px; padding-top:27px; padding-bottom:27px; }
	#intro p {color:#949493;  }
#page-footer { margin-left:29px;  padding-top:27px; padding-bottom:27px; font-weight:bold; }
	#page-footer p { color:#949493; }
	.page-footer-col { float:left; display:inline;  width:128px; margin-top:20px; }
.product-row { margin-left:29px; padding-bottom:27px; }
	.product { text-align:center; width:301px; float:left; display:inline; }
	.product img { margin:0 auto;}
	.product span { color:#f0849b; }
.line { background:url(../images/bkg-line.gif) 0px 0px repeat-x; height:1px; width:100%; }
.line-dotted { background:url(../images/bkg-line-dotted.gif) 0px 0px repeat-x; height:5px; width:100%; }

h1, h2, h3, h4 { font-size:10px;}
h3 { font-weight:bold; }

address { font-style:normal; color:#949493; }
a { color:#f0849b; text-decoration:none; }
a:hover { text-decoration:underline; }
.border { border:1px #F00 solid; }