/*
Theme Name: Free Drop
Theme URI: http://www.exove.com/
Description: Free Drop theme.
Version: 2
Author: Ben Goodyear / Exove
Author URI: http://bengoodyear.com/
*/

/* CSS reset by Eric Meyer - meyerweb.com */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: #000;
	background: #fff;
}

ol,
ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}
/* end CSS reset */

/* Exove standards */
/* Font size. Use ems on lowest level element only. */
body {
  font-size: 62.5%;
}
/* end Exove standards */


/* Basic layout and look&feel */

body {
    color: #656565;
    font-family: Helvetica, Arial, sans-serif;
    text-align: center;
}

p {
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
}

.clear {
    clear: both;
}

.underline {
    text-decoration: underline;
}

img {
    display: block;
}

hr {
    border-bottom: solid 1px #8cc63f;
    color: transparent;
    clear: both;
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    /*color: #fff;*/
    cursor: pointer;
}

a#moreGames {
	color: #ff9711;
    display: block;
    font-size: 12px;
    text-decoration: none;
}

p a {
	color: #ff9711;
    font-size: 12px;
    text-decoration: none;
}

a.more {
    color: #ff9711;
    display: block;
    font-size: 1.3em;
    padding: 10px 0 10px 0;
    text-decoration: none;
}

a.infoLink {
    color: #ff9000;
    font-size: 1.2em;
}

a#appLink {
    float: right;
    position: absolute;
    right: 0;
    top: -26px;
}

.headerImg {
    height: 380px;
    width: 100%;
    margin-bottom: 30px;
    text-align: right;
}

body.forClubs .headerImg {
	background:url("img/header-background.png") no-repeat scroll 3px 1px #FFFFFF;
}

body.forIphone .headerImg,
body.faq .headerImg {
	background:url("img/header-background-iphone-alternate.png") no-repeat scroll -1px top #FFFFFF;
}

h1 {
    color: #ffffff;
    /*color: #8cc63f;*/
    font-size: 48px;
    font-weight: normal;
    line-height: 52px;
    margin-bottom: 10px;
    letter-spacing: -3px;
}

h1.maxWidth742 {
    width: 742px;
}

h2 {
    color: #8cc63f;
    font-size: 1.8em;
}

h3 {
    color: #ffffff;
    font-size: 24px;
}

#container {
    margin: 0 auto;
    text-align: left;
    width: 976px;
}

.col-style-1 {
    float: left;
    margin-left: 50px;
    width: 290px;
}

.col-style-1a {
    float: left;
    margin-left: 50px;
    width: 630px;
}

.col-style-x {
    float: left;
    width: 420px;
    clear: left;
}

.col-style-y {
    float: left;
    width: 420px;
    margin-left: 80px;
}

.col-style-wide {
	float: left;
	width: 600px;
}

.col-style-1.alpha {
    margin-left: 0;
}

.col-style-2 {
    border-bottom: solid 1px #8cc63f;
    float: right;
    margin-top: 20px;
    width: 630px;
}

.col-style-2.alpha {
    margin-top: 0;
}

.col-style-2.omega {
    border-bottom: 0;
}


.col-style-2 .textCandy {
    width: 70%;
    float: left;
}


.col-style-3 {
    float: left;
    margin-top: 20px;
    width: 450px;
}

.col-style-3.omega {
    float: right;
}

.col-style-4 {
    float: left;
    margin-top: 20px;
    width: 210px;
    padding-right: 6px;
}

.col-style-4.omega {
    padding-right: 0;
}

.col-style-5 {
    float: left;
    margin-left: 50px;
    width: 340px;
}

.col-style-5.alpha {
    margin-left: 0;
}

#footer {
    background-color: #8cc63f;
    clear: both;
    width: 100%;
    text-align: center;
}

#footer #footerContent {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.2em;
    padding: 20px 20px 0 20px;
    position: relative;
}

#copy {
	position: absolute;
	bottom: 0;
}

strong {
	font-weight: bold;
}

#footer #footerContent img {
    float: right;
    margin-top: -280px;
}

#footer #footerContent ul#breadCrumb {
    margin-top: 20px;
    float: left;
    border-bottom: 1px solid #94ca4d;
    padding: 0 0 10px 16px;
    width: 500px;
}

