div#content_top   { background-image: url(/images/homepage/content_top.gif) !important; }
div#content       { background-image: none; background-color: white !important; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif !important; font-size: 12px; line-height: 18px; }
div#content_inner { background-color: white !important; }


div#content a:link, div#content a:visited { color: #0088CC; text-decoration: none; }
div#content a:hover, div#content a:active { text-decoration: underline; }
/*div#page_content { background-color: white; position: relative; }*/

div#page_top { text-align: center; background-color: white; }
div#page_top .title { margin-top: 18px; height: 30px; }
div#page_top .subtitle { margin-top: 6px; height: 40px; }
div#page_top .header { margin-top: 40px; height: 450px; }

div#app_store_logo { width: 113px; height: 40px; position: absolute; right: 26px; top: 75px; }
div#watch_ad { width: 300px; height: 100px; position: absolute; top: 170px; left: 555px; }
div#watch_ad .video { float: left; width: 110px; height: 80px; background-color: #CCC; }
div#watch_ad .text { float: left; width: 140px; height: 80px; padding: 10px 15px; text-align: center; color: #666; text-align: left; }


.welcome div.marketing_content { margin-left: 55px; padding: 0; }
.welcome div.marketing_content div.text_block { width: 240px; margin: 0 40px 0 10px; float: left; }
.welcome div.marketing_content div.text_block h3 { font-size: 16px; font-weight: bold !important; margin-bottom: 24px; }
.welcome div.marketing_content div.text_block p { margin: 0; margin-right: 110px; }
.welcome div.marketing_content div.text_block img { float: right; margin-left: 0; }

div.database_section { margin-top: 40px; width: 635px; text-align: left; }
div.database_section h2 { margin-left: 60px; font-weight: normal !important; }
div.database_section #map_canvas { margin-left: 60px; width: 550px; }


.featured_courses div.right_box { margin-top: 30px; margin-right: 10px; }

div.right_bar { padding: 0; float: right; margin-right: 10px; }

div.right_box { padding: 0; background: transparent url(/images/homepage/right_box_center.jpg) repeat-y top left; margin-bottom: 30px; }
div.right_box .right_box_top  { background: transparent url(/images/homepage/right_box_top.jpg) no-repeat top left; height: 11px; width: 300px; }
div.right_box .right_box_center  { background: transparent url(/images/homepage/right_box_center.jpg) repeat-y top left; padding: 5px 15px 15px; }
div.right_box .right_box_bottom  { background: transparent url(/images/homepage/right_box_bottom.jpg) no-repeat top left; height: 17px; width: 300px; clear: both; }
div.right_box p { width : 260px; }


div.right_box h3 { font-size: 16px; font-weight: normal !important; margin-bottom: 24px; text-align: center; margin-top: 10px; }

