@charset "utf-8";
/* CSS Document */



/* --------------------------- Page styles ---------------------------- */
body {
	background-color: #000;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000;
}
#page {
	width: 990px;
	height: 630px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -283px 0 0 -495px;
	text-align: left;
	background: #000 url(../images/backgrounds/backgroundHome.jpg) no-repeat top;
	font-size: 0.7em;
	line-height: 1.5em;
}
a img {
	border: 0;
}
a.engageLink {
	position: absolute;
	bottom: 0;
	left: 457px;
}
h1 {
	position: absolute;
	top: 50px;
	left: 557px;
	width: 310px;
	height: 23px;
	background: transparent url(../images/headings/h1Home.png) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
	cursor: pointer;
}
.profile h1 { background-image: url(../images/headings/h1Profile.png); left: 570px; }
.aboutMe h1 { background-image: url(../images/headings/h1AboutMe.png); left: 574px; }
.partners h1 { background-image: url(../images/headings/h1Partners.png); left: 570px; }
.contact h1 { background-image: url(../images/headings/h1Contact.png); left: 574px; }

h2 {
	position: absolute;
	top: 27px;
	left: 900px;
	width: 89px;
	height: 18px;
	background: transparent url(../images/headings/h2Home.gif) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
h2.twitterHeading {
	top: 227px;
	left: 728px;
	width: 105px;
	height: 17px;
	background-image: url(../images/headings/h2HomeNews.png)
}

/* --------------------------- Menu ---------------------------- */
ul.menu {
	position: absolute;
	top: 120px;
	left: 70px;
	width: 118px;
	height: 355px;
}
ul.menu li {
	display: inline;
}
ul.menu a {
	display: block;
	width: 118px;
	height: 71px;
	background: transparent url(../images/menuHome.png) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
}
.profile #page { background-image: url(../images/backgrounds/backgroundProfile.jpg) }
.aboutMe #page { background-image:url(../images/backgrounds/backgroundAboutMe.jpg) }
.partners #page { background-image: url(../images/backgrounds/backgroundPartners.jpg) }
.partnersSrixon #page { background-image: url(../images/backgrounds/backgroundPartnersSrixon.jpg) }
.partnersStuburt #page { background-image: url(../images/backgrounds/backgroundPartnersStuburt.jpg) }
.partnersGreen17 #page { background-image: url(../images/backgrounds/backgroundPartnersGreen17.jpg) }
.partnersEngage #page { background-image: url(../images/backgrounds/backgroundPartnersEngage.jpg) }
.partnersTagHeuer #page { background-image: url(../images/backgrounds/backgroundPartnersTagHeuer.jpg) }
.contact #page { background-image: url(../images/backgrounds/backgroundContact.jpg) }

li.profile a { background-image: url(../images/menuProfile.png) }
li.aboutMe a { background-image: url(../images/menuAboutMe.png) }
li.partners a { background-image: url(../images/menuPartners.png) }
li.contact a { background-image: url(../images/menuContact.png) }

.home ul.menu li.home a, .profile ul.menu li.profile a, .aboutMe ul.menu li.aboutMe a, .contact ul.menu li.contact a,
.partners ul.menu li.partners a, 
.partnersSrixon ul.menu li.partners a,
.partnersStuburt ul.menu li.partners a,
.partnersGreen17 ul.menu li.partners a,
.partnersEngage ul.menu li.partners a,
.partnersTagHeuer ul.menu li.partners a
{
	background-position: 0 -71px;	
}


/* --------------------------- Content ---------------------------- */
#content {
	position: absolute;
	top: 92px;
	left: 668px;
	width: 223px;
	height: 130px;
	color: #fff;
}
.contact #content {
	top: 67px;
	left: 678px;
	width: 168px;
	height: 100px;
}
.profile #content {
	color: #000;
	top: 85px;
	left: 680px;
	width: 220px;
	height: 385px;
	overflow: auto;
}
.aboutMe #content {
	top: 65px;
	left: 685px;
	width: 210px;
	height: 100px;
}
#content p {
	margin-bottom: 0.7em;
}

#content ul li em {
	display: block;
	padding-left: 8px;
	background: transparent url(../images/bullet.gif) no-repeat 0 0.7em;
	font-style: normal;
	font-weight: bold;
}
#content ul li {
	margin-bottom: 1em;
}

/* --------------------------- Sponsor images on homepage ---------------------------- */
#sponsors {
	position: absolute;
	top: 45px;
	left: 899px;
	width: 91px;
}
#sponsors li {
	display: inline;
}
#sponsors li a {
	display: block;
	width: 91px;
	height: 47px;
	border-top: 1px solid #ccc;
}

