/* CSS Document */

/************* GLOBAL STYLES ************/
html, body, img, ul, li, p, h1, h2, h3, form, input, textarea, submit { 
	margin:					0; 
	padding:				0; 
	border:					0; 
}

body {
	font-family:				Helvetica, Arial, sans-serif; 
    	font-size:				100%;
	letter-spacing: 			.25px;
	overflow:				hidden;	
}

a { 
	color:					#000; 
	text-decoration:			underline; 
}

a:hover { 
	text-decoration:			none; 
}

p {
	font-size:				1em;
	margin-bottom:				1em;
    	line-height:				1.25em;
}

h2 {
	font-size:				1em;
	margin-bottom:				1em;
    	line-height:				1.4em;
}

/************* SPLASH PAGE LAYOUT ************/
#overlayWrapper img {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1002;
	top:					50%;
	left:					50%;
	margin-top:				-188px; /* half elements height*/
	margin-left:			-400px; /* half elements width*/
	width:					800px;
	height:					378px;
}

#overlay {
	position:				absolute;
	top:					0;
	left:					0;
	z-index:				1000;
	width:					100%;
	height:					100%;
	background-color:		#fff;
	filter:					alpha(opacity=80);
	-moz-opacity:			0.80;
	-khtml-opacity:			0.80;
	opacity:				0.80;
}

/************* MAIN PAGE LAYOUT ************/
#wrapper {
	width:					100%;
	height:					100%;
	min-width:				760px;
}



#main {
	position:				relative; 
	top:					0; 
	left:					0;
	width:					100%;
}

#content {
	position:				absolute;
	width:					100%;
	overflow:				auto;
	z-index:				10;
}

#contentPadding {
	width:					95%;
	max-width:				675px;
	margin-left:			20px;
	margin-top:			10px;
}

#content .product {
	margin-bottom:			80px;
}

#content h1 {
	margin:					0 0 10px 0;
	font-size:				3em;
}

#content h2 {
	margin:					0 0 0 0;
	font-size:				1.2em;
}


#content img {
	margin:					0 20px 20px 0;
}


#footer {
	position:				relative;
	top:					200px;
}