/*
**********************
*NEEDED FOR ALL PAGES*
**********************
*/

*{
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #98cccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #553d16;
}

#sitewrapper {
	width: 750px;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	background-image:url(../images/slices/stripe.gif);
	background-repeat:repeat-y;

}

#header {
	background-image: url(../images/slices/header.gif);
	background-repeat: no-repeat;
	/*line-height: 132px;*/
	height: 132px;
}

h1 {
	background-image:url(../images/slices/logo.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	background-position: 75px 33px;
	line-height: 74px;
	width: 295px;
	float: left;
/*	line-height: 174px;174added*/
}

h2 {
	margin-left: 155px;
/*	padding-top: 25px;	*/
}

h3 {
	font-size: small;
	margin-left: 130px;
	margin-bottom: 5px;
	padding-top: 15px;
}

a {
	text-decoration: none;
	outline: none; /*THIS TAKES AWAY THE DOTTED LINE WHEN YOU CLICK ON LINK*/
}

.text {
	font-size: small;
	line-height: 15px;
	text-indent: 20px;
	width: 500px;
	margin-left: 180px;
	padding-top: 25px;
}

.thumbnail_text {
	color: #896d3b;
	font-size: small;
	line-height: 15px;
	text-indent: 60px;
	width: 500px;
	margin-left: 180px;
/*	padding-bottom: 15px;*/
}

#tag {
	/*clear: both;*/
	margin-top: -2px;
	background-image:url(../images/slices/tag.gif);
	background-repeat:no-repeat;
	height: 129px; /*THIS IS THE HEIGHT OF THE IMAGE LINE - IF LINE-HEIGHT USED CAUSES THE TEXT TO HAVE 129PX SPACE B/W EACH LINE*/
	padding: 0px;
}

#content {
	
	/*THE IMAGE IS A THIN SLICE OF THE HORIZONTAL BG...IT WILL TILE DOWN AS CONTENT IS INCREASED*/
}

#footer {
	text-align:center;
	font-size: x-small;
	color: #896d3b;
	font-weight: bold;
}

#footer a {
	color:#896d3b;
}

#footer a:hover {
	color:#553d16;
}

#pg_btm {
	background-image:url(../images/slices/bottom.gif);
	background-repeat: no-repeat;
	height: 32px; /*THIS IS THE HEIGHT OF THE IMAGE -- LINE HEIGHT DID NOT WORK SO HEIGHT HAD TO BE SUBSTITUTED*/
}


/*
**********
*HOMEPAGE*
**********
*/

#home_text {
	font-size: small;
	line-height: 15px;
	text-indent: 20px;
	width: 500px;
	margin-left: 180px;
	padding-top: 15px;
	padding-bottom: 15px;
}

#spa_link {
	margin-left: 80px;
	margin-top: 15px;
	margin-bottom: 15px;	
}

#gourmet_link{
	margin-left: 24px;
	margin-top: 15px;
	margin-bottom: 15px;	
}

#baby_link {
	margin-left: 26px;
	margin-top: 15px;
	margin-bottom: 15px;	
}


/*
************
*ABOUT PAGE*
************
*/

.about_text {
	font-size: small;
	margin-left: 130px;
	margin-right: 70px;
	text-align: left;
	line-height: 15px;
	margin-bottom: 10px;
	padding-top: 15px;
}

#sandy {
	margin-left: 130px;
	float: left;
	padding-right: 10px;
	padding-top: 23px;
}

/*
****************
*GALLERY IMAGES*
****************
*/

.gal_img1 {
	margin-left: 118px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gal_img2 {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gal_img3 {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.gal_img4 {
	margin-left: 118px;
	margin-top: 10px;
	margin-bottom:20px;
}

.gal_img5 {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.gal_img6 {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#spa_img1 {
	margin-left: 171px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#spa_img2 {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#spa_img3 {
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

#content img{
	border: none;
}

/*
**************
*CONTACT PAGE*
**************
*/

#contact_text {
	font-size: small;
	line-height: 15px;
	text-indent: 20px;
	width: 500px;
	margin-left: 180px;
	margin-top: -10px;
	padding-bottom: 25px;
}

form {
	background-color: #896d3b;
	color: #99CCCC;
	font-size: small;
	width: 480px;
	padding-left: 10px;
	padding-top: 10px;
	border: thin solid #553d16;
	padding-right: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.form_outline {
	border: thin solid #553d16;
}

#left_form {
	width: 215px;
	margin-left: 20px;
	padding-top: 20px;
}
#rt_form {
	width: 210px;
	float: right;
	margin-top: -280px;
	margin-right: 20px;
	padding-top: 0px;
}
#submit {
	margin-left: 210px;
	margin-right: 210px;
	margin-top: -10px;
	margin-bottom: 10px;
}

#name_error {
	color:#ff0000;
	font-variant:small-caps;	
	font-weight: bold;
	font-size: small;
}

#email_error {
	color:#ff0000;
	font-variant:small-caps;	
	font-weight: bold;
	font-size: small;
}

#telephone_error {
	color:#ff0000;
	font-variant:small-caps;	
	font-weight: bold;
	font-size: small;
}

#address_error {
	color:#ff0000;
	font-variant:small-caps;	
	font-weight: bold;
	font-size: small;
}

#interest_error {
	color:#ff0000;
	font-variant:small-caps;	
	font-weight: bold;
	font-size: small;
}

#price_error {
	color:#ff0000;
	font-variant:small-caps;	
	font-weight: bold;
	font-size: small;
}

#home{ /*AFTER FORM SUBMITTED SUCCESSFULLY - WHEN THIS LINK CLICKED THE CUSTOMER RETURNS TO THE HOMEPAGE*/
	font-size: small;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	width: 250px;
	margin: auto;
}

#success { /*AFTER FORM SUBMITTED SUCCESSFULLY - WHEN THIS LINK CLICKED THE CUSTOMER RETURNS TO THE HOMEPAGE*/
	font-size: small;
	width: 550px;
	padding-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 160px;
}

#fail_message { /*THIS MESSAGE IS DISPLAYED WHEN JS IS DISABLED AND PHP FINDS ERRORS IN FORMS*/
	font-size: small;
	width: 550px;
	padding-top: 50px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 160px;
}

#error { /*IF FORM NOT SUBMITTED CORRECTLY CLIENT REDIRECTED TO ERROR PAGE*/
	font-size: small;
	width: 550px;
	margin-right: auto;
	margin-left: 220px;
	padding-bottom: 55px;
	color: #ff0000;
	/*padding-top:-20px;*/
}

/*
*************
*PAGE TITLES*
*************
*/

#gourmet_title {
	background-image: url(../images/slices/gourmet_title.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-left: 163px;
	/*margin-top: 5px;*/
}

#holiday_title {
	background-image: url(../images/slices/hldy_title.gif);
	line-height: 38px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-left: 168px;
/*	margin-top: 8px;*/
}

#baby_title {
	background-image: url(../images/slices/baby_title.gif);
	background-repeat: no-repeat;
	text-indent: -5000px;
	margin-left: 168px;
	/*margin-top: 8px;*/
}

#spa_title {
	background-image:url(../images/slices/spa_title.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-indent: -5000px;
	margin-left: 168px;
/*	margin-top: 8px;	*/
}

#about_title {
	margin-left: 168px;
	background-image: url(../images/slices/about_title.gif);
	text-indent: -5000px;
	background-repeat: no-repeat;
	line-height: 32px;
}

#contact_title {
	margin-left: 168px;
	background-image: url(../images/slices/contact_title.gif);
	text-indent: -5000px;
	background-repeat: no-repeat;
	line-height: 32px;
}

