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

/*	TENNIS STATS CSS
	CREATED		THUR 7 JAN 2010 WPSAILA
	LAST MOD	WED 5 MAY 2010 WPSAILA
*/

/* /////////////////// STRUCTURE /////////////////// */

body {
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	background: url(images/mainbg.jpg) 0 0 repeat-x #262626;
}

#pagewidth {
	width: 990px;
	height: 660px;
	margin: 0 auto;
	background: url(images/pagewidthbg.jpg) 0 0 no-repeat;
}

/* /////////////////// HEADER /////////////////// */

#header {
	height: 90px;
	background: url(images/header_bg.jpg) 0 0 no-repeat;
}

#header h1 {
	margin: 0;
	padding: 0;
}

#header h1 a {
	display: block;
	position: relative;
	top: 5px;
	left: 93px;
	width: 447px;
	height: 47px;
	margin: 0;
	padding: 0;
	background: url(images/sitelogo.gif) 0 0 no-repeat;
}

#header #topLinks {
	position: absolute;
	top: 5px;
	margin-left: 714px;
	width: 246px;
	height: 47px;
}

/* App Store button */
#header #topLinks a.appstore {
	float: left;
	display: block;
	width: 113px;
	height: 47px;
	background: url(images/btn_appstore.jpg) 0 0 no-repeat;
}

#header #topLinks a:hover.appstore {
	background: url(images/btn_appstore.jpg) 0 -47px no-repeat;
}

/* Video button */
#header #topLinks a.video {
	float: left;
	margin-left: 13px;
	display: block;
	width: 120px;
	height: 47px;
	background: url(images/btn_video.jpg) 0 0 no-repeat;
}

#header #topLinks a:hover.video {
	background: url(images/btn_video.jpg) 0 -47px no-repeat;
}

#header #utilityLinks {
	position: absolute;
	top: 65px;
	margin-left: 772px /*632px old margin with userguide in place*/;
	width: 328px;
	height: 25px;
}

#header #utilityLinks a.home {
	float: left;
	display: block;
	width: 55px;
	height: 25px;
	background: url(images/btn_home.gif) 0 0 no-repeat;
}

#header #utilityLinks a:hover.home {
	background: url(images/btn_home.gif) 0 -25px no-repeat;
}

#header #utilityLinks a.userguide {
	float: left;
	display: block;
	width: 140px;
	height: 25px;
	background: url(images/btn_dluserguide.gif) 0 0 no-repeat;
}

#header #utilityLinks a:hover.userguide {
	background: url(images/btn_dluserguide.gif) 0 -25px no-repeat;
}

#header #utilityLinks a.contact {
	float: left;
	display: block;
	width: 133px;
	height: 25px;
	background: url(images/btn_contact.gif) 0 0 no-repeat;
}

#header #utilityLinks a:hover.contact {
	background: url(images/btn_contact.gif) 0 -25px no-repeat;
}


/* /////////////////// CENTRECONTENT /////////////////// */

#centrecontent {
	position: relative;
	/*top: 90px;*/
	width: 990px;
}

#intro {
	width: 990px;
	height: 452px;
}

/* Inner Content Div Styles */
.rollingContentContainer {
	position: absolute;
	top:0;
	margin: 0;
	padding: 0;
	display: none;
}

/* Left side content */
.rollingContentContainer #leftContainer {
	position: absolute;
	top: 0;
	width: 422px;
	height: 452px;
	margin: 0;
	padding: 0;
}

/* specific vertical backgrounds for left side */
#forcoaching #leftContainer,
#sharing #leftContainer,
#statistics #leftContainer {
	background: url(images/iphone_bg_vertical.jpg) 0 0 no-repeat;	
}

/* specific vertical screenshots */
#forcoaching #leftContainer img,
#sharing #leftContainer img,
#statistics #leftContainer img {
	position: relative;
	top: 76px;
	left: 124px;
}

/* specific backgrounds for left side */
#forplayersparents #leftContainer,
#features #leftContainer {
	background: url(images/iphone_bg_horizontal.jpg) 0 0 no-repeat;	
}

/* specific horizontal screenshots */
#forplayersparents #leftContainer img.img1,
#features #leftContainer img.img1 {
	position: relative;
	top: 101px;
	left: 55px;
}

#forplayersparents #leftContainer img.img2,
#features #leftContainer img.img2 {
	position: relative;
	top: 166px;
	left: 78px;
}

/* Right side content */
.rollingContentContainer #rightContainer {
	position: absolute;
	left: 422px;
	width: 568px;
	height: 452px;
	background: url(images/content_panel_mainbg.jpg) 0 70px no-repeat;
}

#features #rightContainer {
	background: url(images/content_panel_mainbg_features.jpg) 0 70px no-repeat;
}

/* BG for Intro */
#intro #rightContainer {
	background: url(images/intro_bg_right.jpg) 0 0 no-repeat;
}

/* subnav button structure for right side */
.rollingContentContainer #rightContainer #subnav {
	position: relative;
	left: 14px;
	width: 540px;
	height: 43px;
}

