/* Layout Stylesheet */ 

body{
	margin: 0px;
	background: #6B89B3;
	text-align: center;
	padding: 0px;
}

/*main container with left 1px blue border*/ 
#main{
	position: relative;
	width: 795px;
	height: 1000px;
	left: 0px;
	top: 0px;
	border: solid #23416B;
	border-width: 0px 1px 1px 1px;
	background: #ffffff;
	z-index: 5;
	margin: 0px auto;
	text-align: left;
	padding: 0px;
/*	border: solid red;
	border-width: 1px;
*/
}

/*main logo in the head*/
#header-main{
	position: absolute;
	width: 794px;
	height: 150px;
	left: 1px;
	top: 0px;
	z-index: 10;
}

/*the upper right "director's corner' - now blank, soon to come*/
#header-directors-corner{
	position: absolute;
	width: 316px;
	height: 41px;
	left: 479px;
	top: 0px;
	z-index: 10;
}

/*testimonial section in head*/
#header-testimonials
{
	position: absolute;
	width: 316px;
	height: 109px;
	left: 479px;
	top: 41px;
	z-index: 10;
	background-image: url(../images/home_testimonials_bg.jpg);
	background-repeat: no-repeat;
}

/*START: navigation*/
#nav-home{
	position: absolute;
	left: 0px;
	top: 150px;
	width: 29px;
	height: 24px;
	z-index: 10;
}

#nav-about-chip{
	position: absolute;
	left: 29px;
	top: 150px;
	width: 93px;
	height: 24px;
	z-index: 10;
}

#nav-testimonials{
	position: absolute;
	left: 122px;
	top: 150px;
	width: 93px;
	height: 24px;
	z-index: 10;
}


#nav-spacer-left-ctr{
	position: absolute;
	left: 215px;
	top: 150px;
	width: 43px;
	height: 24px;
	z-index: 10;
}

#nav-program{
	position: absolute;
	left: 258px;
	top: 150px;
	width: 93px;
	height: 24px;
	z-index: 10;
}

#nav-results{
	position: absolute;
	left: 351px;
	top: 150px;
	width: 93px;
	height: 24px;
	z-index: 10;
}

#nav-locations{
	position: absolute;
	left: 444px;
	top: 150px;
	width: 93px;
	height: 24px;
	z-index: 10;
}

#nav-spacer-right-ctr{
	position: absolute;
	left: 537px;
	top: 150px;
	width: 43px;
	height: 24px;
	z-index: 10;
}

#nav-resources{
	position: absolute;
	left: 580px;
	top: 150px;
	width: 93px;
	height: 24px;
	z-index: 10;
}

#nav-tell-a-friend{
	position: absolute;
	left: 673px;
	top: 150px;
	width: 93px;
	height: 24px;
	z-index: 10;
}

#nav-spacer-right{
	position: absolute;
	left: 766px;
	top: 150px;
	width: 29px;
	height: 24px;
	z-index: 10;
}
/*END: navigation*/

/*shadow design underneath the navigation*/
#nav-shadow{
	position: absolute;
	width: 795px;
	height: 35px;
	left: 0px;
	top: 172px;
	background-image: url(../images/nav_shadow.gif);
	background-repeat: repeat-x;
	z-index: 10;
}

#shadow-line-left{
	position: absolute;
	left: 237px;
	top: 174px;
	width: 1px;
	height: 35px;
	z-index: 15;
}

#shadow-line-right{
	position: absolute;
	left: 558px;
	top: 174px;
	width: 1px;
	height: 35px;
	z-index: 15;
}

/*main content div - relative positioning needed to 'push' bottom-fade-line down*/
#main-content{
	position: relative;
	left: 0px;
	top: 209px;
	width: 795px;
	background: #ffffff;
	z-index: 10;
}

/*the left column has a top line for the background image*/
#left-column{
	position: absolute;
	left: 0px;
	top: 229px;
	width: 237px;
	height: 538px;
	background: #ffffff;
	background-image: url(../images/home_left_col_line.gif);
	background-repeat: no-repeat;
	padding: 0px;
	z-index: 15;
}

/*hans diehls photo needs to float to achieve the top and
right effect*/
#hans-diehl-photo{
	position: absolute;
	left: 157px;
	top: 229px;
	width: 81px;
	height: 173px;
	z-index: 20;
}

/*the middle column needs to be 'under' the left column
and has the left grey border*/
#middle-column{
	position: absolute;
	left: 237px;
	top: 209px;
	width: 320px;
	height: 790px;
	background: #ffffff;
	background-image: url(../images/titles/home_what_is_chip.gif);
	background-repeat: no-repeat;
	border: solid #cccccc;
	border-width: 0px 1px 0px 1px;
	z-index: 15;
}

/*the right column with left grey border*/
#right-column{
	position: absolute;
	left: 559px;
	top: 209px;
	width: 236px;
	height: 747px;
	background: #ffffff;
	background-image: url(../images/titles/chip_video.jpg);
	background-repeat: no-repeat;
	z-index: 15;
}

#heart-diet-indent{
	position: absolute;
	width: 137px;
	height: 179px;
	left: 638px;
	top: 448px;
	z-index: 25;
}

#apple{
	position: absolute;
	left: 502px;
	top: 457px;
	width: 146px;
	height: 104px;
	z-index: 20;
}

#footer{
	position: relative;
	left: 0px;
	width: 795px;
	height: 25px;
	margin: auto;
	margin-top: 10px;
}


/* the bottom line fade div - aligns with the border of the content column divs */
#bottom-line-fade{
	position: relative;
}