/*Main styles for golfr.ubermind.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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:  Gotham, Tahoma, Verdana, sans-serif;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body { background: url('../images/content-bkg.jpg'); width: 100%; }
p a,p a:visited { color: #ccc; text-decoration: none; }
p a:hover { color: #fff; text-decoration: underline; }

blockquote { margin-left: 40px;}
blockquote p { color: #896F56; }

h1 { color: #99cadd; font-size: 24px; text-align: center; font-weight: 500; text-shadow: 2px 2px 2px #000; }
h2 { color: #DBF4FF; font-size: 18px; line-height: 44px; }
h3 { padding-top: 20px; text-shadow: 2px 2px 2px #000; }
h3,h3 a,h3 a:visited { color: #99cadd; font-size: 14px; line-height: 16px; margin-top: 20px; text-decoration: none; }
h3 a:hover { color: #fff; text-decoration: underline; }
h4 { color: #6CBE71; font-size: 12px; line-height: 16px; margin-top: 5px; font-weight: 200; }
p { color: #717171; font-size: 12px; line-height: 18px; margin-top: 10px; }

#hdr-search { background: url('../images/h2-search.png') no-repeat; text-indent: -3000px; }
#hdr-info { background: url('../images/h2-info.png') no-repeat; text-indent: -3000px; }
#hdr-free { background: url('../images/h2-free.png') no-repeat; text-indent: -3000px; }
#hdr-buzz { background: url('../images/h2-buzz.png') no-repeat; text-indent: -3000px; }
#hdr-scorecard { background: url('../images/h2-scorecard.png') no-repeat; text-indent: -3000px; }
#hdr-personalized-stats { background: url('../images/h2-personalized-stats.png') no-repeat; text-indent: -3000px; }
#hdr-course-search { background: url('../images/h2-course-search.png') no-repeat; text-indent: -3000px; }
#hdr-course-details { background: url('../images/h2-course-details.png') no-repeat; text-indent: -3000px; }
#hdr-offers { background: url('../images/h2-offers.png') no-repeat; text-indent: -3000px; }

#site-wrapper {	width: 100%; position: relative; }
#site-wrapper #header {
	position: relative;
	width: 100%; height:122px;
	background: url('../images/header-bkg.jpg') top left repeat-x; 
	z-index: 9000;
}
#site-wrapper #header #logo {
	position: relative;
	z-index: 9000;
	width: 100%; height: 120px;
	background: url('../images/header-logo.jpg') bottom center no-repeat;
}
#site-wrapper #header #hood {
	position: absolute;
	top: 120px; left: 0;
	z-index: 9000;
	width: 100%; height: 17px;	
	background: url('../images/header-hood.png') top center no-repeat;	
}

#site-wrapper #sky {
	position: relative;
	width: 100%; height: 440px;
	overflow: hidden;
	background: url('../images/sky-bkg.jpg') top center repeat-x;
}
#site-wrapper #grass {
	position: absolute;
	top: 484px;
	z-index: 7000;
	width: 100%; height: 78px;
	background: url('../images/grass.gif') top center repeat-x;
}
#site-wrapper #content {
	width: 100%;
	background: #151515 url('../images/content-bkg.jpg');
	float: left;
	clear: both;
	padding-bottom: 30px;
}
#site-wrapper #content #content-hightlight {
	width: 100%; height: 90px;
	background: url('../images/content-hilight.jpg') top center no-repeat;
}

#twitter { 
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color: #000;
	padding: 10px 0 20px 0;
}
#tweets p { color: #D5D5D5; padding: 0 20px; font-size: 12px; }
#tweets p a,#tweets p a:visited { color: #DFDFDF; }
#tweets p a:hover { text-decoration: underline; color: #fff; }
#tweets p.time a,#tweets p.time a:visited { color: #767873; }
#tweets p.time a:visited:hover { text-decoration: underline; color: #fff; }
#twitter img {
	position: absolute;
	bottom: -30px; right: -20px;
}

#itunes { 
	position: absolute;
	top: 510px; right: 20px;
	z-index: 9100;
}
ul.bullets {
	list-style: circle;
	margin: 0 10px;
	padding-bottom: 20px;
}
ul.bullets li {
	color: #717171;
	font-size: 14px;
	line-height: 16px;
	margin-left: 30px;
	padding: 2px 0; 
}
.two-column-layout { width: 970px; margin: 30px auto; clear: both; }
.column-one { 
	float: left;
	width: 440px;
	border-right: 2px solid #333;
	padding-right: 40px; 
}
.column-two { 
	float: right;
	width: 450px; 
}
#blog p,
#blog ul {
	color: #ccc;
}
#blog ul { margin: 15px 15px;}
#blog ul li {
	font-size: 12px;
	padding: 5px 0;
	line-height: 1.4em;
}
#blog ul li strong { color: #e36200; }
.cloud-one { 
	position: absolute;
	top: 120px; left: -100px;
	z-index: 7000;
	width: 343px; height: 136px; 
	background: url('../images/cloud-1.png') no-repeat;
}
.cloud-two {
	position: absolute;
	top: 70px; left: 300px;
	z-index: 7000;
	width: 221px; height: 125px; 
	background: url('../images/cloud-2.png') no-repeat;
}
.cloud-three {
	position: absolute;
	top: 160px; left: 400px;
	z-index: 7000;
	width: 272px; height: 101px; 
	background: url('../images/cloud-3.png') no-repeat;
}
.cloud-four {
	position: absolute;
	top: 40px; right: 200px;
	z-index: 7000;
	width: 357px; height: 136px; 
	background: url('../images/cloud-4.png') no-repeat;
}
.cloud-five {
	position: absolute;
	top: 170px; right: 500px;
	z-index: 7000;
	width: 268px; height: 102px; 
	background: url('../images/cloud-5.png') no-repeat;
}
.cloud-six {
	position: absolute;
	top: 130px; right: 20px;
	z-index: 7000;
	width: 252px; height: 116px; 
	background: url('../images/cloud-6.png') no-repeat;
}

#phone {
	width: 240px; height: 450px;
	position: absolute;
	top: -400px; 
	/*top: 145px;*/
	left: 50%;
	margin-left: -120px;
	z-index: 8000;
}
#phone #phone-shell {
	width: 240px; height: 450px;
	position: absolute;
	top: 0; left: 0;
	z-index: 7000;
}
#phone #phone-screenshot {
	width: 200px; height: 300px;
	position: absolute;
	top: 80px; left: 20px;
	z-index: 8000;
	display: none;
}
#phone-shadow {
	position: absolute;
	/* top: -300px; */
	width: 100%; height: 59px;
	top: 587px;
	background: url('../images/iphone-shadow.png') top center no-repeat; 
	z-index: 7000;
	display: none;
}
#phone #stop-video, #phone #start-video {
	width: 43px; height: 43px;
	position: absolute;
	top: 389px; left: 98px;
	z-index: 8000;
}
#phone #start-video { display: none; }
#phone #stop-video a {
	display: block;
	width: 43px; height: 43px;
	background: url('../images/stop-button.gif') no-repeat; 
	background-position: 0 0;
	text-indent: -3000px;
}
#phone #stop-video a:hover,#phone #start-video a:hover { background-position: 0 -43px; }
#phone #stop-video a:active,#phone #start-video a:active { background-position: 0 -86px; }
#phone #start-video a {
	display: block;
	width: 43px; height: 43px;
	background: url('../images/start-button.gif') no-repeat; 
	background-position: 0 0;
	text-indent: -3000px;
}
#gray-rule {
	height: 4px;
	background-color: #565656;
}
#tagline {
	height: 26px;
	background-color: #6B737C;
	line-height: 26px;
	font-size: 18px;
	text-shadow: 1px 1px 1px #000;
	color: #fff;
	text-align: center;
}

