/* ---------------------------------------------------------------------------- Copyright CMTM, Inc 2008. Used with Permission. May not be duplicated or reproduced. Please check for cross-browser compatibility prior to making changes MINIMUM BROWSER CHECK :: IE5.x/IE6/Firefox/Safari CSS Document - styles.css ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body { background-color: #633083; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } a { color: #9e6ac2; } h1,h2,h3,h4,h5,h6 { font-family: Myriad Pro, "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; } h2,h3,h4,h5 { font-size: 16px; } textarea, input, table { font-family: Arial, Helvetica, sans-serif; } .bluebold { color: #1cb0b3; font-weight: bold; } .imgright, .alignright { margin: 5px 0px 5px 10px; float: right; } .imgleft, .alignleft { margin: 5px 10px 5px 0px; float: left; } .btn_more { background: url(../images/home/btn_more.gif) no-repeat; display: block; height: 20px; width: 58px; } .btn_more span { display: none; } .btn_moreinfo { background: url(../images/home/btn_moreinfo.gif) no-repeat; display: block; height: 29px; width: 97px; } .btn_moreinfo span { display: none; } .date { color: #8a8a8a; font-size: 10px; } .sml { color: #9e6ac2; font-size: 12px; margin-left: 10px; } .post { border-width: 0px 0px 1px 0px; border-color: #dfdfdf; border-style: dotted; clear: both; margin: 0px 0px 15px 0px; } /* framework * ------------------------------------------------------------------------- */ #container { margin: 0px; padding: 0px; width: 100%; background-color: #ffffff; text-align: left; font-size: 11px; } #subcontainer { margin: 0px; padding: 0px; width: 100%; text-align: left; font-size: 11px; } #container:after, #subcontainer:after, #top_section:after, #middle_section:after, #subcontent_area:after, #sub_content:after, #body_content_container:after, #footer_section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #top_section { width: 100%; } #flash_area { width: 980px; height: 432px; margin: 0px; } #btn_hours {height:125px; margin:75px 0px 0px 375px; position:absolute; width:125px; z-index:99999;} #btn_hours a {display:block; height:125px; width:125px;} #btn_hours span {display:none;} #btn_hours-sub {margin:10px 0px 0px 50px; position:absolute; z-index:99999;} #btn_hours-sub a {display:block; height:100px; width:100px;} #btn_hours-sub span {display:none;} #middle_section { width: 100%; background: url(../images/home/middle_bg.jpg) top repeat-x; } #middle_section p { line-height: 20px; } #middle { width: 941px; margin: 0px 0px 0px 39px; } #middle_lf { width: 498px; float: left; } #welcome_blurb { color: #f9e3fb; height: 350px; padding: 0px 6px 0px 53px; margin: 20px 0px 0px 0px; } #welcome_blurb p { line-height: 16px;} #btn_vet { margin: 0px 0px 10px 0px; padding: 0px; } #welcome_blurb h2 { color: #ffffff; font-size: 20px; margin: 0px 0px 10px 0px; } #welcome_buttons { width: 439px; margin: 20px 0px 0px 0px; } #welcome_buttons li { float: left; } #welcome_buttons a { display: block; width: 210px; height: 94px; } #welcome_buttons a span { display: none; } #btn_theresort { width: 210px; height: 94px; margin: 0px 19px 0px 0px; background: url(../images/home/btn_resort.gif) no-repeat; } #btn_ourlocation { width: 210px; height: 94px; background: url(../images/home/btn_map.gif) no-repeat;} .left_blurb { color: #5c3473; padding: 0px 6px 20px 53px; } .left_blurb h2 { color: #4c2663; font-size: 35px; margin: 0px 0px 10px 0px; } #feature_services { margin: 15px 0px 10px 0px; } #feature_services li { margin: 0px 0px 5px 0px; width: 421px; height: 118px; } .feature_text { padding: 33px 25px 0px 0px; } #feature_services li h4 { font-size: 20px; text-align: right; } #feature_services p a { color: #ebe1f0; text-decoration: none; } #feature_services a:hover { text-decoration: underline; } #feature_services p { color: #ebe1f0; margin: 36px 0px 0px 10px; } #btn_1 { background: url(../images/home/btn_vet.jpg) no-repeat; } #btn_2 { background: url(../images/home/btn_training.jpg) no-repeat; } #btn_3 { background: url(../images/home/btn_comestayplay.jpg) no-repeat; } #btn_4 { background: url(../images/home/btn_comestayplay.jpg) no-repeat; } #middle_rt { width: 443px; float: left; } #tour_blurb { color: #f9e3fb; padding: 25px 100px 15px 26px; background: url(../images/home/lt_logo-bg.jpg) no-repeat; } #tour_blurb h2 { font-size: 30px; color: #ffffff; margin: 0px 0px 11px 0px; } #tour_video { width: 443px; height: 321px; margin: 10px 0px 45px 0px; } .right_blurb { color: #5c3473; padding: 0px 29px 20px 26px; } .right_blurb h3 { color: #4c2663; font-size: 25px; margin: 0px 0px 10px 0px; } .news_list { line-height: 20px; width: 383px; margin: 0px 0px 15px 0px; } .news_list li { background: url(../images/home/bullet_bg.gif) no-repeat; background-position: bottom left; padding: 7px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #774192; } #testimonials_container { position: relative; width: 100%; height: 160px; overflow: hidden; padding: 30px 0px 0px 0px; } #subcontent_area { width: 980px; font-weight: normal; } #subleft_column { width: 289px; float: left; } #subnavigation { width: 289px; height: 432px; } #subleft_column .infopod { padding: 0px 18px 0px 90px; } #subleft_column .infopod h3 { margin: 20px 0px 15px 0px; font-size: 20px; color: #ffffff; } #subleft_column .infopod h4 { margin: 20px 0px 15px 0px; font-size: 20px; color: #774192; } #subleft_column .infopod p { line-height: 18px; margin: 0px 0px 10px 0px; } #newsletter_signup { padding: 0px 18px 0px 90px; color: #ffffff; } #newsletter_signup h3 { font-size: 20px; margin: 20px 0px 10px 0px; } #newsletter_signup p { line-height: 18px; } .smlfield { width: 150px; height: 24px; border-width: 1px; border-style: solid; border-color: #ae8ec1; color: #333333; font-size: 11px; margin: 10px 0x 10px 0px; padding: 4px 0px 0px 4px; } #services_list { background: url(../images/sub/btn_services.jpg) no-repeat; } #services_list li { height: 51px; text-align: right; margin: 0px 0px 3px 0px; padding: 0px; } #services_list a { display: block; height: 51px; text-decoration: none; } #services_list span { padding: 13px 13px 0px 0px; display: block; } #subright_column { width: 691px; float: left; } #subtop_tabnav { width: 691px; height: 74px; } #tabnav_1 { background: url(../images/sub/subtop_day.jpg) no-repeat; } #tabnav_2 { background: url(../images/sub/subtop_dusk.jpg) no-repeat; } #tabnav_3 { background: url(../images/sub/subtop_night.jpg) no-repeat; } #subtop_tabnav ul { width: 691px; height: 74px; position: relative; margin: 0px; } #subtop_tabnav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 34px; } #subtop_tabnav li, #subtop_tabnav a { height: 40px; display: block; } #subtop_tabnav span { display: none;} #topbtn_1 { width: 93px; left: 178px;} #topbtn_2 { width: 47px; left: 271px;} #topbtn_3 { width: 99px; left: 318px;} #topbtn_4 { width: 87px; left: 417px;} #topbtn_5 { width: 83px; left: 504px;} #topbtn_6 { width: 69px; left: 587px;} #subcontent { width: 691px; padding: 0px 0px 30px 0px; background-color: #ffffff; font-size: 12px; } #subheader { width: 691px; height: 99px; } #subheader_wrap { padding-top: 20px; } #subheader h1 { font-size: 37px; letter-spacing: -1px; margin: 0px 0px 0px 30px; color: #ffffff; line-height: 42px;} #subheader p { font-size: 12px; color: #CC99CC; margin: 3px 0px 0px 30px; } #crumbtrail { width: 691px; height: 36px; background: url(../images/sub/crumb_bg.gif) no-repeat; } #crumbtrail p { font-size: 11px; padding: 7px 30px 0px 30px; } #crumbtrail a { font-weight: bold; } #body_content_container { width: 691px; } #body_content_left { width: 453px; float: left; overflow:hidden;} #body_content_body { padding: 10px 20px 10px 20px; } #body_content_body p { line-height: 22px; margin: 0px 0px 15px 0px; } #body_content_body ul { line-height: 24px; color: #6c3c7c; background: url(../images/sub/rightcolumn_bg.jpg) no-repeat bottom left; background-color: #f6effb; margin: 10px 0px 10px 0px; padding: 10px 15px 20px 15px; } #body_content_body li { background: url(../images/sub/bullet.gif) no-repeat 0px 6px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: #b9b7b7; padding: 0px 0px 0px 17px; } .cams li {background:none !important; text-align:center;} .cams td {padding:0px 9px;} .cams p {margin:0px !important;} .boldpurplelrg { font-size: 13px; color: #764285; font-weight: bold; } .boldpurple { color: #764285; font-weight: bold; } #learn_more { background-color: #efefef; font-size: 11px; line-height: 18px } #learn_more p { padding: 5px 10px 5px 10px; } .pricing_table { background-color: #f6effb; font-size: 12px; } .pricing_table td { padding: 5px 10px 5px 10px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #cccccc; } #calltoaction { background: url(../images/sub/calltoaction_bg.jpg) no-repeat; width: 413px; height: 121px; margin: 0px 0px 15px 0px; } #calltoaction h4 { font-size: 22px; margin: 30px 10px 0px 0px; color: #ffffff; } #calltoaction p { padding: 0px 10px 5px 0px; color: #ffffff; margin: 0px; } #calltoaction form { padding: 5px 10px 0px 10px ; } .btn_submitmore { vertical-align: text-bottom; margin: 0px 0px 0px 10px; } #body_content_right { width: 238px; float: left; padding-top: 14px; } #body_content_right h3 { font-size: 20px; margin: 0px 0px 10px 0px; color: #764285; } #purplebox { background: url(../images/sub/rightcolumn_bg.jpg) no-repeat bottom; background-color: #f6effb; margin: 10px 19px 0px 0px; padding: 10px 15px 20px 15px; } #purplebox ul { line-height: 24px; color: #6c3c7c; } #purplebox li { background: url(../images/sub/bullet.gif) no-repeat 0px 6px; border-width: 0px 0px 1px 0px; border-style: dashed; border-color: #b9b7b7; padding: 0px 0px 0px 17px; } #body_content_right .infopod { padding: 10px 15px 0px 15px; } #body_content_right .infopod p { margin: 0px 0px 10px 0px; } #body_content_right .infopod ul {padding:25px 0px 25px 0px;} #body_content_right .infopod li {padding:0px 0px 25px 0px;} #body_content_right .infopod li span {font-size:9px; color:#6C3C7C; text-align:center;} #contact { padding-left: 60px; } #contact_form { margin-left: 30px; } #contact_form td { text-align: left; } #service_form { margin-left: 20px; } #service_form td { text-align: left; } #service_form .label_column { text-align: right; font-size: 12px; width: 250px; padding-right: 10px;} #contact_form .label_column { text-align: right; font-size: 12px; padding-right: 10px;} #service_form label { font-size: 12px; padding: 0px 15px 0px 5px; } .contact_field { width: 225px; height: 22px; border-width: 1px; border-style: solid; border-color: #dcdcdc; color: #1f2b33; font-size: 11px; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 5px; } .contact_text { width: 225px; height: 75px; border-width: 1px; border-style: solid; border-color: #dcdcdc; color: #1f2b33; font-size: 11px; padding: 2px 0px 0px 2px; margin: 0px 0px 3px 5px; } #footer_section { width: 100%; background: url(../images/home/footer_bg.gif) top repeat-x; background-color: #633083; } #footer { width: 941px; margin: 0px 0px 0px 39px; padding: 41px 0px 30px 0px; background: url(../images/home/footer_logo.gif) no-repeat top right; font-size: 11px; color: #9668b5; } #footer a { color: #9668b5; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer table { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #754490; width: 941px; font-size: 11px; color: #9668b5; } #footer table td { vertical-align: top; width: 119px; padding: 0px 6px 0px 0px; } #footer table ul { margin: 0px 0px 45px 0px; } #footer table ul ul { margin: 0px; } #footer table li { border-width: 0px 0px 1px 0px; border-style: solid; border-color: #754490; width: 119px; margin: 0px 6px 0px 0px; padding: 2px 6px 2px 6px; font-weight: bold; color: #c493e6; line-height: 18px; } #footer table li a { color: #c493e6; text-decoration: none; } #footer table li a:hover { text-decoration: underline; } #footer table li li { border: none; padding: 0px; font-weight: normal; color: #9668b5;} #footer table li li a { color: #9668b5; } #rights { width: 250px; float: left; padding: 5px 0px 0px 6px; } #credits { width: 250px; float: right; padding: 5px 6px 0px 0px; text-align: right; } .style1 { color: #FFFFFF; font-weight: bold; } .style4 {color: #54286E; font-weight: bold; }