#footer #footerContent .listPages {
    float: left;
    padding-left: 16px;
    width: 500px;
}

#footer #footerContent ul#breadCrumb li {
    float: left;
    color: #fff;
    margin-right: 10px;
}


#footer #footerContent p {
    color: #fff;
    
}

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


#footer #footerContent ul.pageList {
    float: left;
    margin: 5px 50px 0 0;
}

#footer #footerContent ul.pageList.alpha {
    clear: left;
}

#footer #footerContent ul.pageList li {
    margin-top: 15px;
}


.bigItemWrap {
    clear: both;
    margin-top: 20px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#benefits-of-community {
    background: url('img/community.jpg') bottom right no-repeat #fff;
    min-height: 650px;
}

#community {
	background-repeat: no-repeat;
	background-position: right bottom;
}

#what-is-gamebook {
    background-repeat: no-repeat;
    background-position: bottom right;
    min-height: 675px;
    position: relative;
    height: 100%;
}

#what-is-gamebook #what-3 {
    background-repeat: no-repeat;
    background-position: bottom left;
    float: left;
    min-height: 675px;
    height: 100%;
    width: 100%;
}

#get-more {
    padding-bottom: 10px;
}

/**Game formats**/
#gameFormatsContainer {
	position: relative;
}

#gameFormatsNav {
	position: absolute;
	top: 10px;
}

#gameFormatsNav a {
	font-size: 14px;
	font-weight: bold;
	color: #4A4A4A;
	margin-right: 8px;
	padding-right: 0px;
	display: block;
	float: left;
	line-height: 23px;
}

#gameFormatsNav a.current {
	background: url('img/game-formats-nav-back-left.png') no-repeat top left;
	padding-left: 4px;
}

#gameFormatsNav a.current span {
	color: #ffffff;
	background: url('img/game-formats-nav-back-right.png') no-repeat top right;
	line-height: 24px;
	display: block;
	padding-right: 4px;
	font-weight: normal;
}

body.forClubs .gameFormatInner {
	background: url('img/game-format-background.png') no-repeat 0 45px;
	display: none; 	
}

body.forIphone .gameFormatInner {
	background: url('img/game-format-background-iphone.png') no-repeat 0 45px;
	display: none; 	
}

.gformatInnerDescription {
	margin-top: 40px;
	height: 152px;
	overflow: hidden;
}

.gformatimage {
	margin-left: 92px;
	padding-top: 93px;	
}

.gformatimageiphone {
	margin-left: 66px;
	padding-top: 60px;	
}

#extendedGames {
	display: none;
}

/**Device Tabs**/
#deviceTabsContainer {
	position: relative;
	width: 450px;
	height: 423px;
}

body.forClubs #deviceTabsContainer {
	background: url('img/game-tabs-background.png') no-repeat right bottom;
}

body.forIphone #deviceTabsContainer {
	background: url('img/game-tabs-background-iphone.png') no-repeat right bottom;
	height: 430px;
	margin-bottom: 5px;
}
	
	
.tab {
	display: none;
}

.tabName,
.tabDescription {
	width: 200px;	
}

.tabName {
	font-size: 14px;
	font-weight: bold;
	color: #4a4a4a;
	margin-bottom: 10px;
}

body.forClubs .tabImage {
	position: absolute;
	top: 64px;
	right: 33px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: #000;
	width: 155px;
	height: 273px;
}

body.forIphone .tabImage {
	background-color: #000000;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 296px;
	position: absolute;
	right: 18px;
	top: 66px;
	width: 197px;
}

.primaryTabNav {
	position: absolute;
	bottom: 0;
	left: 0;	
}

.primaryTabNav a,
.secondaryTabNav a {
	display: block;
	text-indent: -9999px;
	float: left;
	height: 27px;
	cursor: pointer;
}

.secondaryTabNav a {
	height: 22px;
}

.primaryTabNav .tab-1 {
	width: 41px;
}

body.forIphone .primaryTabNav .tab-1,
body.forIphone .primaryTabNav .tab-2,
body.forIphone .primaryTabNav .tab-3,
body.forIphone .primaryTabNav .tab-4 {
	width: 48px;
	padding-right: 1px;
}

.primaryTabNav .tab-2,
.primaryTabNav .tab-3,
.primaryTabNav .tab-4 {
	width: 38px;
}

