@charset "UTF-8";

/* CSS Document*/

/*-----------------------------------------------------------------------------
T+C Framework: KPH STYLES

***** VALIDATED 102309 *****

version:   main styles
author:    Tom Trusty
email:     ttrusty@trustyandcompany.com
website:   http://www.trustyandcompany.com/
-----------------------------------------------------------------------------*/

body{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#333;
text-align:center;
background:url(../_images/bodyBG.jpg) #88cfc1 repeat-x top;
}

#wrapper{
position:relative;
width:1024px;
margin: 0px auto;
}
#header{
position:absolute;
width:1024px;
height:342px;
background:url(../_images/headerGraphic.jpg) no-repeat top;
}
#navBar{
	position:absolute;
	width:750px;
	height:35px;
	left: 272px;
	top: 264px;
}
#content{
position:absolute;
width:1024px;
text-align:left;
}
#homeLeft {
	position:absolute;
	top:342px;
	width:325px;
	height:445px;
	text-align:left;
	background-color:#88cfc1;
	left: 50px;
}
#homeRight {
	position:absolute;
	left:430px;
	top:360px;
	width:560px;
	text-align:left;
}
#footer{
	position:absolute;
	border-top:#6ca6a7 solid 1px;
	height:25px;
	left:60px;
	top:950px;
	width:904px;
	text-align:center;
	padding-top:8px;
}
p{
font-size:12px;
line-height:20px;
margin:0 40px 10px 5px;
}

#footer p {font-size:10px;}
/* ::::::::::: IMAGE REPLACEMENT STYLES ::::::::::::::: */
h1.hide {
width: 500px;
height: 55px;
position: relative;
overflow:hidden;
}
h1.hide span{
background: url("../_images/confessionsHDR.gif") no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
h2.hide {
width: 500px;
height: 35px;
position: relative;
overflow:hidden;
}
h2.hide span{
background: url("../_images/passionHDR.gif") no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
h2.hideConfessions {
width: 500px;
height: 35px;
position: relative;
overflow:hidden;
}
h2.hideConfessions span{
background: url("../_images/myconfessionsHDR.gif") no-repeat;
position: absolute;
width: 100%;
height: 100%;
	}
/* ::::::::::: LINK AND NAVIGATION STYLES ::::::::::::::: */
a {

outline:none;
}

a:link {color: #CC0000; text-decoration:none;}
a:visited {color: #CC0000;}
a:hover {color: #333; }
a:active {color: white; }

a.whiteLink:link {color:#fff; text-decoration:underline;}
a.whiteLink:visited {color:#fff;}
a.whiteLink:hover {color:#444;}
a.whiteLink:active {color:#000;}

a.blackLink:link {color:#000; text-decoration:underline;}
a.blackLink:visited {color:#000;}
a.blackLink:hover {color:#FFF;}
a.blackLink:active {color:#000;}

/* HORIZONTAL NAVIGATION BAR
/////////////////////////////////////*/

ul#navigationbar {	
	width:700px;
	list-style:none;
	height:35px
}

ul#navigationbar li {
	display:inline
}

ul#navigationbar li a {
	height:35px;
	float:left;
	text-indent:-9999px;
	text-decoration:none
}

ul#navigationbar  li a span {
	float:left;
	display:block
}

ul#navigationbar li#navigationbar-1 a {
	width:104px;
	background:url(../_images/navBarImage.gif) no-repeat -2px 0
}

ul#navigationbar li#navigationbar-1 a:active,
ul#navigationbar li#navigationbar-1 a:hover {
	background-position:-2px -35px
}
ul#navigationbar li#navigationbar-1 a.current {
	background-position: -2px -35px
}

ul#navigationbar li#navigationbar-2 a {
	width:103px;
	background:url(../_images/navBarImage.gif) no-repeat -111px 0
}

ul#navigationbar li#navigationbar-2 a:active,
ul#navigationbar li#navigationbar-2 a:hover {
	background-position:-111px -35px
}
ul#navigationbar li#navigationbar-2 a.current {
	background-position: -111px -35px
}

ul#navigationbar li#navigationbar-3 a {
	width:163px;
	background:url(../_images/navBarImage.gif) no-repeat -219px 0
}

ul#navigationbar li#navigationbar-3 a:active,
ul#navigationbar li#navigationbar-3 a:hover {
	background-position:-219px -35px
}
ul#navigationbar li#navigationbar-3 a.current {
	background-position: -219px -35px
}

ul#navigationbar li#navigationbar-4 a {
	width:183px;
	background:url(../_images/navBarImage.gif) no-repeat -386px 0
}

ul#navigationbar li#navigationbar-4 a:active,
ul#navigationbar li#navigationbar-4 a:hover {
	background-position:-386px -35px
}
ul#navigationbar li#navigationbar-4 a.current {
	background-position: -386px -35px
}

ul#navigationbar li#navigationbar-5 a {
	width:125px;
	background:url(../_images/navBarImage.gif) no-repeat -575px 0
}

ul#navigationbar li#navigationbar-5 a:active,
ul#navigationbar li#navigationbar-5 a:hover {
	background-position:-575px -35px
}
ul#navigationbar li#navigationbar-5 a.current {
	background-position: -575px -35px
}
/* VERTICAL NAVIGATION BAR (BOXES)
	/////////////////////////////////////*/
	ul#navboxes {	
		width:325px;
		list-style:none;
		height:445px
	}

	ul#navboxes li {
		display:block;
		text-indent:-9999px;
		text-decoration:none
	}

	ul#navboxes li a {
		width:325px;
		display:block
	}

	ul#navboxes  li a span {
		float:left;
		display:block
	}

	ul#navboxes li#navboxes-1 a {
		height:157px;
		background:url(../_images/boxes2.jpg) no-repeat 0 0px
	}

	ul#navboxes li#navboxes-1 a:active,
	ul#navboxes li#navboxes-1 a:hover {
		background-position: -325px 0px
	}
	ul#navboxes li#navboxes-1 a.current {
		background-position: -325px 0px
	}

	ul#navboxes li#navboxes-2 a {
		height:138px;
		background:url(../_images/boxes2.jpg) no-repeat 0 -159px
	}

	ul#navboxes li#navboxes-2 a:active,
	ul#navboxes li#navboxes-2 a:hover {
		background-position: -325px -159px
	}
	ul#navboxes li#navboxes-2 a.current {
		background-position: -325px -159px
	}

	ul#navboxes li#navboxes-3 a {
		height:147px;
		background:url(../_images/boxes2.jpg) no-repeat 0 -298px
	}

	ul#navboxes li#navboxes-3 a:active,
	ul#navboxes li#navboxes-3 a:hover {
		background-position: -325px -298px
	}
	ul#navboxes li#navboxes-3 a.current {
		background-position: -325px -298px
	}