@charset "utf-8";
/* CSS Document

COPYWRIGHT : Hardi Darweish
WEB SITE DESIGN: HARDI DARWEISH
COMPANY: WEB IN A BOX
 */
 
/* TAGS */

BODY
{
	background:#FFFFFF;
}
INPUT 
{
	background:#FFFFFF;
	border: 1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
TEXTAREA
{
	background:#FFFFFF;
	border: 1px solid #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
/*----LINKS--------------*/
a:link{color:#000000;text-decoration:none;}     /* unvisited link */
a:visited{color: #000000;text-decoration:none;}  /* visited link */
a:hover{color: #000000; text-decoration:underline;}   /* mouse over link */
a:active{color:#660000; text-decoration:none;}   /* selected link */

/*----FORMS--------------*/


#form
{
	position:absolute;
	top:139px;
	left:359px;
	width:600px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	height: 335px;
}

#contacttext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
}
#contactpagetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	position:absolute;
	top:34px;
	left:359px;
	width:250px;
	text-align:justify;
}
#contactlocationtext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size:12px;
	position:absolute;
	top:34px;
	left:669px;
	width:250px;
	text-align:justify;
}
#contactsubmit
{
	border:solid 1px solid;
	color:#333333;
	font-size:12px;
}
#formlabels
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
}
#contactpageimg
{
	position:absolute;
	top:15px;
	left:15px;
}

/* General Classes */
.wrapper
{
	width:850px;
	height:auto;
	margin:0 auto; /*this margin setting creates the liquid page*/
	position:relative; /*this is vital for setting elements via absolute positioning to maintain liquid layout*/
	top:20px;
}

/* ID'S */



#content
{
	background-image:url(../images/joyfoster_bgimage.jpg);
	width:800px;
	height:600px;
	position:absolute;
	top:75px;
	z-index:0;
	background-repeat: no-repeat;
	border:1px #666666 solid;
}

#contentcontactpage
{
	background-image:url(../images/joyfoster_bgimagecontact.jpg);
	width:800px;
	height:875px;
	position:absolute;
	top:75px;
	z-index:0;
	background-repeat: no-repeat;
	border:1px #666666 solid;
}
#contenthypnopage
{
	background-image:url(../images/joyfoster_bgimagehypno.jpg);
	width:800px;
	height:600px;
	position:absolute;
	top:75px;
	z-index:0;
	background-repeat: no-repeat;
	border:1px #666666 solid;
}
#contentsmokingpage
{
	background-image:url(../images/joyfoster_bgimagesmoking.jpg);
	width:800px;
	height:600px;
	position:absolute;
	top:75px;
	z-index:0;
	background-repeat: no-repeat;
	border:1px #666666 solid;
}
#collectionsmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:16px;
	position:absolute;
	left:807px;
	top:67px;
	width:196px;
	height:18px;
	text-align:center;
}

#collectionstext1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:114px;
	left:800px;
	width:205px;
	text-align:justify;
	font-size:12px;
}

#collectionstext2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:114px;
	left:800px;
	width:205px;
	text-align:justify;
	font-size:12px;
}
#homebg
{
	width:1024px;;
	height:500px;
	background-image:url(../images/katherinehowlett_homebg.jpg);
}
#homepagetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:135px;
	left:35px;
	width:507px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
}

#homepagetext ul li
{
	list-style:square;
}
#homepageimg
{
	position:absolute;
	top:15px;
	left:680px;
}
.pageheader {font-size: 18px}
.pageheaderline
{
	border-bottom:solid 1px #333333;
	height:1px;
	width:380px;
	margin-bottom:3px;
	margin-top:2px;
}

#presspageimg
{
	position:absolute;
	top:0px;
	left:650px;

}
#presspagetext
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	position:absolute;
	top:48px;
	left:64px;
	text-align:justify;
	font-size:12px;
	width: 364px;
}	

#resourcesimg
{

	position:absolute;
	top:0px;
	left:0px;
}
#resourcestext
{
	position:absolute;
	top:116px;
	left:404px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	width: 558px;
}
#presspageimages
{
	position:absolute;
	top:150px;
	left:64px;
	width: 364px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size:12px;
	width:500px;
}
/*---HEADER.PHP---*/

#jftitle
{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 29px;
	font-weight:bold;
}
#mainnavigation
{
	font-family:Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
	position:absolute;
	left:435px;
	top:115px;
	width:520px; 
	font-weight:bold;
	z-index:30;
	
}

#subheader
{
	font-family:Arial, Helvetica, sans-serif;
	color: #0259A0;
	font-size: 19px;
	font-weight:bold;
}

#credits
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	position:absolute;
	top:564px;
	left:4px;
}


a.pagelink:link{color:#660000;text-decoration:none;}     /* unvisited link */
a.pagelink:visited{color: #660000;text-decoration:none;}  /* visited link */
a.pagelink:hover{color: #660000; text-decoration:underline;}   /* mouse over link */
a.pagelink:active{color:#660000; text-decoration:none;}   /* selected link */


body#index a#index,
body#smoking a#smoking,
body#hypno a#hypno,
body#contact a#contact


{	color:#660000;
}