/* ----- Our Quality Coffe Home Styles---------------
Created by: Ramanjeet Kaur
Created for: 303 pty group
Created on: 22 April 2009
*/

BODY {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BACKGROUND: #170500 url(../images/bg.jpg) top center no-repeat; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	COLOR: #1e4040;
	PADDING-TOP: 0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#container {
	margin:auto;
	position:relative;
	BACKGROUND: url(../images/bgquality.png) no-repeat;
	BORDER-LEFT: #000 0px solid; BORDER-BOTTOM: #000 0px solid;
	width:990px;
}

#header {
	position:relative;
	height:158px;
}

#header_inner{
	position:relative;
	border-bottom:#603813 1px solid;
	width:930px;
	margin-left:40px;
	height:100px;
}

#hd_logo{
position:relative;
float:left;
width: 175px;
}

#navcontainer{
position:relative;
float:right;
width:750px;
margin:65px 0px 0px 0px;
*margin:75px 0px 0px 0px;
text-align:left;
height:30px;
}


#content {
	BORDER-RIGHT: red 0px solid;
	MARGIN-LEFT:80px; 
	BORDER-LEFT: red 0px solid; 
	MARGIN-RIGHT: 50px;
	width:850px;
	height:500px;
	*height:600px;
}

#sub_navcontainer{
margin-left:2px;
*margin-left:-5px;
margin-top:-18px;
z-index:200;
}

.titleimage
{
padding:20px 0px 0px 20px;
}

#left {
	margin-top:15px;
	DISPLAY: inline;
	WIDTH: 123px;
	POSITION: absolute;
	left: 16px;
	top: 288px;
	height: 448px;
	z-index:200;
}


#centre{
margin-top:90px;
position:relative;
width:750px;
margin-left:50px;
*margin-left:0px;
margin-right:60px;
*margin-right:0px;
text-align:left;
z-index:10;
}

#flashmiddle{
position:relative;
margin:20px 120px 20px 30px;
*margin:20px 0px 20px 30px;
text-align:center;
z-index:20;
}


#flashcontainer{
margin-top:0px;
z-index:30;
}

#right {
	DISPLAY: inline;
	RIGHT: 47px;
	FLOAT: right;
	WIDTH: 170px;
	MARGIN-RIGHT:0px;
	POSITION: absolute;
	margin-top:0px;
	top: 270px;
	*top: 263px;
	height: 379px;
	z-index:1000;
}


#peg_holder{
	position:absolute;
	float:right;
	margin-right:0px;
	width: 34px;
	height: 36px;
	z-index:10;
	left: 904px;
	top: 221px;
}



#footer {
	CLEAR: both;  HEIGHT: 140px; TEXT-ALIGN: center
}
H1 {
	MARGIN-TOP: 0px
}
H3 {
	MARGIN-TOP: 0px
}
P {
	line-height:15px;
}
.clearer {
	CLEAR: both; MARGIN-TOP: -1px; OVERFLOW: hidden; HEIGHT: 1px
}


.title_text{
color:#ffefbc;
margin-right:170px;
*margin-right:150px;
padding-top:20px;
height:40px;

}

#sitemap{
	position:relative;
	border-top:  dashed 1px #a58d7b;
	font-size:10px;
	color: #a58d7b;
	float:right;
	right:20px;
	margin-top:40px;
}



#sitemap a:link, #sitemap a:visited
{
	color:#a58d7b;
	text-decoration:none;
}

#sitemap a:hover
{
	color: #ffefbc;
	text-decoration:none;
}


#paperClip
{
	position:absolute;
	left: 138px;
	top: -25px;
	*top: -26px;
	height: 40px;
	z-index:9999;
}