/*Get the typography first*/
@import url("text.css");

body { 
margin:0; padding:0;
background-image: url(../../css-template/images/pagebg.gif);
background-position: center;
background-repeat: repeat-y;
background-color: #4c726d;
text-align: center;}

#masthead { 
position:relative; 
padding:0;
margin: 0em auto 0em auto;
text-align: left;
width:800px;
/*background-image: url(images/brickbg.gif);
background-repeat: repeat-y;
background-position: center;*/
/*background-color: #e76933;*/
height: 125px;

}
.cosmetics {
	background-image: url(../images/headers/cosmetics2.jpg);
}
.food { background-image: url(../../css-template/images/mastheadbg.jpg);}
.diy {
	background-image: url(../images/headers/diy2.jpg);
}

/*Logo image*/
#masthead #Hlogo {
border: none;
margin: 1em;
float:left;}

/*Trademark image*/
#masthead #Htm {
border: none;
position: absolute;
top: 0.5em;
right: 1em;}

#container {
margin-left:auto; 
margin-right:auto; 
width: 800px;
height:100%;
text-align: left;
background-image: url(../../css-template/images/contentbg.jpg);
background-repeat: repeat-y;
background-position: right;
background-color: #ffffff;}

#navigation {
	position: relative;
	border-left:1px solid #666666;
	width: 799px;
	background-image: url(../images/navbar-bg.gif);
	background-repeat: repeat-x;
	margin:0px;
	z-index: 2000;
}

#navigation a:link, #navigation a:visited {
text-decoration: none;}

#content {
padding: 1em 4em 2em 3em;
margin-right:300px;
background-image: url(../../css-template/images/tmbg.gif);
background-repeat: no-repeat;
background-position: center center;}

#footer-info {
	position:relative;
	text-align: center;
	width: 800px;
	clear: both;
	color: #ffffff;
	padding-top: 1em;
	padding-bottom: 1em;
	bottom: 0px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}

#supplementary {
float: right;
width: 300px;
height: 100%;
padding-right: 2em;
padding-left: 2em;}

#supplementary img {
clear: both;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0em;
padding-right: 0em;}

#supplementary ul {
list-style-type:none;
margin:0; padding:0;}

.latest-info {
margin: 0em 0em 1em 2em;
padding:10px 10px 5px 10px;
color:#3a564f;
background: #f4f4f4 url(../../css-template/images/menubg.gif) repeat-x bottom left;
border-top:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
border-left:4px solid #cccccc;
line-height:1.3em;
}