@charset "utf-8";
/* CSS Document */

/* --------------------------- Page setup ---------------------------- */

html { font-size: 75%; }
body { text-align: center; font-size: 1em; font-family: Arial, Helvetica, sans-serif; background-color: #221E1F; }
#page {
	margin: 90px auto 10px;
	position: relative;
	background: #221E1F none center 20px no-repeat;
	width: 1075px;
	height: 700px;
}
#pageLogo {
	position: absolute;
	top: -70px;
	left: -38px;
}
#engageLink {
	position: absolute;
	top: 530px;
	height: 43px;
	left: 50%;
	margin-left: -44px;
}

/* --------------------------- Home page---------------------------- */
.home #page { background-image: url(../images/pageBackgrounds/backgroundPageHome.jpg); }
.home #content { height: 115px; top: 160px;}
.home .scroll-pane { height: 115px;}

#swedish.home #page { background-image: url(../images/pageBackgrounds/backgroundPageHomeSw.jpg); }

#german.home #page { background-image: url(../images/pageBackgrounds/backgroundPageHomeGe.jpg); }

#spanish.home #page { background-image: url(../images/pageBackgrounds/backgroundPageHomeSp.jpg); }


/* --------------------------- Biography page---------------------------- */
.biography #page { background-image: url(../images/pageBackgrounds/backgroundPageBiography.jpg); }
.biography #content { height: 280px; top: 200px; }
.biography .scroll-pane { height: 280px; }

#swedish.biography #page { background-image: url(../images/pageBackgrounds/backgroundPageBiographySw.jpg); }

#german.biography #page { background-image: url(../images/pageBackgrounds/backgroundPageBiographyGe.jpg); }

#spanish.biography #page { background-image: url(../images/pageBackgrounds/backgroundPageBiographySp.jpg); }


/* --------------------------- Gallery page---------------------------- */
.gallery #page { background-image: url(../images/pageBackgrounds/backgroundPageGallery.jpg); }
.gallery #content { height: 330px; top: 150px; }
.gallery .scroll-pane { height: 330px; width: 430px; padding-right: 32px; }

ul#gallery li {	float: left; margin: 0 5px 5px 0; }

#german.gallery #page { background-image: url(../images/pageBackgrounds/backgroundPageGalleryGe.jpg); }

#spanish.gallery #page { background-image: url(../images/pageBackgrounds/backgroundPageGallerySp.jpg); }

/* --------------------------- News page---------------------------- */
.news #page { background-image: url(../images/pageBackgrounds/backgroundPageNews.jpg); }
.news #content { height: 200px; top: 120px; }
.news .scroll-pane { height: 200px; }

#german.news #page { background-image: url(../images/pageBackgrounds/backgroundPageNewsGe.jpg); }

#spanish.news #page { background-image: url(../images/pageBackgrounds/backgroundPageNewsSp.jpg); }

/* --------------------------- Schedule and results page---------------------------- */
.schedule #page { background-image: url(../images/pageBackgrounds/backgroundPageSchedule.jpg); }
.results #page { background-image: url(../images/pageBackgrounds/backgroundPageResults.jpg); }
.schedule #content, .results #content { height: 360px; top: 130px; width: 592px; left: 73px;}
.schedule .scroll-pane, .results .scroll-pane { height: 360px; width: 586px; padding-right: 43px;}

/* --------------------------- Contact page---------------------------- */
.contact #page { background-image: url(../images/pageBackgrounds/backgroundPageContact.jpg); }
.contact #content { height: 340px; top: 150px; }
.contact .scroll-pane { height: 340px; }

/* --------------------------- Partners section---------------------------- */
.partners #content { height: 340px; top: 160px; }
.partners .scroll-pane { height: 340px; }

.partnersMenu #page { background-image: url(../images/pageBackgrounds/backgroundPagePartners.jpg); }
.partnersMenu #content { height: 370px; top: 130px; margin-left: -15px}
.partnersMenu .scroll-pane { height: 377px; width: 477px; padding-right: 0px; }

a.partnerLogo {	text-indent: -1000em; overflow: hidden;	position: absolute;	top: 60px; left: 228px; width: 450px; height: 150px; background: transparent none no-repeat left top; }

.titleist #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerTitleist.jpg); }
.titleist a.partnerLogo { background-image: url(../images/logos/logoTitleistLargeC.gif); }
.titleist a.partnerLogo:hover { background-image: url(../images/logos/logoTitleistLargeB.gif); }

.sierraParkClub #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerSierraParkClub.jpg); }
.sierraParkClub #content { height: 280px; top: 210px; }
.sierraParkClub .scroll-pane { height: 280px; }
.sierraParkClub a.partnerLogo { background-image: url(../images/logos/logoSierraParkClubLargeC.gif); }
.sierraParkClub a.partnerLogo:hover { background-image: url(../images/logos/logoSierraParkClubLargeB.gif); }

.engage #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerEngage.jpg); }
.engage a.partnerLogo { background-image: url(../images/logos/logoEngageLargeC.gif); }
.engage a.partnerLogo:hover { background-image: url(../images/logos/logoEngageLargeB.gif); }

.losNaranjos #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerLosNaranjos.jpg); }
.losNaranjos #content { height: 280px; top: 210px; }
.losNaranjos .scroll-pane { height: 280px; }
.losNaranjos a.partnerLogo { background-image: url(../images/logos/logoLosNaranjosLargeC.gif); }
.losNaranjos a.partnerLogo:hover { background-image: url(../images/logos/logoLosNaranjosLargeB.gif); }

.theDubliner #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerTheDubliner.jpg); }
.theDubliner a.partnerLogo { background-image: url(../images/logos/logoTheDublinerLargeC.gif); }
.theDubliner a.partnerLogo:hover { background-image: url(../images/logos/logoTheDublinerLargeB.gif); }

.manlioParadisi #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerManlioParadisi.jpg); }
.manlioParadisi #content { height: 280px; top: 210px; }
.manlioParadisi .scroll-pane { height: 280px; }
.manlioParadisi a.partnerLogo { background-image: url(../images/logos/logoManlioParadisiLargeC.gif); }
.manlioParadisi a.partnerLogo:hover { background-image: url(../images/logos/logoManlioParadisiLargeB.gif); }

.bunkerMentality #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerBunkerMentality.jpg); }
.bunkerMentality a.partnerLogo { background-image: url(../images/logos/logoBunkerMentalityLargeC.gif); }
.bunkerMentality a.partnerLogo:hover { background-image: url(../images/logos/logoBunkerMentalityLargeB.gif); }

.green17 #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnerGreen17.jpg); }
.green17 a.partnerLogo { background-image: url(../images/logos/logoGreen17LargeC.gif); }
.green17 a.partnerLogo:hover { background-image: url(../images/logos/logoGreen17LargeB.gif); }

ul#partners { margin-left: 35px; }
ul#partners li { float: left;	margin: 0 5px 5px 0; }
ul#partners li a { border: 1px solid #ccc; display: block; float: left; }
.partners ul#partners li a { width: 112px; height: 68px; text-indent: -1000em; overflow: hidden; background: transparent none no-repeat left top; }
.partners ul#partners li a:hover { border-color:#000; }
.partners ul#partners li a.titleist { background-image: url(../images/logos/logoTitleistB.gif); }
.partners ul#partners li a.sierraParkClub { background-image: url(../images/logos/logoSierraParkClubB.gif); }
.partners ul#partners li a.sierraParkClub:hover { background-image: url(../images/logos/logoSierraParkClubC.gif); }
.partners ul#partners li a.bunkerMentality { background-image: url(../images/logos/logoBunkerMentalityB.gif); }
.partners ul#partners li a.bunkerMentality:hover { background-image: url(../images/logos/logoBunkerMentalityC.gif); }
.partners ul#partners li a.manlioParadisi { background-image: url(../images/logos/logoManlioParadisiB.gif); }
.partners ul#partners li a.theDubliner { background-image: url(../images/logos/logoTheDublinerB.gif); }
.partners ul#partners li a.losNaranjos { background-image: url(../images/logos/logoLosNaranjosB.gif); }
.partners ul#partners li a.losNaranjos:hover { background-image: url(../images/logos/logoLosNaranjosC.gif); }
.partners ul#partners li a.engage { background-image: url(../images/logos/logoEngageB.gif); }
.partners ul#partners li a.engage:hover { background-image: url(../images/logos/logoEngageC.gif); }
.partners ul#partners li a.green17 { background-image: url(../images/logos/logoGreen17B.gif); }
.partners ul#partners li a.green17:hover { background-image: url(../images/logos/logoGreen17C.gif); }
.partners ul#partners li a.paGroup { background-image: url(../images/logos/logoPAGroupB.gif); }
.partners ul#partners li a.paGroup:hover { background-image: url(../images/logos/logoPAGroupB.gif); }
.partners ul#partners li a.nordic { background-image: url(../images/logos/logoNordicB.gif); }
.partners ul#partners li a.nordic:hover { background-image: url(../images/logos/logoNordicC.gif); }
.partners ul#partners li a.loFast { background-image: url(../images/logos/logoLofastB.gif); }
.partners ul#partners li a.loFast:hover { background-image: url(../images/logos/logoLofastB.gif); }
.partners ul#partners li a.sydkusten { background-image: url(../images/logos/logoSydkustenB.gif); }
.partners ul#partners li a.sydkusten:hover { background-image: url(../images/logos/logoSydkustenC.gif); }
.partners ul#partners li a.barbarella { background-image: url(../images/logos/logoBarbarellaB.gif); }
.partners ul#partners li a.barbarella:hover { background-image: url(../images/logos/logoBarbarellaC.gif); }
.partners ul#partners li a.amizate { background-image: url(../images/logos/logoAmizateB.gif); }
.partners ul#partners li a.amizate:hover { background-image: url(../images/logos/logoAmizateC.gif); }
.partners ul#partners li a.sanRoque { background-image: url(../images/logos/logoSanRoqueB.gif); }
.partners ul#partners li a.sanRoque:hover { background-image: url(../images/logos/logoSanRoqueC.gif); }
.partners ul#partners li a.yourLogoHere { background-image: url(../images/logos/logoYourLogoHere.gif); }

.partners ul#menu ul { top: 180px; left: 20px; }
.partners ul#menu ul a, .partners ul#menu ul a:hover, .partners ul#menu ul h1 {	padding: 2px 0;	background-image: none; }

.partnerText { float: left; width: 112px; font-size: 0.8em; line-height: 1.1em; margin-top: 10px; margin-left: 35px; }
.partnerText a { color: #000; }

#german.partners #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnersGe.jpg); }

#spanish.partners #page { background-image: url(../images/pageBackgrounds/backgroundPagePartnersSp.jpg); }

/* --------------------------- Content ---------------------------- */
#content {
	position: absolute;
	width: 430px;
	height: 290px;
	top: 200px;
	left: 240px;
	line-height: 1.7em;
	text-align: left;
}
#content p {
	margin-bottom: 1em;
}
#content dt {
	float: left;
	clear: left;
	font-weight: bold;
	width: 120px;
}
#content dd {
	float: left;
	width: 280px;
}
#content h2 {
	font-weight: bold;
	font-size: 1.2em;
}
#content a {
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
}
table {
	color: #000;
	width: 589px;
	border-collapse: collapse;
}
td, th {
	padding: 10px;
	background-color: #ADAFB0;
	color: #fff;
}
td.date, th.date {
	text-align: right;
	text-indent: 10px;
	width: 120px;
	background-color: #9A0D15;
}
tr.odd td {
	background-color: transparent;
	color: #000;
}
th {
	color: #fff;
	font-weight: bold;
}

/* --------------------------- Schdule and results page links ---------------------------- */
a#pageHeading {
	position: absolute;
	top: 50px;
	left: 214px;
	width: 448px;
	height: 75px;
	text-indent: -100em;
	background: transparent url(../images/headingSchedule.gif) no-repeat;
	overflow: hidden;
}
.results a#pageHeading {
	background-image: url(../images/headingResults.gif);
}
a#pageHeading:hover {
	background-image: url(../images/headingScheduleResultsRollover.gif);
}

