/*
-----------------------------------------------------
Phoenix Therapeutic Foundation CSS
FileName:  screen.css
Author: Shane Gardner
Comments: Original Version
-----------------------------------------------------
*/


/*zero out*/
* 
{  
    margin: 0; 
    padding: 0;
}

body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height: 16px;
	color: #333333;
	background-repeat: repeat;
	background-color: #D49FE7;
	background-image: url(../images/MainBackground.jpg);
}

.threePixFix 
{
	margin-bottom: -4px;
}

/* ---[ Wrap ]------------------------------- */

#wrap 
{
	margin: 0 auto;
	padding: 0;
	font-size: 95%;
	clear: both;
	width: 750px;
	position: relative;
	text-align: left;
}

/* ---[ Body Container ]------------------------------- */
#bodycontainer 
{
	float: left;
	clear: both;
	width: 750px;
	background-image: url(../images/HeaderBackground.gif);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center top;
}

#leafbug 
{
	position:absolute;
	margin: 0px;
	z-index:1001;
	padding: 0px;
	width: 53px;
	left: 690px;
	top: 82px;
}

/* ---[ Header Container ]------------------------------- */

#headercontainer 
{
	float: left;
	clear: both;
	width: 752px;
}

/* ---[ Header Brand ]------------------------------- */
#brand 
{
	display: none;
	float: left;
	width: 500px;
}

/* ---[ Header Phone ]------------------------------- */
#phone 
{
	float: right;
	clear: both;
	width: 250px;
	margin-top: 50px;
	padding-right: 25px;
}

#phone h1
{
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FF3333;
	text-align: right;
}

#phone h2
{
	font-size: 14px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	text-align: right;
}

#navcontainer 
{
	clear: both;
	width: 750px;
	float: left;
	padding-top: 25px;
	position: relative;
	z-index:1000;
}

/*Drop*/
#nav, #nav ul 
{
	padding: 0;
	margin: 5px;
	list-style: none;
	clear: both;
	background-color: #FFFFFF;
}

#nav a 
{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #3399CC;
	padding-left: 7px;
}

#nav li 
{
	float: left;
	padding-right: 0px;
	margin-right: 0px;
	width: 77px;
	text-align: center;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
}

#nav li ul 
{
	position: absolute ;
	left: -999em ;
	text-align: left ;
	border: 1px solid #CCCCCC ;
	padding-bottom: 6px ;
	width: 220px ;
}

#nav li ul li
{
	width: 210px;
	text-align: left ;
	padding-top: 2px ;
	padding-bottom: 2px ;
	border-bottom-width: 1px ; 
	border-bottom-style: solid ;
	border-bottom-color: #CCCCCC ;
	background-image: none;
	margin-left: 0px ;
	padding-left: 0px ;
}

#nav li ul li a
{
	font-weight:normal ;
}

#nav li ul li a:hover
{
	font-weight:normal ;
}

#nav li:hover ul 
{
	left: auto ;
	clear: both ;
}

#nav li:hover ul, #nav li.sfhover ul 
{
	left: auto ;
}

/* ---[ Tests Navigation Container ]------------------------------- */
#tests 
{
	background-image: url(../images/testsnavbackground.gif) !important;
	width: 155px!important;
}

#tests a
{
	color: #000000 !important;
}

/* ---[ Small Navigation Container ]------------------------------- */
#nav_sm 
{
	float: left;
	background-image: url(../images/navbackground_sm.gif) !important;
	background-repeat: no-repeat;
	padding-right: 0px;
	margin-right: 0px;
	width: 97px!important;
	text-align: center;
	background-position: left center;
	padding-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
}

#nav_sm a
{
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #3399CC;
	padding-left: 7px;
}

/* ---[ Home Navigation Container ]------------------------------- */
#nav_home 
{
	float: left;
	background-image: url(../images/navbackground_home.gif) !important;
	background-repeat: no-repeat;
	padding-right: 0px;
	margin-right: 5px;
	width: 49px!important;
	text-align: left;
	background-position: left center;
	padding-bottom: 5px;
	margin-left: 5px;
	padding-top: 5px;
}

#nav_home a
{
    display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #3399CC;
	padding-left: 7px;
}

/* ---[ Content Container ]------------------------------- */
#contenttop 
{
    margin: 0px auto;
	clear: both;
	float: left;
	width: 752px;
	background-image: url(../images/ContentTopBack.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 10px;
}

#contentwrap 
{
	width: 750px;
	clear: both;
	float: left;
	background-color: #D49FE7;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	position: relative;
}

#content 
{
	width: 750px;
	float: left;
	clear: both;
	background-image: url(../images/IndexFooterBackground.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 280px;
	padding-top: 10px;
	position: relative;
}

/*---[ Page Content ]-----------------------------------*/
#pagecontent 
{
	float:left;
	width:700px;
	margin:10px;
}

#pagecontent p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}

#pagecontent h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	background-image: url(../images/H1Quotation.gif);
	background-repeat: no-repeat;
	width: 350px;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 20px;
	color: #000000;
	text-align: left;
	font-weight: normal;
}

#pagecontent h2
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 20px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

#pagecontent h3
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding-bottom: 2px;
	padding-top: 5px;
	line-height: 20px;
	color: #000000;
	text-align: left;
	font-weight: bold;
}

#pagecontent ul
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;	
}

#pagecontent Ol
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;	
}

#pagephoto 
{
	float:right;
	width: 277px;
	margin: 10px;
}

#contactAdmin, #contactTherapist, #contactPrpWorker, #contactConsultant, #contactOfficeStaff
{
    border-top: solid 1px #808080;
    padding: 3px;
    margin: 3px;
    line-height: 1.7em;
}

/*---[ Index Content ]-----------------------------------*/
#indexcontent 
{
	float:left;
	width:350px;
	margin-left: 24px;
}

#indexcontent p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}

#indexcontent h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	background-image: url(../images/H1Quotation.gif);
	background-repeat: no-repeat;
	width: 350px;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 20px;
	color: #000000;
	text-align: center;
	font-weight: normal;
}
 

/*---[ Beautiful Sidebar ]-------------------------------*/
#beautifulsidebarcontainer 
{
	float:right;
	width:170px;
	position:relative;
	text-align: center;
	margin-right: 5px;
}

#girlad
{
	background-color: #EDD7F5;
	height: 150px;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
}

#boyad
{
	background-color: #EDD7F5;
	height: 150px;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
}

#beautifulsidebar 
{
	background-color: #EDD7F5;
	height: 300px;

}

#beautifulsidebar h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	margin-top: 0px;
}

#beautifulsidebar p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	padding: 2px 15px;	
}

#signupbutton 
{
	margin-top: 0px;
	margin-bottom: 5px;
}

/*---[ Business Sidebar ]-------------------------------*/
#businesssidebarcontainer 
{
	width:170px;
	text-align: center;
	margin-left: 5px;
	position: relative;
	float: left;
}

#business
{
	background-color: #EDD7F5;
	height: 150px;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
}

#spiritual
{
	background-color: #EDD7F5;
	height: 150px;
	border-bottom-width:3px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
}

#businesssidebar 
{
	background-color: #EDD7F5;
	background-position: bottom;
	background-repeat: no-repeat;
	height: 300px;
}

#businesssidebar h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#000000;
	text-align:center;
	margin-top: 0px;
}

#businesssidebar p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:center;
	padding: 2px 15px;

}

#getstartedbutton 
{
	margin-bottom: 10px;
	margin-top: 0px;
	height:150px;

}

/*---[ Creative Footer ]-------------------------------*/
#footer 
{
	float:left;
	clear:both;
	width:750px;
	position: relative;
	z-index: 1;
}
