/* CSS Document */

body, h1, h2, h3, h4, h5, ul, li, ul li, div, img, form {
	margin: 0px;
	padding: 0px;
}

body	{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-color: #000;
}

img	{
	border: 0;
}

.clear {
	clear: both;
}

.clearfix {clear: both; padding-top: -20px}

fieldset {border:0; padding: 0;}

.imgleft {
	float: left;
	display: inline;
	padding: 10px 10px 10px 0;
}

.imgright {
	float: right;
	display: inline;
	padding: 10px 0px 10px 10px;
}


/* ***************************** */
/* *******LAYOUT CLASSES******** */
/* ***************************** */

#hme-outerWrapper {
	margin: 0 auto;
	width: 1000px;
	background: url(../images/furn/hme-bckd.jpg);
}

#originalouterWrapper {margin: 0 auto; width: 1000px; background: url(../images/furn/original-bckd.jpg);}
#coconutouterWrapper {margin: 0 auto; width: 1000px; background: url(../images/furn/coconut-bckd.jpg);}
#appleouterWrapper {margin: 0 auto; width: 1000px; background: url(../images/furn/apple-bckd.jpg);}
#stemouterWrapper {margin: 0 auto; width: 1000px; background: url(../images/furn/stem-bckd.jpg);}
#sultanaouterWrapper {margin: 0 auto; width: 1000px; background: url(../images/furn/sultana-bckd.jpg);}
#contactouterWrapper {margin: 0 auto; width: 1000px; background: url(../images/furn/contact-bckd.jpg);}

#innerWrapper {
	margin: 0 auto;
	width: 946px;
}

#contentWrapper {
	float: left;
	width: 272px;
}

#hmebtnsWrapper	{float: left;}


/* ***************************** */
/* *******CONTENT CLASSES******* */
/* ***************************** */

#hmecontent {font-family: "Times New Roman", Times, serif; font-size: small; color: #BAA061; height: 270px; padding-top: 210px; padding-left: 10px;}
#originalcontent {font-family: "Times New Roman", Times, serif; font-size: small; color: #FFF0D9; height: 210px;padding-top: 210px;padding-left: 8px;}
#coconutcontent {font-family: "Times New Roman", Times, serif; font-size: small; color: #00B6DD; height: 210px;padding-top: 210px;padding-left: 10px;}
#applecontent {font-family: "Times New Roman", Times, serif; font-size: small; color: #7BC142; height: 210px;padding-top: 210px;padding-left: 10px;}
#stemcontent {font-family: "Times New Roman", Times, serif; font-size: small; color: #F89828; height: 210px;padding-top: 210px;padding-left: 10px;}
#sultanacontent {font-family: "Times New Roman", Times, serif; font-size: small; color: #B18FC2; height: 210px;padding-top: 210px;padding-left: 10px;} 
#contactcontent {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #BAA061; height: 210px;padding-top: 210px;padding-left: 28px;} 


#btnWrapper {width: 532px; padding-left: 63px; padding-top: 72px;}
#btn1 {padding-left: 131px;}
#btn2 {float: left; width: 266px;}
#btn3 {float: left; width: 266px;}
#btn4 {float: left; width: 266px;}
#btn5 {float: left; width: 266px;}


/* ******************************** */
/* *******NAVIGATION CLASSES******* */
/* ******************************** */

#rangenav {padding-top: 25px;}
#rangenav ul {padding-left: 28px;}
#rangenav ul li {list-style-type: none;}
#rangenav ul li a {font-family: "Times New Roman", Times, serif; font-size: small; text-transform: uppercase; text-decoration: none; font-weight:bold;}

#sultana a, #original a, #coconut a, #apple a, #stemginger a {color: #BAA061;}
#sultana a:hover, #sultanaon a {color: #B18FC2;}
#original a:hover, #originalon a {color: #FFF0D9;}
#coconut a:hover, #coconuton a {color: #00B6DD;}
#apple a:hover, #appleon a {color: #7BC142;}
#stemginger a:hover, #stemgingeron a {color: #F89828;}

#sitenav ul {padding-top: 20px; padding-left: 28px; padding-bottom: 120px;}
#sitenav ul li {list-style-type: none;}
#sitenav ul li a {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #BAA061;text-decoration: none;}
#sitenav ul li a:hover {color: #fff;}

a {color: #BAA061}