.secondaryTabNav {
	position: absolute;
	top: 29px;
	left: 0;
}

.secondaryTabNav.twoTab .sTab-1 {
	width: 79px;
}

body.forIphone .secondaryTabNav.twoTab .sTab-1 {
	width: 91px;
	margin-left: 7px;
}

.secondaryTabNav.twoTab .sTab-2 {
	width: 76px;
}

body.forIphone .secondaryTabNav.twoTab .sTab-2 {
	width: 93px;
}

.secondaryTabNav.threeTab .sTab-1 {
	width: 52px;
}

body.forIphone .secondaryTabNav.threeTab .sTab-1 {
	width: 60px;
	margin-left: 7px;
}

.secondaryTabNav.threeTab .sTab-2 {
	width: 52px;
}

.secondaryTabNav.threeTab .sTab-3 {
	width: 50px;
}

body.forIphone .secondaryTabNav.threeTab .sTab-3 {
	width: 62px;
}

#golferImage {
	min-height: 620px;
	padding-left: 290px;
	background-position: bottom left;
	background-repeat: no-repeat;
	width: 685px;
}

#communityImage {
	min-height: 620px;
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 685px;
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -20px;
}

.tagline {
	color: #ffffff;
	font-size: 24px;
}

.tagline.sIFR-replaced {
        margin-top: -15px;
}

.marginTop {
	margin-top: 20px;
}

#real-time-scores {
	position: relative;
}

#absoluteContainer {
	position: absolute;
	bottom: 1px;
	right: 0px;	
}

.inner {
	text-align: left;
	overflow-y: scroll;
	height: 500px;
	width: 500px;
}

.fancyboxhide {
	display: none;
}

#fancy_div h1 {
	color: #4A4A4A;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}	
	
#videoBox {
	z-index: 1;
	position: relative;
}

#videoContainer {
	width: 1060px;
	height: 510px;	
}

#videoNavigator {
	float: left;
	width: 190px;
	height: 298px;
}

#videoNavigator a {
	display: block;
	background-color: white;
	padding: 5px;
	text-align: left;
	font-size: 12px;
	color: #FF9711;
}

.videoPlayer {
	background-color: green;
	float: right;	
	width: 850px;
	height: 340px;
	display: none;
}
	
#videoplay {
	width: 237px;
	height: 36px;
	/*background-image: url('img/watch-video-button-2.png');*/
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	margin-top: 231px;
	position: absolute;
	right: 50px;
	cursor: pointer;
}
		
#clickToTry {
	width: 199px;
	height: 47px;
	background-image: url('img/click-to-try.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 20px;
	text-indent: -9999px;
}

.footerImage {
	display: none;
}

body.forClubs .footerImage.clubs {
	display: block;
}

body.forIphone .footerImage.iphone,
body.faq .footerImage.iphone  {
	display: block;
}

body.forIphone #footer #footerContent img,
body.faq#footer #footerContent img  {
	margin-top: -235px;
}

/* hide missing tabs until we get some images */
body.forIphone #tab-41 .tabDescription,
body.forIphone #tab-41 a.sTab-2,
body.forIphone #tab-41 a.sTab-3 {
	display: none;
}

/*main navigation*/
.mainNavigation {
	float: right;	
	margin-top: 12px;
	margin-right: 20px;
}

.mainNavigation a {
	float: left;
	color: #ffffff;
	line-height: 0px;
	font-size: 0px;
	text-indent: -9999px;
	display: block;
	height: 53px;
	margin-right: 15px;
}

a.clubnav {
	background: url('img/clubs-inactive.png') left 9px no-repeat;
	width: 84px;
}

body.forClubs a.clubnav {
	background: url('img/clubs-active.png') left 9px no-repeat;
	width: 84px;
}

a.playersnav {
	background: url('img/players-inactive.png') left 9px no-repeat;
	width: 99px;
}

body.forIphone a.playersnav {
	background: url('img/players-active.png') left 9px no-repeat;
	width: 99px;
}

a.clublogin {
	background: url('img/club-login-button.png') left 1px no-repeat;
	width: 118px;
}

#login {
	position: absolute;
	top: 64px;
	right: 0px;
	width: 0px;
	height: 0px;
}

