@charset "UTF-8";
html {height:100%;}
body {
	/* font: normal normal 100% Geneva,Arial,Verdana,Helvetica,sans-serif; */
	font: normal normal 100% arial,"lucida grande",verdana,sans-serif;
	position:relative;
	width:100%;
	height:100%;
	color:#ccc;
	background-color:#000;
	padding:0px;
	margin:0px;
}
img {
	position:relative;
}
div {
	padding:0px;
	margin:0px;
}
ul {
	list-style:disc none outside;
	padding:0px;
}
ul.items {
	padding-left:18px;
}
li {
	padding:0px;
	margin:0px;
	line-height:1.2;
}
a,
a:link,
a:visited,
a:active {
	color:#898376;
	text-decoration:none;
	height:20px;
}
a:hover {
	color:#95e035;
}
a.on {
	color:#95e035;
	font-size:1.2em;
}
a img { border:0px; }
div {
	margin:0px;
	border:0px;
	padding:0px;
}
ul.primary_nav {
	padding-left:38px;
}
ul.primary_nav li {
	background-image:none;
	background-repeat:no-repeat;
}
ul.primary_nav li ul{
	display:none;
}
ul.primary_nav li.on a.menuTog ,
ul.primary_nav li.on a.menuSingle{
	color:#95e035;
	font-weight:bold;
}
ul.primary_nav li.on ul{
	display:block;
}
ul.secondary_nav{
	margin:0;
	padding:0;
	padding-right:4px;
}
ul.secondary_nav li {
	background-repeat:no-repeat;
	background-position:0px 4px;
	background-image:url('../images/nav/NAVArrows.png');
	padding-left:16px;
	width:90px;
	overflow:visible;
	font-size:.91em;
	vertical-align:middle;
}
ul.secondary_nav li.on{
	background-position:0px -88px;
	padding-left:16px;
}
ul.secondary_nav li.on a{
	color:#fdb700;
}
div.logo {
	padding:20px;
	text-align:center;
}
div.nav {
	float:left;
	display:block;
	width:140px;
	min-width:140px;
}
div.nav ul {
	list-style-type:none;
	width:100%;
}
div.nav,
div.nav ul,
div.nav ul li {
	overflow:hidden;
	vertical-align:middle;
}
div.container  { 
	width:780px;
	min-width:780px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	height:600px;
	background-color:#000;
}
div.leftcol {
	float:left;
	display:inline;
	margin:0px;
	width:385px;
	min-width:385px;
	height:576px;
	min-height:576px;
	border:0px solid yellow;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color: #3b3933; /* fallback color */
	background-image: url('../images/LeftGradation_1px.png'); /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #59564e, #393933);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#59564e), to(#3b3933));
}
div.leftcol div.nav{ 
	float:left;
	width:385px;
	min-width:385px;
	margin:0px;
	min-height:auto;
	height:auto;
}
div.leftcol div.nav div.nav_left {
	float:left;
	display:inline;
	width:145px;
	min-width:145px;
	border:0px dotted red;
	height:480px;
	min-height:480px;
	overflow:visible;
}
div.leftcol div.nav div.nav_left div.yourbot{
	position:relative;
	height:67px;
	min-height:67px;
	top:45px;
	left:40px;
	border:0px dotted blue;
}
div.leftcol div.nav div.appstore{
	display:block;
	padding:10px;
	min-width:236px;
	width:236px;
	text-align:center;
	position:relative;
	top:0px;
	height:67px;
	min-height:67px;
	border:0px dotted green;
}
div.leftcol div.nav div.nav_right {
	float:right;
	display:inline;
	width:236px;
	min-width:236px;
	overflow:hidden;
	margin:0px;
}
div.rightcol { 
	float:left;
	display:inline;
	margin-left:10px;
	width:385px;
	min-width:385px;
	height:576px;
	min-height:576px;
}
div.rightcol div.topright {
	background-color:#898376;
	margin-bottom:10px;
	height:284px;
	min-height:284px;
	width:385px;
	min-width:385px;
	border:0px solid yellow;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
div.rightcol div.bottomright {
	width:385px;
	min-width:385px;
	min-height:284px;
	border:0px solid yellow;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color:#6a665c;
	margin:0px;
}
div.rightcol div.bottomright div.content {
	padding:20px;
}
div.phone {
	padding-top:30px;
	float:right;
	display:block;
	background-image:url('../images/iPodTouchFaceDrawn.png');
	/* background-image:url('../images/iPodTouchDevicePhoto.png'); */
	height:438px;
	min-width:236px;
	width:236px;
}
div.phone img {
	position:relative;
	top:82px;
	left:18px;
	/* background:transparent url('../images/spinner.gif') no-repeat 50% 50%; */
}
.bg-purple { background-color:#6d3d7e; color:white;}
.bg-green { background-color:#00722a; color:white;}
.bg-teal { background-color:#429093; color:white;}
.bg-grey { background-color:#bebebe; color:white;}
.bg-orange { background-color:#fdb700; color:white;}

.purple { color:#6d3d7e;}
.green { color:#00722a;}
.teal { color:#429093;}
.grey { color:#bebebe;}
.orange { color:#fdb700;}
div {
	background-repeat:no-repeat;
	background-position:bottom left;
}

a#screen {
	width: 200px; /* 151px; */
	height: 285px; /* 206px; */
	position: relative;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:bottom left;
}
a#screen img {
	position: absolute;
	background-repeat:no-repeat;
	background-position:bottom left;
}

ul.icons-x { display:block; }
ul.icons-x li { display:inline; }

div.contact { background-image:url('../images/section/Satellite_Contact.png'); background-position:160px bottom; }
div.concurrentdesign,
div.features,
div.scoring { background-image:url('../images/section/3GuysatHole_Features_1lineHeader.png'); background-position:top;}
div.tournamentreporting { background-image:url('../images/section/3GuysatHole_Features_3lineHeader.png'); background-position:top;}
div.playerreviewstats,
div.infohelpsystem { background-image:url('../images/section/3GuysatHole_Features_2lineHeader.png'); background-position:top;}
div.index,
div.download  { background-image:url('../images/section/Pencil_Landing_Art.png'); background-position:160px 65px; }
div.requirements,
div.help,
div.error403,
div.error404 { background-image:url('../images/section/Lifepreserver_Support.png'); }

div.faq { background-image:url('../images/section/Brain_FAQ.png'); background-position:200px 65px;}

div.topright  .section {
	margin:0px;
	height:100%;
	position:relative;
}
div.topright .section img {
	bottom:21px; /* assumes descenders */
	position:absolute;
	margin:0px;
	left:25px;
}

div.playerreviewstats .section img,
div.contact .section img,
div.faq .section img {
	bottom:28px; /*  assumes no descenders */
}

div.arrows p {
	background-image:url('../images/nav/green-arrow.png');
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:16px;
	border:0px dotted green;
}
.clear {
	width:100%;
	height:1px;
	margin: 0 0 -1px;
	clear:both;
}
.content a,
.content a:hover {
	color:#fff;
}
div.social{
	display:inline;
	float:left;
	border:0px dotted red;
	position:absolute;
	top:580px;
	margin-left:200px;
}
div.social li img{
	padding:2px;
}
.crumbs { text-align:center; }
.crumbs,
.crumbs a,
.crumbs a:hover {
	color:#ccc;
}
.crumbs a.on {
	color:#95e035;
	font-size:1em;
}
ul.primary_faq {
	background-image:none;
	background-repeat:no-repeat;
	list-style-type:none;
}
ul.primary_faq li {
	vertical-align:middle;
	background-image:none;
}
ul.secondary_faq {
	list-style-type:none;
}
ul.secondary_faq a.faqTog {
	color:#95e035;
	background-image:url('../images/nav/FAQArrows.png');
	background-repeat:no-repeat;
	background-position:0px 4px;
	padding-left:12px;
	border:1px dotted red;
}
ul.secondary_faq li.on a.faqTog {
	color:#fdb700;
	background-position:0px bottom;
}
ul.secondary_faq li div.faqA { 
	display:none;
	padding-left:12px;
}
ul.secondary_faq li.on div.faqA { 
	display:block;
}
/* FAQs */
ul.faqs {
	display:block;
	margin-left:0px;
	position:relative;
	left:-40px;
	list-style-type:none;
	border:0px dotted yellow;
	padding-left:38px;
}
ul.faqs li {
	color:#ccc;
	padding-left:15px;
	background-image:url('../images/nav/FAQArrows.png');
	background-repeat:no-repeat;
	background-position:0px 4px;
	vertical-align:middle;
	padding-bottom:10px;
}
ul.faqs li.on {
	background-position:0px -85px;
}
ul.faqs li a,
ul.faqs li a:hover {
	color:#95e035;
}
ul.faqs li.on a,
ul.faqs li.on a:hover {
	color:#fdb700;
}
ul.faqs li div {
	display:none;
}
ul.faqs li.on div {
	display:block;
}
div#interstitial {
	background-color:#000;
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10000;
	display:none;
}
div#interstitial p {
	margin-top:10%;
	padding-top:45px;
	background:#000 url('../images/spinner.gif') no-repeat 50% 40%;
}
#pdf {
	width: 380px;
	height: auto;
	margin: 0px;
	border: 1px solid #ccc;
	position:relative;
	margin-left:-19px;
}
#pdf p {
	padding:0px;
	margin:20px;
}
#pdf object {
	display: block;
	border: 0px solid #000;
	background:transparent url('../images/spinner.gif') no-repeat 50% 50%;
}
