/* CSS Document */
* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}

body {
	background-color: #DEE0DE;
	margin: 0px;

}

IMG {
	border:0px;
}
P {
	padding-bottom:0px;
	margin-bottom:0px;
}
/*
----------------------------------------------------------- 
common way to centralize a content box within the browser
Place the CONTENT container within the HORIZON container
*/
#horizon  {       
	background-color: transparent;
	/*text-align: center;*/
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}
/*
----------------------------------------------------------- 
*/
#content {
	width: 740px;
	height: 519px;
	margin-left: -370px; /* this needs to be half the total width of the container and set as a negative value*/
	position: absolute;
	top: -259px; /* this needs to be half the total height of the container and set as a negative value*/
	left: 50%;
	visibility: visible;
	border: 0px;
}

/* now define the backgrounds for each page */
.homepage {
	background:url(images/page_backgrounds/home.jpg) no-repeat;
}
.stonespage {
	background:url(images/page_backgrounds/stones.jpg) no-repeat;
}
.pearlspage {
	background:url(images/page_backgrounds/pearls.jpg) no-repeat;
}
.beadspage {
	background:url(images/page_backgrounds/beads.jpg) no-repeat;
}
.jadepage {
	background:url(images/page_backgrounds/jade.jpg) no-repeat;
}
.contactpage {
	background:url(images/page_backgrounds/contact.jpg) no-repeat;
}


#logo {
	position:absolute;
	left:195px;
	top:19px;
}


#advert {
	position:absolute;
	left:605px;
	top:10px;
	border:1px solid #000;
	background-color:#FFF;
}
#navigation {
	position:absolute;
	left:156px;
	top:121px;
}
#navigation UL {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
}
#navigation ul li {
	display: block;
	width: 70px;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	height:19px;
	line-height:20px;
}

#navigation img {
	vertical-align:-30%;
}
#navigation ul li a {
	
	padding: 0;
	margin: 0 0 0 0;
	color: #000;
	text-decoration: none;
	/*display: block;*/
	text-align: center;
}
#navigation li a:hover {
	color: #000;
	text-decoration:underline;
}

.narrow {
	width:140px;
}

.telnos {
	font-size:14px;
	font-weight:bold;
}
#maintext {
	position:absolute;
	left:345px;
	top: 205px;
	width:200px;
}

#jadetext {
	position:absolute;
	left:470px;
	top: 320px;
	width:200px;
}


#addressbox {
	position:absolute;
	left:60px;
	top:450px;
	width:200px;

}

#contactbox {
	position:absolute;
	left:220px;
	top:170px;
	/*border: 1px solid #000;*/
}

#textbox {
	position:absolute;
	left:94px;
	top:154px;
	width:550px;
}

#textbox p {
	padding:0 0 10px 0;
	margin:0px;
}	

#contactbox p {
	padding:0;
	margin:0;
	height:25px;
}
#contactbox textarea {
	width:290px;
}

#contactbox .inputbox {
	width:200px;
}

label {
	float:left;
	background-color:#999999;
	width:70px;
	height:20px;
	color:#FFF;
	display:block;
	margin-right:5px;
	line-height:20px;
	padding-left:10px;
}

a.makebold {
	font-size:14px;
	color:#FF0000;
	font-weight:bold;
}