/* @group generic */

* {
	padding: 0px;
	margin: 0px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
div#pageContainer {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
}

div#pageContent {
	height: 560px;
	position: relative;
}

#pageContent h2 {
	height: 0;
	overflow: hidden;
	padding-top: 67px;
	background: url(../img/strapline.gif) no-repeat;
}

#pageContent p {
	color: #bc1850;
	font-size: 11px;
	margin-bottom: 7px;
	line-height: 14px;
}

#pageContent p a {
	color: #bc1850;
	font-weight: bold;
}

#pageContent p a:hover {
	color: #ced03f;
}

/* @end */

/* @group header */

div#pageHeader {
	background: url(../img/header.gif) no-repeat;
	height: 139px;
	position: relative;
}

#pageHeader h1 {
	width: 190px;
	height: 0;
	background-image: url(../img/hs_logo.gif);
	padding-top: 100px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	left: 30px;
}

#pageHeader ul {
	position: absolute;
	width: 260px;
	height: 95px;
	top: 25px;
	left: 600px;
	list-style-type: none;
}

#pageHeader ul li a {
	height: 0;
	padding-top: 19px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
}

#pageHeader ul li a:hover {
	background-position: 0 -19px;
}

li#navHome a {
	background-image: url(../img/nav_home.gif);
}

#bodyHome li#navHome a {
	background-position: 0 -38px;
}

li#navWhat a {
	background-image: url(../img/nav_what.gif);
}

#bodyWhat li#navWhat a {
	background-position: 0 -38px;
}

li#navThings a {
	background-image: url(../img/nav_things.gif);
}

#bodyThings li#navThings a {
	background-position: 0 -38px;
}

li#navMeet a {
	background-image: url(../img/nav_meet.gif);
}

#bodyMeet li#navMeet a {
	background-position: 0 -38px;
}

li#navOffice a {
	background-image: url(../img/nav_office.gif);
}

#bodyOffice li#navOffice a {
	background-position: 0 -38px;
}

li#navMore a {
	background-image: url(../img/nav_more.gif);
}

#bodyMore li#navMore a {
	background-position: 0 -38px;
}

/* @end */

/* @group home */

#bodyHome #pageContent {
	background-image: url(../img/bg_home.jpg);
}

#homeFlash {
	background: url(../img/home_flash.png) no-repeat;
	width: 300px;
	height: 0;
	padding-top: 182px;
	position: absolute;
	overflow: hidden;
	left: 570px;
}

div#boxHome1 {
	background-color: #fff;
	width: 220px;
	position: absolute;
	left: 30px;
	padding: 10px;
}

#boxHome1 h3 {
	height: 0;
	background: url(../img/title_about.gif) no-repeat;
	overflow: hidden;
	padding-top: 30px;
}

div#boxHome2 {
	background-color: #fff;
	width: 220px;
	position: absolute;
	left: 280px;
	padding: 10px;
}

#boxHome2 h3 {
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	background: url(../img/title_cost.gif) no-repeat;
}

/* @end */

/* @group what happens */

#bodyWhat #pageContent {
	background-image: url(../img/bg_what.jpg);
}

div#boxWhat1 {
	background-color: #fff;
	width: 580px;
	min-height: 380px;
	position: absolute;
	left: 240px;
	padding: 10px;
	top: 80px;
}

#boxWhat1 h3 {
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	background: url(../img/title_morning.gif) no-repeat;
}

#boxWhat1 table {
	font-size: 11px;
}

#boxWhat1 table tbody tr td.tableActivity ul {
	margin-left: 20px;
}

td.tableIndex {
	width: 10px;
	padding: 4px;
	color: #000;
	font-weight: bold;
	vertical-align: top;
}

td.tableTime {
	width: 110px;
	padding: 4px;
	color: #ced03f;
	font-weight: bold;
	vertical-align: top;
}

td.tableActivity {
	width: 190px;
	padding: 4px;
	color: #bc1850;
	font-weight: bold;
	vertical-align: top;
}

#boxWhat1 img {
	position: absolute;
}

#whatImg1 {
	top: -20px;
	right: 110px;
}

#whatImg2 {
	top: -20px;
	right: -10px;
}

#whatImg3 {
	top: 78px;
	right: 80px;
}

#whatImg4 {
	top: 70px;
	right: -45px;
}

#whatImg5 {
	top: 185px;
	right: 100px;
}

#whatImg6 {
	top: 190px;
	right: -13px;
}

#whatImg7 {
	top: 290px;
	right: 86px;
}

#whatImg8 {
	top: 280px;
	right: -50px;
}



/* @end */

/* @group things to do */

#bodyThings #pageContent {
	background-image: url(../img/bg_things.jpg);
}

div#boxThings {
	background-color: #fff;
	width: 330px;
	min-height: 160px;
	position: absolute;
	left: 140px;
	padding: 10px;
	top: 70px;
}

#boxThings h3 {
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	background: url(../img/title_things.gif) no-repeat;
}



/* @end */

/* @group meet the team */

#bodyMeet #pageContent {
	background-image: url(../img/bg_meet.jpg);
}

#boxMeet {
	position: relative;
}

#boxMeet img {
	position: absolute;
}

img#team1 {
	left: 40px;
	top: 20px;
}

img#team2 {
	left: 420px;
	top: 40px;
}

img#team3 {
	left: 235px;
	top: 60px;
}

img#team4 {
	left: 620px;
	top: 50px;
}



/* @end */

/* @group office */

#bodyOffice #pageContent {
	background-image: url(../img/bg_office.jpg);
}

div#boxOffice {
	background-color: #fff;
	width: 250px;
	min-height: 160px;
	position: absolute;
	left: 30px;
	padding: 10px;
	top: 100px;
}

#boxOffice h3 {
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	background: url(../img/title_office.gif) no-repeat;
}

div#cat1Container {
	overflow: hidden;
	background-color: #fff;
}

#cat1Container h4.cat1Toggle, #cat1Container h4 a {
	cursor: pointer;
	height: 1.2em;
	display: block;
	color: #bc1850;
	font-size: 14px;
	text-decoration: none;
}

#cat1Container h4.cat1Toggle:hover, #cat1Container h4 a:hover {
	text-decoration: underline;
}

#cat1Container div.cat1Content {
	background-color: #fff;
	overflow: hidden;
}

#cat1Container div.cat1Content ul {
	list-style-type: none;
	margin-left: 10px;
	padding-bottom: 10px;
}

#cat1Container div.cat1Content ul li {
	color: #bc1850;
	font-size: 11px;
	margin-bottom: 3px;
	margin-top: 3px;
	line-height: 13px;
}

#cat1Container div.cat1Content ul li a{
	color: #bc1850;
	text-decoration: none;
}

#cat1Container div.cat1Content ul li a:hover {
	text-decoration: underline;
}



/* @end */

/* @group want to know more */

#bodyMore #pageContent {
	background-image: url(../img/bg_more.jpg);
}

div#boxMore {
	background-color: #fff;
	width: 250px;
	min-height: 160px;
	position: absolute;
	left: 570px;
	padding: 10px;
	top: 100px;
}

#boxMore h3 {
	height: 0;
	padding-top: 30px;
	overflow: hidden;
	background: url(../img/title_more.gif) no-repeat;
}



/* @end */