div.right_box .featured_course { margin-bottom: 18px; }
div.right_box .featured_course .hole_count { float: left; font-size: 12px; margin-left: 10px; text-align: center; }
div.right_box .featured_course .hole_count small { display: block; font-size: 8px; font-weight: bold; }
div.right_box .featured_course .course_info { margin-left: 50px; }
div.right_box .featured_course .course_info .club_name { font-size: 14px; font-weight: bold; color: #333; width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
div.right_box .featured_course .course_info .course_name { font-size: 14px; font-weight: normal; font-style: italic; color: #666; width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
div.right_box .featured_course .course_info .location_name { font-size: 14px; font-weight: normal; color: #666; width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
div.right_box .featured_course .course_info .club_name a { color: #333 !important; }
div.right_box .featured_course .course_info .course_name a,
div.right_box .featured_course .course_info .location_name a { color: #666 !important; }


.enjoy_on_iphone div.watch_video { width: 250px; height: 100px; margin-left: 15px; margin-top: 10px; }
.enjoy_on_iphone div.watch_video .video { float: left; width: 110px; height: 80px; background-color: #CCC; }
.enjoy_on_iphone div.watch_video .text { float: left; width: 110px; height: 80px; padding: 10px 0 10px 15px; margin: 0; text-align: center; color: #666; text-align: left; }
.enjoy_on_iphone div.photos { margin-left: 5px; clear: left; }
.enjoy_on_iphone div.photos .photo { width: 110px; height: 80px; background-color: #FFF; margin-left: 10px; margin-bottom: 10px; display: block; float: left; text-align: center; padding: 5px 0 0 0; }
.enjoy_on_iphone div.photos .photo img { height: 75px; }

.enjoy_on_iphone div.marketing_content { margin-top: 20px; margin-bottom: 50px; clear: left; }
.enjoy_on_iphone div.marketing_content .big_box_left img { float: right; margin-right: 70px; }
.enjoy_on_iphone div.marketing_content .big_box_left h3 { font-size: 16px; margin-left: 40px; margin-bottom: 18px; }
.enjoy_on_iphone div.marketing_content .big_box_left p  { font-size: 12px; margin-left: 40px; margin-bottom: 27px; width: 340px; }
.enjoy_on_iphone div.marketing_content .big_box_left.large img { margin-right: 50px; }
.enjoy_on_iphone div.marketing_content .big_box_left.large p { width: 240px; }

.enjoy_on_iphone div.marketing_content .big_box_right img { float: left; margin-left: 40px; }
.enjoy_on_iphone div.marketing_content .big_box_right h3 { font-size: 16px; margin-left: 240px; margin-bottom: 18px; }
.enjoy_on_iphone div.marketing_content .big_box_right p  { font-size: 12px; margin-left: 240px; margin-bottom: 27px; width: 340px; }
.enjoy_on_iphone div.marketing_content .big_box_right.large img { margin-left: 50px; margin-right: 30px; }
/*.enjoy_on_iphone div.marketing_content .big_box_right.large p { width: 240px; }*/

/*.enjoy_on_iphone .golf_course_database h3 { margin-bottom: 10px; }*/
.enjoy_on_iphone .golf_course_database img { margin-left: 7px; margin-bottom: 10px; }
.enjoy_on_iphone .golf_course_database p { font-size: 14px; color: #666; text-align: center; margin: 0; margin-top: 5px; }

.enjoy_on_iphone div.marketing_content .faq_box { padding-bottom: 450px; }
.enjoy_on_iphone div.marketing_content .faq_box h3 { font-size: 22px; margin-left: 40px; margin-bottom: 18px; margin-top: 45px; }
.enjoy_on_iphone div.marketing_content .faq_box .faq_columns { margin-left: 20px; }
.enjoy_on_iphone div.marketing_content .faq_box .faq_column { width: 260px; margin-left: 40px; float: left; margin-top: 10px; padding-top: 18px; border-top: 1px solid #BCBCBC; }
.enjoy_on_iphone div.marketing_content .faq_box .faq_column h4 { font-size: 14px; font-weight: bold; margin-bottom: 18px; }
.enjoy_on_iphone div.marketing_content .faq_box .faq_column p { font-size: 11px; padding: 0; margin: 0; margin-bottom: 18px; }
.enjoy_on_iphone div.marketing_content .faq_box .faq_column ul { font-size: 11px; padding: 0; margin: 0; }
.enjoy_on_iphone div.marketing_content .faq_box .faq_column ul li { padding: 0; margin: 0; }




/* ============ */
/* = Lightbox = */
/* ============ */

#lightbox {  position: absolute;  left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; -webkit-box-shadow: 0px 0px 100px #000; box-shadow: 10px 10px 10px #000; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer > #hoverNav { left: 0;}
#hoverNav a { outline: none;}

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { bottom: 0; left: 0; float: left;}
#nextLink { bottom: 0; right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%  ; }

#imageData {  padding:0 10px; color: #666; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }  
#imageData #caption { font-weight: bold;  }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;  }      
#bottomNavClose { width: 66px; outline: none; position: absolute; right: 10px; top: 10px; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }