/* ----- Home Content Style---------------
Created by: Ramanjeet Kaur
Created for: 303 pty group
Created on: 20 April 2009
*/
HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%
}

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

a:link,	 a:visited
{
	color:#f06125;
	text-decoration:none;
}
a:hover {
text-decoration:underline;
}

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

#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;
	padding-top:100px;
	width:850px;
	height:360px;
}

.titleimage
{
margin:15px 0px 0px 30px;
}

#left {
	margin-top:0px;
	DISPLAY: inline;  FLOAT: left;
	MARGIN-LEFT: -2px; 
	*MARGIN-LEFT: -7px; 
	WIDTH: 190px; POSITION: relative;
}

#right {
	DISPLAY: inline; RIGHT: 0px; FLOAT: right; WIDTH: 210px; 
	margin:16px 0px 0px 10px;
	*margin:16px 5px 0px 10px;
	POSITION: relative;
	z-index:1;
}


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

#centre{
position:relative;
float:none;
width:580px;
margin:10px 40px 0px 43px;
*margin:10px 40px 0px 36px;
text-align:left;
padding-top:20px;
}

#centre_content{
position:relative;
float:none;
width:760px;
margin:10px 40px 0px 43px;
*margin:10px 40px 0px 36px;
text-align:left;
padding-top:20px;
}

#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;
}


#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;
}

/* --------------------Styles for longer content pages --------------*/

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

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


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

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

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

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

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