.rollingContentContainer #rightContainer #subnav a {
	float: left;
	display: block;
	width: 104px;
	height: 43px;
	margin-right: 5px;
}

/* subnav button specific styles for right side */
.rollingContentContainer #rightContainer #subnav a.forcoaching { background: url(images/nv_forcoaches.gif) 0 0 no-repeat;}
.rollingContentContainer #rightContainer #subnav a.forcoachingactive,
.rollingContentContainer #rightContainer #subnav a:hover.forcoaching { background: url(images/nv_forcoaches.gif) 0 -43px no-repeat;}
.rollingContentContainer #rightContainer #subnav a.forplayersparents { background: url(images/nv_forplayersparents.gif) 0 0 no-repeat;}
.rollingContentContainer #rightContainer #subnav a.forplayersparentsactive,
.rollingContentContainer #rightContainer #subnav a:hover.forplayersparents { background: url(images/nv_forplayersparents.gif) 0 -43px no-repeat;}
.rollingContentContainer #rightContainer #subnav a.sharing { background: url(images/nv_sharing.gif) 0 0 no-repeat;}
.rollingContentContainer #rightContainer #subnav a.sharingactive,
.rollingContentContainer #rightContainer #subnav a:hover.sharing { background: url(images/nv_sharing.gif) 0 -43px no-repeat;}
.rollingContentContainer #rightContainer #subnav a.statistics {	background: url(images/nv_statistics.gif) 0 0 no-repeat;}
.rollingContentContainer #rightContainer #subnav a.statisticsactive,
.rollingContentContainer #rightContainer #subnav a:hover.statistics {	background: url(images/nv_statistics.gif) 0 -43px no-repeat;}
.rollingContentContainer #rightContainer #subnav a.features { margin-right: 0; background: url(images/nv_features.gif) 0 0 no-repeat;}
.rollingContentContainer #rightContainer #subnav a.featuresactive,
.rollingContentContainer #rightContainer #subnav a:hover.features { margin-right: 0; background: url(images/nv_features.gif) 0 -43px no-repeat;}


.rollingContentContainer #rightContainer #copycontent {
	position: relative;
	height: 409px;
	padding: 50px 30px 0 37px;
	
}

/* specific content arrow pointer backgrounds in the right column */
#forcoaching #rightContainer #copycontent {	background: url(images/content_panel_forcoaches.jpg) 0 0 no-repeat;}
#forplayersparents #rightContainer #copycontent { background: url(images/content_panel_forplayersparents.jpg) 0 0 no-repeat;}
#sharing #rightContainer #copycontent { background: url(images/content_panel_sharing.jpg) 0 0 no-repeat;}
#statistics #rightContainer #copycontent { background: url(images/content_panel_statistics.jpg) 0 0 no-repeat;}
#features #rightContainer #copycontent { background: url(images/content_panel_features.jpg) 0 0 no-repeat;}

.rollingContentContainer #rightContainer #copycontent .bodycopy,
.rollingContentContainer #rightContainer #copycontent .bulletcopy {
	float: left;
	width: 50%;
}

.rollingContentContainer #rightContainer #copycontent .bulletcopy {
	margin-top: 30px;	
}

/* Right hand side quote */

/*.rollingContentContainer #rightContainer #quoteright img {
	position: relative;
	margin-left: 20px;
}

#forcoaching #rightContainer #quoteright img { top: 31px;}
#forplayersparents #rightContainer #quoteright img { top: 23px;}
#sharing #rightContainer #quoteright img { top: 30px;}
#statistics #rightContainer #quoteright img { top: 20px;}
#features #rightContainer #quoteright img { top: 20px;}*/

/*#copycontent { border: 1px solid #0f0; }*/
#quoteright { position: absolute; left: 57px; }
#quoteright.forcoaching { top: 302px; }
#quoteright.forplayersparents { top: 296px; }
#quoteright.sharing { top: 301px; }
#quoteright.statistics { top: 304px; }
#quoteright.features { top: 280px; }



/* /////////////////// FOOTER /////////////////// */

#footer {
	position: absolute;
	top: 542px;
	width: 990px;
	height: 180px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #979797;
	z-index:50;
	/* background: url(images/footer_blurb.png) 737px 48px no-repeat; */
}

#footer a {
	color: #979797;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .logoGH a {
	display: block;
	float: left;
	margin: 29px 0 0 103px;
	padding: 0;
	width: 165px;
	height: 32px;
	background: url(images/logo_groundhog.gif) 0 0 no-repeat;
}

#footer .footerlinks {
	position: relative;
	float: left;
	top: 29px;
	margin-left: 30px;
	width: 334px;
}

#footer .footercredits {
	position: relative;
	float: left;
	top: 29px;
	margin-left: 30px;
	width: 334px;
}

/* Hide list - hides all spans */

#header h1 a span,
#header #topLinks a span,
#header #utilityLinks a span,
.rollingContentContainer #rightContainer #subnav a span,
#footer span {
	display: none;	
}