/*******************************************************************************
*                                            								   *
* Header																	   *
*                                            								   *
*******************************************************************************/

#header #logo { top: 0; }

#header #tagline { left: 442px; }

/*******************************************************************************
*                                            								   *
* Main  																	   *
*                                            								   *
*******************************************************************************/

#main {
	background-image: url(../images/mainBgAbout.gif);
	height: 475px;
}

/* Navbox */

#main #navbox {
    top: 0;
	width: 90px;
	height: 262px;
}

#navbox #about {
	position: absolute;
	top: 0;
	left: 0;
}

#navbox #services {
	position: absolute;
	top: 99px;
	left: 0;
}

#navbox #news {
	position: absolute;
	top: 198px;
	left: 0;
}

#navbox #contact {
	position: absolute;
	top: 297px;
	left: 0;
}

/* Home link */

#main #homelink {
	position: absolute;
	left: 340px;
	top: 81px;
}

/* Secondary nav */

#main #secondNav {
	position: absolute;
	top: 27px;
	left: 171px;
}

/* Intro text */

#main #introText {
	position: absolute;
	top: 100px;
	left: 171px;
    width: 185px;
	color: #6d6d6d;
}

#main #introText p {
    line-height: 2.4em;
}

#main #introText h6 {
    line-height: 1.6em;
    margin: 1em 0 1.6em 0;
    font-size: .9em;
    color: #000;
}

/* Copybox */

#main #copybox {
    top: 34px;
    left: 405px;
    height: 371px;
    width: 326px;
    overflow: hidden;
}

#copybox #copycontent {
	position: relative;
}

#copycontent .noTopMargin {
	margin: 0;
}

/* Scroller parts */

#main #scrollArea {
	position: absolute;
	top: 34px;
	left: 745px;
	width: 6px;
	height: 371px;
	background-color: #888;
}

#scrollArea #scroller {
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 25px;
	background-color: #c8c853;
}