/* @override http://dev.wolfcreekgolf.com/css/main.css */ /* ---------------------------------------- Master Screen Style ---------------------------------------- Wolf Creek Golf Resort author: Ryan Mayer date: March 2008 ---------------------------------------- */ html, body {margin:0px; padding:0px; width:100%; height:100%;} body {background: #f7f5ee url(../img/bg.jpg) 0% 0% repeat-x; font: 62.5% Arial, Helvetica, sans-serif; margin:0px; padding:0px;} /* Structure Div's */ #container {width: 950px; margin: 0px auto; padding: 0px; background: transparent 0% 0 repeat-x;} #body {width: 950px; margin:0px auto; padding: 0px; background: #eaebdb url(../img/bg_body2.gif) 0% 0% repeat-y; /* border: thin solid #00CCFF; */} #sitenav {width: 950px; height:171px; margin:0px; padding: 0px;} .navTop {width: 950px; height:136px; /* background-color:#996699; */margin:0px; padding:0px;} .navBot {width: 900px; height:35px; /* background-color:#99CC66;*/ /*margin:0px 0px 0px 147px;*/ margin: 0 auto; padding:0px; text-align:center;} #header{width: 950px; height:176px; color: #bfcab2; margin:0px; padding:0px;} #footer {width:950px; height:133px; margin:0px; padding:0px; background: transparent url(../img/bg_footer.jpg) 0% 0% no-repeat;} #footer_sm {width:950px; height:155px; margin:0px; padding:15px 0px 0px 0px; background: transparent url(../img/bg_footer_sm.jpg) 0% 0% no-repeat; /* border:solid thin #00FF00;*/} /* Content Div's */ #colOne {width:950px; margin:0px auto; padding:0px; background: transparent 0% 0% no-repeat; } #colSm {width:247px; height:500px; margin:0px; padding:0px; background: transparent 0% 0% repeat-y; float:left;} #colLg {width:703px; margin:0px; padding:0px; background: #eaebdb url(../img/bg_colLg.gif) 0% 0% repeat-y; float:right;} /* Links */ a:link {color: #597159; text-decoration: underline; font-weight:bold; padding: 0px;} a:visited {color: #597159; text-decoration: none; font-weight:bold;} a:hover {color: #95bd95; font-weight:bold; /* background-color:#49b4de; padding: 0px 2px 0px 2px; */} a.footer:link {background: transparent; color: #adacac; text-decoration: none; text-align: left; font-size: 1em; font-weight:bold; margin: 0px; padding: 0px; text-align:left} a.footer:visited {color: #adacac; text-decoration: none; font-weight:bold;padding: 0px;} /*color: f08a2b*/ a.footer:hover {color: #6e6d6d; font-weight:bold; /* background-color:#f08a2b; */ padding: 0px;} a.box:link {background: transparent; color: #999; text-decoration: none; text-align: left; font-size: 1em; font-weight:bold; margin: 0px; padding: 0px; text-align:left} a.box:visited {color: #999; text-decoration: none; font-weight:bold;padding: 0px;} a.box:hover {color: #fff; font-weight:bold; /* background-color:#f08a2b; */ padding: 0px;} a.course_btn {display: block; float: left; width: 68px; height: 35px; background: transparent url(../img/btn_course.jpg) 0px 0px no-repeat;} a.course_btn:hover {background: transparent url(../img/btn_course.jpg) 0px -36px no-repeat;} a.weddings_btn {display: block; float: left; width: 84px; height: 35px; background: transparent url(../img/btn_weddings.jpg) 0px 0px no-repeat;} a.weddings_btn:hover {background: transparent url(../img/btn_weddings.jpg) 0px -36px no-repeat;} a.proshop_btn {display: block; float: left; width: 84px; height: 35px; background: transparent url(../img/btn_proshop.jpg) 0px 0px no-repeat;} a.proshop_btn:hover {background: transparent url(../img/btn_proshop.jpg) 0px -36px no-repeat;} a.academy_btn {display: block; float: left; width: 83px; height: 35px; background: transparent url(../img/btn_academy.jpg) 0px 0px no-repeat;} a.academy_btn:hover {background: transparent url(../img/btn_academy.jpg) 0px -36px no-repeat;} a.about_btn {display: block; float: left; width: 116px; height: 35px; background: transparent url(../img/btn_about.jpg) 0px 0px no-repeat;} a.about_btn:hover {background: transparent url(../img/btn_about.jpg) 0px -36px no-repeat;} a.thevillage_btn {display: block; float: left; width: 86px; height: 35px; background: transparent url(../img/btn_thevillage.jpg) 0px 0px no-repeat;} a.thevillage_btn:hover {background: transparent url(../img/btn_thevillage.jpg) 0px -36px no-repeat;} a.tournaments_btn {display: block; float: left; width: 101px; height: 35px; background: transparent url(../img/btn_tournaments.jpg) 0px 0px no-repeat;} a.tournaments_btn:hover {background: transparent url(../img/btn_tournaments.jpg) 0px -36px no-repeat;} a.packages_btn {display: block; float: left; width: 83px; height: 35px; background: transparent url(../img/btn_packages.jpg) 0px 0px no-repeat;} a.packages_btn:hover {background: transparent url(../img/btn_packages.jpg) 0px -36px no-repeat;} a.teetimes_btn {display: block; float: left; width: 87px; height: 35px; background: transparent url(../img/btn_teetimes.jpg) 0px 0px no-repeat;} a.teetimes_btn:hover {background: transparent url(../img/btn_teetimes.jpg) 0px -36px no-repeat;} a.news_btn {display: block; float: left; width: 50px; height: 36px; background: transparent url(../img/btn_news.jpg) 0px 0px no-repeat; margin-right:10px;} a.news_btn:hover {background: transparent url(../img/btn_news.jpg) 0px -36px no-repeat;} a.course-layout_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-layout.gif) 0px 0px no-repeat;} a.course-layout_btn:hover {background: transparent url(../img/nav_course-layout.gif) 0px -31px no-repeat;} a.course-architect_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-architect.gif) 0px 0px no-repeat;} a.course-architect_btn:hover {background: transparent url(../img/nav_course-architect.gif) 0px -31px no-repeat;} a.course-teetimes_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-teetimes.gif) 0px 0px no-repeat;} a.course-teetimes_btn:hover {background: transparent url(../img/nav_course-teetimes.gif) 0px -31px no-repeat;} a.course-rates_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-rates.gif) 0px 0px no-repeat;} a.course-rates_btn:hover {background: transparent url(../img/nav_course-rates.gif) 0px -31px no-repeat;} a.course-directions_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-directions.gif) 0px 0px no-repeat;} a.course-directions_btn:hover {background: transparent url(../img/nav_course-directions.gif) 0px -31px no-repeat;} a.course-clubhouse_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-clubhouse.gif) 0px 0px no-repeat;} a.course-clubhouse_btn:hover {background: transparent url(../img/nav_course-clubhouse.gif) 0px -31px no-repeat;} a.course-gallery_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-gallery07.gif) 0px 0px no-repeat;} a.course-gallery_btn:hover {background: transparent url(../img/nav_course-gallery07.gif) 0px -31px no-repeat;} a.course-dinning_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_course-dinning.gif) 0px 0px no-repeat;} a.course-dinning_btn:hover {background: transparent url(../img/nav_course-dinning.gif) 0px -31px no-repeat;} a.weddings-weddings_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_weddings-weddings.gif) 0px 0px no-repeat;} a.weddings-weddings_btn:hover {background: transparent url(../img/nav_weddings-weddings.gif) 0px -31px no-repeat;} a.weddings-corp_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_weddings-corp.gif) 0px 0px no-repeat;} a.weddings-corp_btn:hover {background: transparent url(../img/nav_weddings-corp.gif) 0px -31px no-repeat;} a.weddings-stayplay_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_weddings-stayplay.gif) 0px 0px no-repeat;} a.weddings-stayplay_btn:hover {background: transparent url(../img/nav_weddings-stayplay.gif) 0px -31px no-repeat;} a.weddings-events_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_weddings-events.gif) 0px 0px no-repeat;} a.weddings-events_btn:hover {background: transparent url(../img/nav_weddings-events.gif) 0px -31px no-repeat;} a.weddings-packages_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_weddings-pkgs.gif) 0px 0px no-repeat;} a.weddings-packages_btn:hover {background: transparent url(../img/nav_weddings-pkgs.gif) 0px -31px no-repeat;} a.weddings-terms_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_weddings-terms.gif) 0px 0px no-repeat;} a.weddings-terms_btn:hover {background: transparent url(../img/nav_weddings-terms.gif) 0px -31px no-repeat;} a.tournaments-corp_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_tourny-corp.gif) 0px 0px no-repeat;} a.tournaments-corp_btn:hover {background: transparent url(../img/nav_tourny-corp.gif) 0px -31px no-repeat;} a.tournaments-packages_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_tourny-pkgs.gif) 0px 0px no-repeat;} a.tournaments-packages_btn:hover {background: transparent url(../img/nav_tourny-pkgs.gif) 0px -31px no-repeat;} a.tournaments-catalogue_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_tourny-cat.gif) 0px 0px no-repeat;} a.tournaments-catalogue_btn:hover {background: transparent url(../img/nav_tourny-cat.gif) 0px -31px no-repeat;} a.packages-stay_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_pkgs-stayplay.gif) 0px 0px no-repeat;} a.packages-stay_btn:hover {background: transparent url(../img/nav_pkgs-stayplay.gif) 0px -31px no-repeat;} a.packages-golfcentral_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_pkgs-golfcentral.gif) 0px 0px no-repeat;} a.packages-golfcentral_btn:hover {background: transparent url(../img/nav_pkgs-golfcentral.gif) 0px -31px no-repeat;} a.pros-meetpros_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_pro-meetpros.gif) 0px 0px no-repeat;} a.pros-meetpros_btn:hover {background: transparent url(../img/nav_pro-meetpros.gif) 0px -31px no-repeat;} a.pros-catalogue_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_pro-catalogue.gif) 0px 0px no-repeat;} a.pros-catalogue_btn:hover {background: transparent url(../img/nav_pro-catalogue.gif) 0px -31px no-repeat;} a.academy-schedule_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_academy-schedule2.gif) 0px 0px no-repeat;} a.academy-schedule_btn:hover {background: transparent url(../img/nav_academy-schedule2.gif) 0px -31px no-repeat;} a.academy-info_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_academy-info2.gif) 0px 0px no-repeat;} a.academy-info_btn:hover {background: transparent url(../img/nav_academy-info2.gif) 0px -31px no-repeat;} a.academy-teaching_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_academy-teaching2.gif) 0px 0px no-repeat;} a.academy-teaching_btn:hover {background: transparent url(../img/nav_academy-teaching2.gif) 0px -31px no-repeat;} a.academy-rates_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_academy-rates2.gif) 0px 0px no-repeat;} a.academy-rates_btn:hover {background: transparent url(../img/nav_academy-rates2.gif) 0px -31px no-repeat;} a.academy-booking_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_academy-booking2.gif) 0px 0px no-repeat;} a.academy-booking_btn:hover {background: transparent url(../img/nav_academy-booking2.gif) 0px -31px no-repeat;} a.about-history_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_about-history.gif) 0px 0px no-repeat;} a.about-history_btn:hover {background: transparent url(../img/nav_about-history.gif) 0px -31px no-repeat;} a.about-gallery_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_about-gallery.gif) 0px 0px no-repeat;} a.about-gallery_btn:hover {background: transparent url(../img/nav_about-gallery.gif) 0px -31px no-repeat;} a.about-map_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_about-map.gif) 0px 0px no-repeat;} a.about-map_btn:hover {background: transparent url(../img/nav_about-map.gif) 0px -31px no-repeat;} a.about-meetthepros_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_about-meetthepros.gif) 0px 0px no-repeat;} a.about-meetthepros_btn:hover {background: transparent url(../img/nav_about-meetthepros.gif) 0px -31px no-repeat;} a.village-village_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_village-village.gif) 0px 0px no-repeat;} a.village-village_btn:hover {background: transparent url(../img/nav_village-village.gif) 0px -31px no-repeat;} a.village-location_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_village-location.gif) 0px 0px no-repeat;} a.village-location_btn:hover {background: transparent url(../img/nav_village-location.gif) 0px -31px no-repeat;} a.village-financing_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_village-financing.gif) 0px 0px no-repeat;} a.village-financing_btn:hover {background: transparent url(../img/nav_village-financing.gif) 0px -31px no-repeat;} a.village-amenities_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_village-amenities.gif) 0px 0px no-repeat;} a.village-amenities_btn:hover {background: transparent url(../img/nav_village-amenities.gif) 0px -31px no-repeat;} a.village-golf_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_village-golf.gif) 0px 0px no-repeat;} a.village-golf_btn:hover {background: transparent url(../img/nav_village-golf.gif) 0px -31px no-repeat;} a.village-villas_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_village-villas.gif) 0px 0px no-repeat;} a.village-villas_btn:hover {background: transparent url(../img/nav_village-villas.gif) 0px -31px no-repeat;} a.village-contact_btn {display: block; float: left; width: 247px; height: 31px; background: transparent url(../img/nav_village-contact.gif) 0px 0px no-repeat;} a.village-contact_btn:hover {background: transparent url(../img/nav_village-contact.gif) 0px -31px no-repeat;} /* Typography */ h1 {font-size: 1.9em; /*width:685px;*/ height:45px; font-family: serif; text-align:left; color:#597159; padding: 7px 95px 0px 70px; margin: 0px; display:block; background: transparent url(../img/bg_h1.gif) 0% 0% no-repeat;} h2 {font-size: 1.4em; font-weight:bold; text-transform:uppercase; text-align:left; color: #627961; padding: 15px 95px 0px 70px; margin: 0px;} h3 {font-size:1.3em; font-weight:bold; color:#456e90; text-align:left; padding: 15px 95px 0px 70px; margin:0px;} h4 {line-height:10px; font-weight:bold; color:#4d7084; text-align:left; padding:0px; font-size:2.8em; margin-bottom:10px;} h6 {font-weight:bold; color:#456e90; text-align:right; margin:0px; padding:10px 95px 0px 0px; letter-spacing: .1em; font-size: .92em; text-transform:uppercase; } p {background: transparent; color: #4a4223; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.7em; font-size: 1.2em; margin:0px; padding: 0px 95px 10px 80px;} ul, ol {background: transparent; color: #999; text-align: left; font-size: 1.2em; margin:10px 110px 0px 90px; padding-bottom:20px;} li {color:#597159; margin:0px; padding:0px 0px 10px 5px; /* border-left: dotted thin #000000; */} .img {margin: 0px 95px 10px 75px;} td {background: transparent; color: #4a4223; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.7em; font-size: 1.2em;} table {margin-left: 95px;} .listTitle {list-style-type:none; margin: 0px 0px 0px -25px; padding: 0px; font-weight:bold; color:#eee} .description {list-style-type:none; margin:0px 70px 0px -15px; color:#bbb; line-height: 1.2em;} .small {background: transparent; color: #626d73; text-align: center; line-height: 1.4em; font-size: .9em; margin:0px; padding-bottom:10px;} .light {color: #acb7bf; } #featureBox1 {width: 247px; height:130px; float:left; background: transparent url(../img/bg_featureBox1.jpg) 0px 0px no-repeat; margin:0px; padding:0px;} #featureBox2 {width: 228px; height:130px; float:left; background: transparent url(../img/bg_featureBox2.jpg) 0px 0px no-repeat; margin:0px; padding:0px;} #featureBox3 {width: 228px; height:130px; float:left; background: transparent url(../img/bg_featureBox3.jpg) 0px 0px no-repeat; margin:0px; padding:0px;} #featureBox4 {width: 247px; height:130px; float:left; background: transparent url(../img/bg_featureBox4.jpg) 0px 0px no-repeat; margin:0px; padding:0px;} .boxTitle {background: transparent; color: #FFF; text-decoration: none; text-align: left; font-size: .9em; margin:0px; padding: 12px 0px 0px 15px; text-transform:uppercase;} .boxHeadline {background: transparent; color: #FFF; text-decoration: none; text-align: left; font-size: 1.9em; line-height:12px; margin:0px; padding: 0px 10px 5px 15px; text-transform:capitalize;} .boxBody {background: transparent; color: #FFF; text-decoration: none; text-align: left; font-size: 1.2em; line-height:normal; margin:0px; padding: 0px 20px 0px 20px;} #breadcrumb p {font-size: .8em; line-height: 1em; color: #999999; text-transform:uppercase; text-align: left; margin:0px; padding:0px 0px 0px 55px;} #footer .left {float:left; color:#919191;} #footer .middle {text-align:left; margin: 0px; padding: 30px 0px 30px 10px; color: #cac8c3;} #footer .right {float:right} #footer .bottom {text-align: center; margin: 10px 0px 30px 0px; padding: 30px 0px 30px 0px; color: #cac8c3;} .center {text-align: center; color:#cac8c3;} .left {float: left; color:#919191;} .right {float: right;} /* Form */ form { margin-right: 30px; margin-bottom: 20px; margin-left: 80px; text-align: left; font-size: 1.2em; } fieldset { margin-bottom: 10px; padding: 10px 10px 10px 10px; border: 1px solid #DBDCCA; } fieldset.right { float: none; } fieldset input, fieldset select { /*font-size: 1.2em;*/ } fieldset label { display: block; float: left; width: 120px; padding-top: 3px; margin-bottom: 5px; padding-right: 25px; padding-left: 0; } fieldset legend { padding: 10px 0; font-weight: bold; text-transform:uppercase; color:#49b4de; } fieldset.right input, fieldset.right select { float: left; } fieldset.right label { float: none; width: auto; padding-right: 0; padding-left: 25px; } .form-actions { margin-top: 20px; text-align: right !important; } .form-actions input, form-actions submit { margin-left: 0.5em; } .form-row { clear: both; margin-bottom: 5px; } /* Images */ .photo {margin: 10px; padding:5px; background-color:#ccc;} /* Helpers */ .clear {clear: both;} .asterisk {color:#ff0000; font:1.3em Arial, Helvetica, sans-serif;} /* Gallery */ #main-content li{width:80px; border:solid #2f2f2f 0px; background:#DBDCCA; padding:10px 14px 10px 10px; text-align:center; position:relative; float:left; display:inline; margin:1px;} #fullplate-navigation{list-style:none; margin: 15px 0px 25px 185px; padding:0px} #fullplate-navigation li {display:block;float:left; width:100px; height:25px; background-color: transparent; text-align:center; margin:0px auto;} #fullplate-navigation li a{display:block;width:90px;padding:10px; color:#DBDCCA; border:thin solid #00FF00;} #fullplate-navigation li a:hover{color:#FFF;} #fullplate-photo{border:solid #EEE 0px; background:#DBDCCA; padding:5px 15px 15px 15px; margin:0 auto; width:500px;} #fullplate-photo h2{margin:0px 0px 15px 5px; padding:10px; color: #4a4223; text-transform:none;} #previous{text-align:center;} #next{text-align:center;} a.nav {color:#999; text-align:center; height:15px; margin:0px auto;} a.nav:hover {color:#FFF; text-align:center;} #main-content .nav {width: 400px; text-align:center;} #main-content .nav li {width: 100px;} #main-content a span{position:absolute; left:-9999px;} #main-content a:hover span{top:8px; left:6px; width:90px; font-weight:bold; background:#DBDCCA; color:#4a4223; padding:3px 0px 3px 0px; text-transform:uppercase; font-size:.8em; border:0px solid #000; filter: alpha(opacity=100);} #main-content img{ border:1px solid #EEE;}