/* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img, label {margin: 0px; padding: 0px; list-style:none} img {border: none} table, tr, td, th {/*padding: 0px; margin: 0px;*/ vertical-align:bottom; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */ table th {text-align: right; speak-header: always; width: 25%; padding-right: 8px} th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited, a:active {color: #504d16; text-decoration:underline; cursor: pointer} a:hover {color: #000; text-decoration:none; cursor: pointer;} input, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px} label {cursor: pointer; margin-bottom: 5px} /* Set html & body --------------------------------------------------*/ html {margin: 0px; padding: 0px; background:url(../images/bkg/bkg_main.jpg) repeat-x #d6c4a3;} body {position: relative; width: 100%; height:100%; margin: auto; font-family: 'Myriad Pro', Arial, Helvetica, sans-serif; font-size: 13px; color:#000; background: url(../images/bkg/bkg_image.jpg) no-repeat top center} #container {position:relative; width: 1003px; margin: 0px auto;} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #branding {position:relative; z-index:1; height:32px; background:url(../images/bkg/bkg_branding.gif) no-repeat;} #branding ul li {padding:8px 0px 8px 0px;} #branding h2 {position:absolute; z-index:-1; left:35px; top:74px;} #branding ul.bar {position:absolute; padding:0px; margin:7px 0px 0px 1px; display:block;} #branding li.yuimenubaritem {padding:0px; display:block; float:left;} #branding li.yuimenubaritemlast {} div.yui-b p {margin: 0 0 .5em 0;color: #999;} div.yui-b p strong {font-weight:normal; color:#000;} div.yui-b p em {color: #000;} #nav {position: static;} #nav ul li.yuimenubaritem {} #nav a.yuimenubaritemlabel:link, #nav a.yuimenubaritemlabel:active, #nav a.yuimenubaritemlabel:visited {font-weight:normal; text-decoration:none; color:#fff;} #nav a.yuimenubaritemlabel:hover {color:#474f15;} #nav .yuimenu {display: block; background:url(../images/bkg/bkg_nav_drop.gif) repeat-x #fff; border:solid 1px #fff; font-size:11px; text-align:left; padding:0px 10px;} #nav .yuimenu {position: absolute; left: 0; display: none;} #nav .yuimenu a.yuimenuitemlabel:link, #nav .yuimenu a.yuimenuitemlabel:visited, #nav .yuimenu a.yuimenuitemlabel:active {font-family:Arial, Helvetica, sans-serif; color:#5a6229; font-weight:bold; text-decoration:none;} #nav .yuimenu a.yuimenuitemlabel:hover {color:#8b915e;} #nav .yui-menu-shadow {display:none;} .yuimenuitemlabel,.yuimenubaritemlabel {white-space:nowrap;} #nav ul li {display: block;} #nav li a {display: block;} * html a:hover {visibility:visible;} #nav li a:hover img {visibility:hidden} #home {background:url(../images/nav/home_o.gif) no-repeat;} #about {background:url(../images/nav/about_o.gif) no-repeat;} #rooms {background:url(../images/nav/rooms_o.gif) no-repeat;} #reservations {background:url(../images/nav/reservations_o.gif) no-repeat;} #weddings {background:url(../images/nav/weddings_o.gif) no-repeat;} #events {background:url(../images/nav/events_o.gif) no-repeat;} #restaurant {background:url(../images/nav/restaurant_o.gif) no-repeat;} #guest {background:url(../images/nav/guest_o.gif) no-repeat;} #gallery {background:url(../images/nav/gallery_o.gif) no-repeat;} #area {background:url(../images/nav/area_o.gif) no-repeat;} #specials {background:url(../images/nav/special_o.gif) no-repeat;} #contact {background:url(../images/nav/contact_o.gif) no-repeat;} #pghome #home img, #pgabout #about img, #pgrooms #rooms img, #pgreservations #reservations img, #pgweddings #weddings img, #pgevents #events img, #pgrestaurant #restaurant img, #pgguest #guest img, #pggallery #gallery img, #pgarea #area img, #pgspecials #specials img, #pgcontact #contact img {visibility: hidden} /* CONTENT FORMATTING ---------------------------------------------------*/ #content {position: relative; z-index:2; width: 1003px; margin: 0px auto; clear: both;} #content2 {float:left; width:763px; height:auto; padding:23px 0px 0px 45px;} #content p {margin: 0px 0px 20px; font-size:14px; line-height: 20px} #content h1 {font-size: 26px; color: #fefefe; font-weight: bold; padding:15px 0px 0px 23px; z-index:10;} #content h2 {font-size: 22px; color: #7d8d1d; font-weight: normal; margin: 25px 0px 5px 0px;} #content h3 {font-size: 17px; color: #7d8d1d; margin: 2px 0px;} #content h4 {font-size: 11px; color: #333333; margin: 2px 0px; font-style:italic} #content h5 {font-size: 12px; color: #5b5504; margin: 0px 0px 8px; text-align: center;} #content h6 {text-align:center; margin:-8px 0px 10px 0px;} #contentbox {width:1001px; border-left: 1px solid #b4a58b; background:#fff; border-right: 1px solid #b4a58b; border-top: 5px solid #888f5c; border-bottom: 5px solid #888f5c; float:left;} #contentbox ul, #content ol {margin: 10px 5px 10px 10px} #contentbox li {margin-bottom: 8px; margin-left: 20px; font-size:14px; list-style-position:outside; } #contentbox ul li {list-style: disc; } #contentbox ol li {list-style: decimal} #top_image h2 {z-index:5; margin-top:20px;} #header {background:url(../images/bkg/bkg_title.gif) no-repeat; height:77px; margin:7px 0px 9px 0px;} #breadcrumbs {font-family:Arial, Helvetica, sans-serif; padding:5px 0px 0px 23px; color:#d8ddbc; font-size:12px;} #breadcrumbs a {color:#d8ddbc;} .gallery a:link, .gallery a:hover, .gallery a:active, .gallery a:visited {color: #7d8d1d; text-decoration: underline; font-size: 17px; font-weight:bold;} .gallery td {padding-right:10px; text-align:center;} .photo {border: 1px solid #8b915e; margin: 10px 0px} .photoLeft, .photoRight {border: 1px double #8b915e;} .photoLeft {float:left; margin: 5px 20px 10px 0px;} .photoRight {float: right; margin: 5px 20px 10px 10px;} .photoRight_nobdr {float: right; margin: 5px 0px 10px 10px; border:none;} .photoLeft_nobdr {border: none; float: left; margin: 0px 10px 10px 0px} .left {width: 45%; padding-right:5%; float: left} .right {width: 45%; float: left; clear:right} .col {width: 300px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 30px 0px; text-align:left; padding-bottom:5px;} .col2 {width: 300px; margin: 0px 10px; float:left; display:block; padding: 20px 0px 30px 0px; text-align:left; padding-bottom:5px;} .col li {margin-left: 5px} .small {font-size:11px; font-style:normal; color:#808080; text-align:center;} .credits {font-size:10px; font-style:normal; color:#333; text-align:right; margin-top:10px;} .clear {clear:both;} /* SIDEBAR ---------------------------------------------------*/ #sidebar {width: 167px; height:auto; display:block; float: left;} #submenu {width: 140px; border-top:solid 3px #e8e9df; border-bottom:solid 3px #e8e9df; height:auto; display:block; margin:26px 0px 0px 23px; padding: 13px 5px 9px 0px; font-weight:bold; color:#8b915e;} #submenu ul, #submenu ol {margin:0px; padding:0px;} #submenu ul li {list-style:url(../images/bullet.gif); color: #8b915e;} #submenu a:link, #submenu a:hover, #submenu a:active, #submenu a:visited {color: #8b915e; text-decoration: none; display:block; padding: 5px 0px; font-size: 12px} #submenu li ul li a:link, #submenu li ul li a:visited {color: #5b5504; padding: 3px 0px} #side_btns {font:Arial, Helvetica, sans-serif; width: 140px; margin:17px 0px 30px 23px; padding: 0px 0px 0px 0px; } #side_btns h2 {font-size:14px; color: #fff; font-weight: normal; background:url(../images/bkg/bkg_btn.gif) no-repeat; width:144px; height:59px; margin:0px 0px 17px 0px; padding:12px 0px 0px 12px;} #side_btns h3 {font-size:14px; text-align:center; color:#404040;} #side_btns h4 {font-size:12px; font-style:normal; text-align:center; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px; border-bottom:solid 1px #e8e9df;} #side_btns h4 a:link, a:visited {color: #879438; text-decoration:underline;} #side_btns h4 a:hover, a:active {color: #879438} #side_btns h5 {font-size:11px; font-style:normal; text-align:center; margin:10px 0px 0px 0px; color:#404040; width:144px; padding:0px 0px 13px 0px; border-bottom:solid 1px #e8e9df;} #side_btns h6 {margin:25px 0px 0px 0px;} #side_btns a:link, #side_btns a:visited {color: #fff; text-decoration: none} #side_btns a:hover, #side_btns a:active {color: #fff} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {font-family:Arial, Helvetica, sans-serif; width: 1003px; clear: both; color:#5b462e; display:block; font-size:11px; padding: 10px 0px; margin:0px auto} #siteinfo li {display: block; float: left;} #siteinfo a:link, #siteinfo a:visited {color: #5b462e; text-decoration: none} #siteinfo a:hover, #siteinfo a:active {color: #5b462e} #siteinfo .left {width: 250px; float: left; margin: 0px 0px 0px 20px; padding: 0px; color:#5b462e;} #siteinfo .right {width: 520px; text-align:right; float: right; padding:0px; margin: 0px 20px 0px 0px;} #siteinfo .last {font-style:italic;} #siteinfo cite a {color: #5b462e; visibility: hidden} /* FORM ---------------------------------------------------*/ .form_row {position: relative; margin:10px 0px; clear:right; height: 20px} .form_row table td {padding:5px;} .form_row table select, .form_row table input {width:60px;} .form_req {width:10px; float:left} .form_label {width:200px; height:25px; margin-top:3px; float:left} label {clear: right; display: block} label input {width: 40px} /*Home ---------------------------------------------------*/ #pghome #branding {height:390px;} #pghome #branding h2 {position:absolute; z-index:-1; left:790px; top:74px;} #pghome #branding #flashcontent {position:absolute; top:42px;} #flashcontent {z-index:-2;} * html #flashcontent {z-index:-2;} html > body #flashcontent {z-index:-10;} #pghome #content {position:relative; width:1003px; height:205px; top:8px; background:url(../images/bkg/bkg_btm.gif) no-repeat; margin: 0px auto; clear: both;} #pghome #content h1 {font-size: 20px; color: #404040; font-weight: normal; padding:15px 0px 0px 13px; z-index:10;} #pghome #content p {font-family:Arial, Helvetica, sans-serif; padding:5px 10px 0px 13px; margin:0px; font-size:12px;} #pghome .left_img {float:left; border:solid 5px #8b915e; padding:0px 0px 0px 0px; margin:16px 0px 0px 15px} #pghome .left_img h2 {border:solid 1px #a2a2a2; margin:0px; padding:0px;} #pghome .left_img h3 {position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:-30px 0px 0px 15px;} #pghome .left_img h3 a:link, #pghome .left_img h3 a:visited {color: #fff; text-decoration:none;} #pghome .left_img h3 a:hover, #pghome .left_img h3 a:active {color: #fff;} *html #pghome .left_img {margin:16px 0px 0px 8px} #pghome .middle {float:left; width:492px; height:163px; background:url(../images/bkg/bkg_txt_area.gif) repeat-x; border:solid 6px #8b915e; margin:16px 10px 0px 10px;} #pghome .middle h3 {font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#404040; text-align:center; margin:9px 0px 0px 0px;} #pghome .middle a:link, #pghome .middle a:visited {color: #879438;} #pghome .middle a:hover, #pghome .middle a:active {color: #879438;} #pghome .right_img {float:left; border:solid 5px #8b915e; padding:0px; margin:16px 0px 0px 0px} #pghome .right_img h2 {border:solid 1px #a2a2a2; margin:0px; padding:0px;} #pghome .right_img h3 {position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:16px; margin:-30px 0px 0px 54px;} #pghome .right_img h3 a:link, #pghome .right_img h3 a:visited {color: #fff; text-decoration:none;} #pghome .right_img h3 a:hover, #pghome .right_img h3 a:active {color: #fff;} #pghome #siteinfo {margin-top:10px;} #pghome #siteinfo .left {width:275px;} #pghome #siteinfo h3 {font-weight:bold; font-size:11px;} #pghome #siteinfo img {margin:8px 15px 0px 0px;} #pghome #siteinfo .social {margin-right: 0px;} #contact_form ul li { list-style-type: none; margin: 20px 0px; } #contact_form .required { color: red; } #contact_form label { width: 140px; text-align: right; float: left;} #contact_form input { margin-left: 10px; } #contact_form div.checkbox { float: left; } #contact_form div.checkbox input { width: auto; float: left;} #contact_form div.checkbox label { width: auto; text-align: left; float: right; margin-left: 5px;} #contact_form li.buttons {clear: both; padding-top: 20px; margin-left:-10px; } #contact_form li.buttons input { width: auto; } #contact_form td.checkboxes {width:12px; vertical-align:middle;} #contact_form td.comments {width:100px;} #contact_form td input {width:12px; margin-left:0px; } #contact_form td label {width:75px; text-align:left; margin:3px; padding:0px; vertical-align:middle; } #survey_form ul li { list-style-type: none; margin: 20px 0px; } #survey_form .required { color: red; } #survey_form label { width: 140px; text-align: right; float: left;} #survey_form input { margin-left: 10px; } #survey_form div.checkbox { float: left; } #survey_form div.checkbox input { width: auto; float: left;} #survey_form div.checkbox label { width: auto; text-align: left; float: right; margin-left: 5px;} #survey_form li.buttons {clear: both; padding-top: 20px; margin-left:-10px; } #survey_form li.buttons input { width: auto; } #survey_form td.checkboxes {width:12px; vertical-align:middle;} #survey_form td.comments {width:100px;} #survey_form td input {width:12px; margin-left:0px; } #survey_form td label {width:75px; text-align:left; margin:3px; padding:0px; vertical-align:middle; } #survey_form td .survey {width:150px;} #survey_form td .hear {width:125px;} #survey_form td .server {width:300px;} #survey_form td .options {width:50px; } #survey_form .personal {width:75px; } #survey_form th {text-align:center; font-weight:bold; }