#green-rule {
	height: 5px;
	background-color: #086408;
}

#site-wrapper #footer {
	float: left; 
	color: white;
	padding-bottom: 30px;
	width: 100%;
	background: url('../images/footer-bkg.jpg') top left repeat-x;
}
#site-wrapper #footer .two-column-layout .column-one ul li { padding-bottom: 15px; }
#site-wrapper #footer .two-column-layout .column-one ul li a { text-decoration: underline; color: #929587; }
#site-wrapper #footer .two-column-layout .column-one ul li a:hover { color: #fff; }
#site-wrapper #footer .two-column-layout .column-one p { color: #717171; }
h6 { color: #929587; font-weight: 400; font-size: 16px; }

#hidden-form h6,#hidden-captcha h6 { padding-bottom: 10px; }
#hidden-form ul li { display: block; margin-top: 5px; width: 390px; position: relative; }

.fieldname {
    text-align: right;
    vertical-align: middle;
    width: 200px
}

.field {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle
}

td label {
	color: #717171;
    background; inherit;
	font-size: 12px;
}

.form-example {
    color: #D5D5D5;
    background: inherit;
    font-size: 0.8em;
    vertical-align: middle
}

#hidden-form ul li label {
	display: block;
	float: left;
	width: 75px;
	color: #717171;
	line-height: 20px;
	font-size: 12px;
	margin-top: 4px;
}

.feedback-input {
	background-color: #000;
	border: 1px solid #525252;
	padding: 4px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	resize: none;
	font-size: 12px;
	color: #ccc; 
	width: 300px;
}


#hidden-captcha,#hidden-thanks,#hidden-error { display: none; }
.form-error { border: 1px solid #900; }
.error-name,.error-email,.error-message {
	position: absolute;
	top: 2px; right: -170px;
	width: 175px; height: 25px; line-height: 25px;
	text-indent: 15px;
	background: url('../images/error-bubble.jpg') no-repeat;
	color: red;
	font-size: 10px;
	display: none;
}

#show-captcha, #submit {
	display: block;
	width: 77px;
	height: 26px;
	background: url(../images/submit-button.png);
	text-indent: -9999px;
	border: none;
	cursor: pointer;
	overflow: hidden;
}
#show-captcha {
	position: relative;
	top: 10px;
	left: 75px;
}
#submit {
	width: 118px;
	background: url(../images/human-button.png);
	position: relative;
	top: 10px;
}
#show-captcha:hover, #submit:hover {background-position: 0 52px;}
#show-captcha:active, #submit:active {background-position: 0 26px;}

.edit-message {
	font-size: 12px;
	text-decoration: underline; color: #929587;
}
.edit-message:hover { color: #fff; }
#hidden-thanks,#hidden-error { font-size: 14px; }
.error { color: red; }