#itunesLink {
	background: url("img/itunes-link.png") no-repeat scroll 0 0 transparent;
	cursor: pointer;
	display: block;
	height: 59px;
	position: absolute;
	right: 0;
	top: 414px;
	width: 240px;
	z-index: 2;
}

#gameBookIcon {
	position: absolute;
	top: 2px;
	right: 311px;
	background: url('img/game-book-icon.png') left top no-repeat;
	width: 64px;
	height: 63px;
}

#gameBookIcon a {
	display: block;
	width: 64px;
	height: 63px;
}

#comingSoon {
	position: absolute;
	top: 21px;
	left: 240px;
	background: url('img/coming-soon.png') left top no-repeat;
	width: 99px;
	height: 24px;
}

#subVideoPlayLink1 {
	background: url('img/watch-video-button-2.png') no-repeat 0 0;
	width: 234px;
	height: 28px;
	position: absolute;
	top: 427px;
	right: 0px;
}

#subVideoPlayLink2 {
	background: url('img/watch-video-button-2.png') no-repeat 0 0;
	width: 234px;
	height: 28px;
	position: absolute;
	top: 17px;
	right: 0px;
}

body.forClubs #subVideoPlayLink2 {
	right: 0px;
}

.mainLogo {
	float: left;
	margin: 25px 0 0 16px;
}

.mainLogo a {
	display: block;
	height: 25px;
	width: 105px;
	cursor: pointer;
}



#loginForm {
	background: url('img/login/login-background.png') 0 0 no-repeat;
	width: 402px;
	height: 84px;
	overflow: hidden;
}

#former-password label,
#former-userId label {
	display: none;
}

#former-password input,
#former-userId input {
	float: left;
	background: url('img/login/login-input.png') 0 0 no-repeat;
	height: 29px;
	width: 140px;
	border: none;
	margin-top: 10px;
	padding-left: 10px;
	color: #878787;
}

#former-userId input {
	margin-left: 17px;
}

#loginFormSubmit {
	float: left;
	border: none;
	background: url('img/login/login-button.png') 0 0 no-repeat;
	width: 70px;
	height: 34px;
	margin: 7px 0 0 3px;
}

.links {
	float: left;
	margin: 18px 0 0 15px;
}

.links a {
	float: left;
	font-size: 11px;
	color: #8CC63F;
	text-decoration: none;
}

.links a:hover {
	text-decoration: underline;
}

.links a.firstLink {
	margin: 0 80px 0 40px;
} 

.testimonialBlock {
	float: left;
	width: 320px;	
	cursor: pointer;
	position: relative;
	top: 39px;	
	padding-left: 5px;
	height: 100px;
}

#testimonialHolder {
	clear: both;
	background: url('img/testimonial-block-back.png') bottom center no-repeat;
	margin-top: 20px;
	min-height: 140px;
	margin-bottom: 10px;
}

.hidden {
	display: none;
}

.testimonial {
	position: absolute;
	bottom: 135px;
	width: 315px;
	left: 0;
}

.testimonial .middle,
.testimonial .top,
.testimonial .bottom {
	display: block;
	width: 315px;
}

.testimonial .middle {
	background: url('img/testimonial-back-slice.png') top center repeat-y;
	padding: 0 10px 0 20px;
	width: 285px;	
}

.testimonial .top {
	height: 13px;
	background: url('img/testimonial-back-top.png') top center no-repeat;	
}

.testimonial .bottom {
	height: 37px;
	background: url('img/testimonial-back-bottom.png') bottom center no-repeat;	
}

.testimonial p {
	font-size: 12px;
	margin: 0;
}

.testimonial_image {
	float: right;
}

.testimonialPerson {
	font-size: 12px;
	float: left;
	clear: left;
	color: #ffffff;
	width: 180px;
	margin: 40px 0 0 20px;
}

.tImage {
	margin-top: -3px;	
}

.mission {
	font-size: 16px;
}

#faq ul li {
	font-size: 12px;
	list-style: circle;
	line-height: 18px;
	margin-left: 40px;
	margin-bottom: 25px;
}

#faq h1 {
	margin-bottom: 20px;
}

#faq h3 {
	margin-top: 10px;
}

#faq {
    position: relative;
    height: 100%;
    margin-bottom: 30px;
}