/* =============== RESET TAGS NEW 0

a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, input, label, legend, li, p, select, span, table, td, textarea, th, tr, ul {

	margin: 0px; padding: 0px; border:0px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; text-decoration:none; 

}



html, body{ height:100%; }

body{ font-size:100%; }

img { display:block; }

ul { width:auto; list-style:none; }

li a { display:block; }

@media all {	 

	* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 

}

a { cursor:pointer !important; }*/

/* =============== END RESET TAGS */



/* =============== FONT-SPECIFICS

h1 { }

h2 { }

h3 { }

h4, p, li, td, th, label, input { font-size:0.69em; line-height:1.4em; }

li li { font-size:100%; } */

/* =============== END FONT-SPECIFICS 

#all-content { position: relative; z-index:128; width:832px; margin: 0; padding: 0; border: 0; clear: both; }	

@media all { #all-content { width:832px; } }*/

.clear-spacer { display:block; clear:both; } /* is used to force container elements to adjust height to its biggest child (problems in moz/opera) */
html>body .clear-spacer { height:0.1px; } /* hack: specific for non-IE browsers */


#top {
	margin: 0px;
	padding: 0px;
	height: 150px;
	width: 100%;
	position: relative;
	background-image: url(../gfx/top-bg-fill3.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	display: block;
	left: 0px;
	top: 0px;
}

#topleft {
	width: 400px;
	height: 150px;
	position: absolute;
	background-image: url(../gfx/top-bg-left3.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
//	left: 0px;
	top: 30px;
//	display: block;
//	float: left;
}

#topright {
	margin: 0px;
	padding: 0px;
	height: 60px;
	width: 228px;
	background-image: url(../gfx/top-bg-right3.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	float: right;
	display: block;
	position: absolute;
	top: 30px;
	right: 0px;
}

#toplogo {
	height: 75px;
	width: 290px;
	display: block;
	position: absolute;
	top: 50px;
}

#shop {
	display: block;
	position: relative;
	padding-left: 6px;
	clear: both;
}

#intro {
	display: block;
	position: relative;
	padding-left: 6px;
	clear: both;
	width: 736px;
}

#promo {
	display: block;
	position: relative;
	float: right;
	clear: right;
}
#menu {
	float: left;
	height: 216px;
	width: 207px;
	position: relative;
}


#devider {
	background-image: url(../gfx/devider-bg.png);
	background-repeat: repeat-x;
	position: relative;
	display: block;
	clear: both;
	height: 4px;
	width: 736px;
	margin: 6px 0px 6px 6px;
}


#splash img{
	display: block;
	clear: both;
	overflow: visible;
	position: absolute;
	z-index: 0;
	top: 300px;
}