* {
margin: 0 auto;
}

#html, body{
margin: 0;
padding: 0;
height: 100%;
background-image: url('../images/shadow.gif');
}

#wrapper {
text-align: left;
position: relative;
height: 100%;
width: 810px;
background-color: #FFCC99;
background-image: url('../images/grad2.jpg');
background-repeat: repeat-x;
}

#header1 {
width:100%;
}
	
#header1 .h1 {
padding:0px;
margin:0;
}


#sidebar {
width:124px;
min-height: 312px;
float:left;
padding:0 0 0 10px;
}

#footer {
height: 43px;
position: relative;
clear:both;
}

#push {
clear: both;
}

	
#sidebar ul {
margin-bottom:0;
}
	
#sidebar h3, #sidebar p {
padding:0 10px 0 0;
}

#main3 {
float:left;
padding:50px 50px 20px 50px;
width:500px;
}

#main1 {
float:left;
padding:0 10px 0 20px;
width:250px;
min-height: 312px;
}
	
#main h2, #main h3, #main p {
padding:0 10px;
}

.hidden {
color: #ffffff;
}

#main2 {
float:left;
width:359px;
min-height: 312px;
}

#catalog {
height: 750px;
width: 100%;
float: right;
}	

.header1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #993333;
}
.header2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #644A3B;
}
.header3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #336633;
}

.header4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px;
}

.header4 a {
color: #ffffff;
}
		
.main_headline {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #993333;
}


.bodytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #463C31;
line-height: 12px;
padding: 10px 10px 10px 0px;
font-weight: bold;
text-align: left

}

.bodytext2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #A0522D;
line-height: 12px;
padding: 10px 10px 10px 0px;
font-weight: bold;
text-align: left
}

.footertext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
line-height: 12px;
font-weight: bold;
text-align: center;
}


#content {
float:left;
padding:0 10px 0 20px;
width:500px;
height: 100%;
}


.yellow_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF9900;
}
.blackhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bolder;
	color: #000000;
}
.small-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #993333;
}


#navigation ul {
	display: inline;
	float:right;
	width: 96.5%;
	list-style: none;
	background-image: url('../header_images/grad2.gif');
	height:20px;
	margin: 10px 0 0 0;
	position: relative;
	padding: 4px 20px 6px 0px;
	}
	
#navigation li {
	display: inline;
	position: relative;
	margin: 0 2px 5px 0;
	padding: 0 10px 15px 0;
	}
	
#navigation a {
	position: relative;
	color: #666;
	font-weight: bold;
	width:25px;
	padding: 14px 10px 9px 5px;
	text-decoration: none;
	}
	
#navigation a:hover {
	color: #333;
	}
	
#navigation #currentpage a {
	color: #333;
	background-color:#ddd;
	position: relative;
	border: 2px solid #ffffff;
	padding: 5px 15px 5px 5px;
	}