/* --------------------------- Contact details on contact page ---------------------------- */
#contactDetails {
	position: absolute;
	top: 172px;
	left: 672px;
	width: 188px;
	color: #fff;
	height: 71px;
}
#contactDetails #phone {
	position: absolute;
	top: 3px;
	left: 6px;
	width: 79px;
	height: 18px;
	background: transparent url(../images/headings/h2ContactTelephone.png) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#contactDetails #email {
	position: absolute;
	top: 3px;
	left: 6px;
	width: 44px;
	height: 15px;
	background: transparent url(../images/headings/h2ContactEmail.png) no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#contactDetails .phone {
	position: absolute;
	top: 6px;
	left: 90px;
}
#contactDetails .email {
	position: absolute;
	top: 4px;
	left: 58px;
}
#contactDetails a {
	text-decoration: none;
	color: #fff;
}
#contactDetails a:hover {
	text-decoration: underline;
}

/* --------------------------- Partners pages ---------------------------- */
.partners #content {
	top: 85px;
	left: 570px;
	width: 302px;
	height: 255px;
}
.partners #content li {
	display: inline;
}
.partners #content li a {
	display: block;
	float: left;
	width: 144px;
	height: 75px;
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	background: transparent url(../images/logoPartnersStuburt.gif) no-repeat;
	text-indent: -9999em;
}
.partners #content li a:hover { background-position: 0 -75px; }
.partners #content li a.partmerMenuSrixon { background-image: url(../images/logoPartnersSrixon.gif) }
.partners #content li a.partmerMenuTagHeuer { background-image: url(../images/logoPartnersTagHeuer.gif) }
.partners #content li a.partmerMenuSmithHowell { background-image: url(../images/logoPartnersSmithHowell.gif) }
.partners #content li a.partmerMenuGreen17 { background-image: url(../images/logoPartnersGreen17.gif) }
.partners #content li a.partmerMenuEngage { background-image: url(../images/logoPartnersEngage.gif) }


.partnerPage #content {
	top: 134px;
	left: 600px;
	width: 341px;
	height: 310px;
	color: #000;
}
.partnerPage .scroll-pane {
	width: 302px;
	height: 310px;
	overflow: auto;
	float: left;
	padding-right: 30px;
}
.partnerPage h1 {
	background-image: url(../images/logoStuburtB.gif);
	width: 144px;
	height: 75px;
	left: 600px;
}
.partnersEngage h1 { background-image: url(../images/logoPartnersEngageC.gif); }
.partnersGreen17 h1 { background-image: url(../images/logoPartnersGreen17C.gif); }
.partnersSrixon h1 { background-image: url(../images/logoPartnersSrixonB.gif); }
.partnersTagHeuer h1 { background-image: url(../images/logoPartnersTagHeuerC.gif); }

.submenu {
	position: absolute;
	top: 468px;
	left: 561px;
	height: 1em;
	width: 400px;
	text-align: left;
}
.submenu li {
	float: left;
	margin-right: 15px;
	font-size: 1em
}
.submenu a {
	color: #fff;
	text-decoration: none;
}
.submenu a:hover {
	text-decoration: underline;
}
.submenu span {
	color: #FEBD11;
}


/* --------------------------- Scroll content ---------------------------- */
.jScrollPaneDrag {
	background: url(../images/scrollbar.gif) no-repeat;
}
#content {
	float: left;
}
.scroll-pane {
	width: 195px;
	height: 385px;
	overflow: auto;
	float: left;
	padding-right: 18px;
}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
/* IE specific hacked styles */
* html .jScrollPaneDragBottom { bottom: -1px; }
* html .scroll-pane { width: 213px; }
* html .partnerPage .scroll-pane { width: 330px; }
/* /IE specific hacked styles */


/* --------------------------- Twitter ---------------------------- */
div.twitter {
	position: absolute;
	top: 262px;
	left: 559px;
	width: 318px;
	height: 117px;
	color: #fff;
}
div.twitter  a {
	color: #fff;
}
div.twitter ul li {
	list-style-type: none;
	background: transparent url(../images/logoTwitter.png) no-repeat;
	padding-left: 50px;
	height: 65px;
}
div.twitter span.twitterTime {
    display: block;
    font-style: italic;
    font-weight: bold;
}
.loading {
	padding: 20px;
}
p.loading img {
	display: block;
}
a.twitterFollow {
	position: absolute;
	top: 220px;
	left: 558px;
	width: 160px;
	height: 27px;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(../images/logoTwitterFollow.png) no-repeat;
}
a.twitterFollow img {
	border: 0;
}




/* --------------------------- Clear fix ---------------------------- */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */