@charset "UTF-8";
/* CSS Document */
* { padding:0; margin:0;}
body {background:#fff ; width:100%; font-family:Arial, Helvetica, sans-serif; border:0; font-size:12px;}
#greg img, #laura img { border:none;} 
#splash { background:url(../images/splash.jpg) no-repeat center 30px; margin:0 auto;}
#splashlink { left:610px; height:650px; width:460px; display:block; margin:0 auto;}
#wrapper { background:url(../images/bg-content.jpg) no-repeat; width:925px; margin:0 auto; height:990px}
#splashlink span { display:none;}
#header {  height:120px; width:902px; display:block;  margin:0 auto; background:url(../images/header.jpg) no-repeat; }
a {outline: none; color:#00C9E9;}
#homelink { display:block; float:left; height:110px; width:255px;}
#slogan { display:none;}
#nav { float:right;height:20px;margin-top:57px;width:525px; list-style:none;}
#nav li { float:left;}
#nav li a {display:block; height:20px;}
#nav li a span{ display:none;}




#nav-home {
background-image:url("../images/img-nav-3.jpg");
background-position:0 0;
display:block;
}


#nav-home:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:0 -21px;
display:block;
}

#home .active {
background-image:url("../images/img-nav-3.jpg");
background-position:0 -21px;
display:block;
}

#nav-home a {
display:block;
height:21px;
width:75px;
}

#nav-greg {
background-image:url("../images/img-nav-3.jpg");
background-position:-77px 0;
display:block;
}

#nav-greg:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:-77px -21px;
display:block;
}

#greg .active {
background-image:url("../images/img-nav-3.jpg");
background-position:-77px -21px;
display:block;
}

#nav-greg a {
display:block;
height:21px;
width:66px;
}

#nav-laura {
background-image:url("../images/img-nav-3.jpg");
background-position:-143px 0;
display:block;
}

#nav-laura:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:-143px -21px;
display:block;
}


#laura .active {
background-image:url("../images/img-nav-3.jpg");
background-position:-143px -21px;
display:block;
}

#nav-laura a {
margin-left:6px;
width:80px;
}

#nav-news {
background-image:url("../images/img-nav-3.jpg");
background-position:-230px 0;
display:block;
}

#nav-news:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:-230px -21px;
display:block;
}

#news .active {
background-image:url("../images/img-nav-3.jpg");
background-position:-230px -21px;
display:block;
}

#nav-news a {
display:block;
margin-left:6px;
width:70px;
}

#nav-photos {
background-image:url("../images/img-nav-3.jpg");
background-position:-306px 0;
display:block;
}


#nav-photos:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:-306px -21px;
display:block;
}


#photos .active {
background-image:url("../images/img-nav-3.jpg");
background-position:-306px -21px;
display:block;
}


#nav-photos a {
display:block;
margin-left:6px;
width:92px;
}

#nav-videos {
background-image:url("../images/img-nav-3.jpg");
background-position:-404px 0;
display:block;
}

#nav-videos:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:-404px -21px;
display:block;
}

#videos .active {
background-image:url("../images/img-nav-3.jpg");
background-position:-404px -21px;
display:block;
}

#nav-videos a {
display:block;
margin-left:6px;
width:77px;
}

#nav-coaching {
background-image:url("../images/img-nav-3.jpg");
background-position:-503px 0;
display:block;
margin-top:5px;

}

#nav-coaching:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:-503px -21px;
display:block;
margin-top:5px;

}


#coaching .active {
background-image:url("../images/img-nav-3.jpg");
background-position:-503px -21px;
display:block;
margin-top:5px;

}

#nav-coaching a {
display:block;
margin-left:6px;
width:110px;
}

#nav-charity {
background-image:url("../images/img-nav-3.jpg");
background-position:-618px 0;
display:block;
margin-top:5px;
}

#nav-charity:hover {
background-image:url("../images/img-nav-3.jpg");
background-position:-618px -21px;
display:block;
margin-top:5px;
}

#charity .active {
background-image:url("../images/img-nav-3.jpg");
background-position:-618px -21px;
display:block;
margin-top:5px;
}

#nav-charity a {
display:block;
margin-left:6px;
width:97px;
}


#nav-contact {margin-top:5px;background-image:url(../images/img-nav-3.jpg); background-position:-721px 0; display:block; cursor:pointer;}
#nav-contact:hover {margin-top:5px;background-image:url(../images/img-nav-3.jpg); background-position:-721px -21px; display:block; cursor:pointer;}
#contact .active {margin-top:5px;background-image:url(../images/img-nav-3.jpg); background-position:-721px -21px; display:block; cursor:pointer;}

#nav-contact {width:97px; display:block;}

#nav-sponsors {margin-top:5px;background-image:url(../images/img-nav-3.jpg); background-position:-819px 0; display:block; cursor:pointer;}
#nav-sponsors:hover {margin-top:5px;background-image:url(../images/img-nav-3.jpg); background-position:-819px -21px; display:block; cursor:pointer;}
#sponsors .active {margin-top:5px;background-image:url(../images/img-nav-3.jpg); background-position:-819px -21px; display:block; cursor:pointer;}

#nav-sponsors {width:130px; display:block;}

#home #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/main.jpg) no-repeat; }
#greg #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/greg.jpg) no-repeat; }
#laura #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/laura.jpg) no-repeat; }
#sponsors #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/sponsor.jpg) no-repeat; }

#news #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/news.jpg) no-repeat; }
#photos #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/photos.jpg) no-repeat; }
#videos #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/videos.jpg) no-repeat; }
#coaching #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/coaching.jpg) no-repeat; }
#charity #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/charity.jpg) no-repeat; }

#contact #maincontainer { height:393px; width:902px; display:block; margin:0 auto 0 auto; background:url(../images/contact.jpg) no-repeat; }




#maincontainer h1 { display:none;}
#secondcontainer  {display:block; margin:25px auto 0 auto; width:902px;}


p { margin-bottom:10px;}
#photo { width:580px; float:left;}

#left {width:530px; display:block;  float:left; padding:0 10px 30px 30px;}
#charity #left { height:400px;}
#videos #left { }
#videos #left img{ border:0; margin-left:75px;}



#left h2 { background:url(../images/hdr-welcome.gif) no-repeat; width:431px; height:21px; margin-bottom:30px;}
#greg #left h2 { background:url(../images/hdr-greg.gif) no-repeat; width:183px; height:22px; margin-bottom:30px; float:left; }
#laura #left h2 { background:url(../images/hdr-laura.gif) no-repeat; width:197px; height:21px; margin-bottom:31px; float:left; }.bio #left #sponsors-container h2 { background:url(../images/hdr-sponsors.gif) no-repeat; height:21px; width:130px;margin-top:30px; margin-bottom:5px;}

#news #left h2 { background:url(../images/hdr-news.gif) no-repeat; width:197px; height:21px; margin-bottom:31px; float:left; }
#contact #left h2 { background:url(../images/hdr-contact.gif) no-repeat; width:380px; height:21px; margin:1px 0 31px 0; float:left; }

#photos #left h2 { background:url(../images/hdr-photos.gif) no-repeat; width:183px; height:22px; margin-bottom:30px; float:left; }
#videos #left h2 { background:url(../images/hdr-videos.jpg) no-repeat; width:197px; height:21px; margin-bottom:31px; float:left; }
#coaching #left h2 { background:url(../images/hdr-coaching.jpg) no-repeat; width:183px; height:22px; margin-bottom:30px; float:left; }
#charity #left h2 { background:url(../images/hdr-charity.gif) no-repeat; width:105px; height:22px; margin-bottom:30px; float:none; }
#sponsors #left h2 {background:url(../images/hdr-sponsors-main.gif) no-repeat; width:131px; height:23px; margin-bottom:30px; float:none;}

#sponsors-container { width:530px; text-align:center;}
#sponsors-container img { padding:0 5px 10px 5px;}
#left h2 span { display:none;}

#home #right {  width:255px; display:block; float:left; padding:15px;color:#FFF;  margin-bottom:10px;}
#news #right {  width:250px; display:block; float:left; padding:0; margin:0; background:#fff;}
#contact #right {  width:250px; margin-top:20px; display:block; float:left; padding:0; background:#fff;}

#greg #right { background: #000 url(../images/hdr-greg-schedule.jpg) no-repeat top; height:445px;   width:260px; display:block; float:left; padding:0 20px;  color:#FFF;}
#laura #right { background: #000 url(../images/hdr-laura-schedule.jpg) no-repeat top; height:445px;   width:260px; display:block; float:left; padding:0 20px;  color:#FFF;}

#right h2 { height:59px;}
#home #right h2 { height:35px; background: url(../images/hdr-latest-news.gif) no-repeat top; display:block; width:161px;}

#secondcontainer img {border:none;}
#sponsors #secondcontainer #left, #sponsors #right { width:400px; float:left;}
#secondcontainer  ul  { width:400px; float:left;}
#sponsors #secondcontainer ul li { list-style:none; float:left; width:125px; margin:10px 3px; height:55px; text-align:center;} 
#secondcontainer #sponsors-box-greg { background:url(../images/greg-sponsors-box.jpg) no-repeat; height:362px;width:412px;}
#secondcontainer #sponsors-box-laura { background:url(../images/laura-sponsors-box.jpg) no-repeat; height:357px;width:414px; margin-left:15px; margin-top:53px;}
#secondcontainer #sponsors-box-greg .pkg,#sponsors-box-laura .pkg { padding:100px 15px;}
#secondcontainer #sponsors-box-greg img  {padding:0 15px 15px;}
#secondcontainer #sponsors-box-laura img  {padding:0 15px 15px;}


#right h2 span { display:none;}

#footer { clear:both; display:block; width:902px; margin:25px auto 10px auto; border-top:1px solid #b2b2b2; padding-top:25px;}

#follow { background:url(../images/img-follow.gif) no-repeat; width:392px ; height:45px; display:block;}
#facebookgreg { display:block; height:39px; width:39px; margin-left:93px; float:left;}
#twittergreg{ display:block; height:39px; width:39px; margin-left:5px; float:left;}
#facebooklaura { display:block; height:39px; width:37px; margin-left:132px; float:left;}
#twitterlaura { display:block; height:39px; width:39px; margin-left:5px; float:left;}


#follow span { display:none;}
#footer a { font-size:11px; color:#a2a1a1; text-decoration:none;}
#footer span.link { float:right; margin-top:-35px;}

.scroll-pane {width: 525px; height: 200px;overflow: auto;float: left;}
#news #left .scroll-pane {width: 525px; height: 400px;overflow: auto;float: left;}
#greg #left .scroll-pane {width: 525px; height: 225px;overflow: auto;float: left;}


#photos .scroll-pane-right {width: 275px; height: 350px;overflow: auto;float: left;}

.scroll-pane-right {width: 275px; height: 395px;overflow: auto;float: left;}

#pane2 { border-right:2px solid #fff;  padding-top:5px; padding-bottom:5px; padding-right:8px!important; }
p span:hover { text-decoration:underline;}
#right .jScrollPaneContainer { width:280px !important; height:386px!important;}
#photos #right .jScrollPaneContainer { width:280px !important; height:286px!important;}


.jScrollPaneTrack {top:0!important; height:386px!important;}

.scroll-pane-right ul { padding-bottom:5px; height:auto;}
.scroll-pane-right ul li { border-bottom:1px solid #00829b; padding:12px 0;}
.scroll-pane-right ul li span { color:#00829b;}
.pkg { display:block; clear:both;}


#mask {
	background:#678;
	background-position:-260px -79px;
}

form.expose {
	background:#000;
	padding:0;
	margin:0 0 20px 0;
	text-align:center;
	width:530px;
	clear:both;
	padding:15px 0;
	float:left;
}

h3#contact-greg { background:url(../images/img-contact-us.gif) no-repeat; width:153px; height:23px; display:block; margin:0 0 10px 10px; }
h3#contact-greg span { display:none;}

h3#contact-laura { background:url(../images/img-contact-laura.gif) no-repeat; width:195px; height:24px; display:block; margin:0 0 10px 10px; clear:both;}
h3#contact-laura span { display:none;}

/* http://www.quirksmode.org/css/forms.html */
label, input {
	display: block;
	width: 151px;
	float: left;
	margin-bottom: 10px;
	
}

textarea { float:left;}

label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
	color:#02C9E0;
}

br {
	clear: left;
}

.p-padding { margin:5px 0;}

#greg #left ul { margin:5px 0;}
#greg #left ul li{ margin:5px 0;}
#greg #left ul li ul { margin:2px 5px;}

#laura #left ul { margin:5px 0;}
#laura #left ul li{ margin:5px 0;}
#laura #left ul li ul { margin:2px 5px;}

.submit { background:url(../images/img-submit.jpg) no-repeat; display:block; border:0; float:right; cursor:pointer; margin-top:15px; margin-bottom:0; width:112px; margin-right:25px;}

#sponsors-container-home { background:url(../images/1_logo_scroll_background.gif) no-repeat; width:863px; height:85px; margin:0 0 0 19px; overflow:hidden;}
#sponsors-container-home ul { width:860px; overflow:auto;}
#sponsors-container-home ul li{ list-style-type:none; float:left;}
#sponsors-container-home img {border:none; text-decoration:none;}

#slider {position: relative; overflow: hidden;height:70px; width:860px;}
#slider img {position:absolute;	margin:0; display:none; cursor:pointer; }

#slider .aquaman { margin:20px 20px 0 50px;  padding-right:5px;}
#slider .blueseventy { margin:10px 20px 0 50px; padding-right:5px; }
#slider .champsystem { margin:8px 20px 0 50px; padding-right:5px; }
#slider .h2o { margin:18px 20px 0 50px; padding-right:5px; }
#slider .honeymilk { margin:8px 20px 0 50px;  padding-right:5px; }
#slider .ism { margin:8px 20px 0 50px;  padding-right:5px;}
#slider .jamis { margin:8px 20px 0 50px; padding-right:5px; }
#slider .nac { margin:20px 20px 0 50px;  padding-right:5px; }
#slider .normaticMVP { margin:20px 50px 0 55px; padding-right:5px; }
#slider .oakley { margin:20px 30px 0 50px; padding-right:5px; }
#slider .usat { margin:8px 30px 0 50px; padding-right:5px; }
#slider .orbea { margin:8px 30px 0 50px; padding-right:5px; }
#slider .fisik { margin:15px 30px 0 50px;  padding-right:5px; }
#slider .bmc { margin:12px 20px 0 50px; padding-right:5px; }
#slider .zipp { margin:20px 20px 0 50px; padding-right:5px; }

#slider .whites { margin:8px 20px 0 55px;  padding-right:5px; }
#slider .gu { margin:8px 20px 0 55px;  padding-right:5px; }
#slider .wtsb { margin:8px 20px 0 55px; padding-right:5px; }

#twtr-widget-1 { margin-bottom:10px;}

 