/* --------------------------- Bottom content styles ---------------------------- */
#bottomContent {
	position: absolute;
	top: 295px;
	left: 230px;
	width: 415px;
	height: 180px;
	line-height: 1.7em;
	text-align: left;
	color: #fff;
}
.news #bottomcontent {
	top: 340px;
}
#bottomContent h2 {
	font-size: 2.5em;
	font-family: Verdana, Geneva, sans-serif;
	margin-bottom: 20px;
}
#bottomContent a {
	color: #fff;
	text-decoration: none;
	display: block;
}
#bottomContent #twitter, #bottomContent #facebook {
	background: transparent url(../images/buttonTwitter.png) no-repeat 0 4px;
	font-size: 1.2em;
	padding: 5px 0 0 40px;
	height: 2.5em;
}
#bottomContent #facebook {
	background-image: url(../images/buttonFacebook.png);
}
.home #bottomContent {
	padding-top: 50px;
}
.news #bottomContent #twitter {
	background-image: url(../images/buttonTwitterLarge.png);
	height: auto;
	padding: 40px 0 0 0;
	margin-bottom: 30px;
}
#bottomContent #newsletter span {
	color: #f00;
	font-size: 1.4em;
}
#bottomContent ul#partners {
	margin: 10px 0 0 0;
}
#bottomContent ul#partners a {
	display: inline;
	border: 0;
}
.home .moreInfo {
	position: absolute;
	top: 492px;
	left: 230px;
	width: 415px;
	text-align: left;
	font-size: 0.9em;
	margin: 0;
}
.moreInfo a {
	color: #f00;
	text-decoration: none;
}
.moreInfo a:hover {
	text-decoration: underline;
}

.contact #content h2 {
	font-size: 2.5em;
	font-weight: bold;
	font-family: Verdana, Geneva, sans-serif;
	margin: 20px 0 5px;
	color: #fff;
}
.contact #content #email {
	display: block;
	color: #fff;
	font-size: 1.4em;
	margin-top: 85px;
}
.contact #twitter img {
	margin: 30px 0 100px;
}


/* --------------------------- Menu ---------------------------- */
ul#menu {
	text-align: left;
	position: absolute;
	top: 0;
	left: 63px;
	padding-left: 70px;
}
ul#menu li, ul#menu h1 {
	display: inline;
}
ul#menu a {
	text-decoration: none;
	color: #fff;
	padding: 0 10px;
}
ul#menu a:hover, ul#menu span, ul#menu h1 {
	color: #F8B333;
	padding: 0 10px;
	font-size: 1em;
	font-weight: normal;
}

ul#menu ul {
	position: absolute;
	left: 10px;
	top: 130px;
}
ul#menu ul a, ul#menu ul h1 {
	display: block;
	width: 585px;
	padding: 10px 0;
	text-indent: 5px;
}
ul#menu ul a:hover, ul#menu ul span, ul#menu ul h1 {
	background: transparent url(../images/backgroundLeftNav.png) repeat-y;
	padding: 10px 0;
}

/* --------------------------- Languages ---------------------------- */
#languages {
	position: absolute;
	top: 0;
	right: 78px;
}

/* --------------------------- Scroll content ---------------------------- */
.jScrollPaneDrag {
	background: url(../images/buttonScrollBar.png) no-repeat;
	width: 15px;
}
#content {
	float: left;
}
.scroll-pane {
	width: 400px;
	height: 270px;
	overflow: auto;
	float: left;
	padding-right: 62px;
}
.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: 462px;
}
* html .schedule .scroll-pane, * html .results .scroll-pane { width: 628px; } 
* html .gallery .scroll-pane { width: 462px; }
* html .partnersMenu .scroll-pane { width: 477px; }
* html .scroll-pane { padding-right: 30px; } 

/* /IE SPECIFIC HACKED STYLES */



/* --------------------------- Twitter ---------------------------- */
div.twitter {
	width: 380px;
}
div.twitter ul li {
	list-style-type: none;
	background: transparent url(../images/iconTwitter.gif) no-repeat scroll 0 10px;
	border-bottom: 1px solid #D9E3EB;
	margin: 0;
	padding: 3px 0 3px 40px;
}
div.twitter span.twitterTime {
    display: block;
    font-style: italic;
    font-weight: bold;
}

.loading {
	padding: 20px;
}
p.loading img {
	display: block;
}

.externalResults {
	margin: 80px 0 0 170px;
	width: 300px;
	font-size: 1.4em;
}


/* --------------------------- Clear fix ---------------------------- */
.clear {
	display: inline-block;
}
.clear:after {
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0; 
	content: "."; 
}
