/* -------------------------------------
RESET DEFAULT STYLES
------------------------------------- */
@import url("/index.php?css=styles/reset");

/* -------------------------------------
BODY AND WRAPPER
------------------------------------- */
body {
margin: 0;
padding: 0;
font: small/180% Verdana, sans-serif;
text-align: center;
color: #cccccc;
background: #000000 url(http://www.chimneyville.com/images/oxford_prime/bg_body.jpg) no-repeat 50% 0;
/* background: #421200; */
}

#wrapper {
width: 940px;
margin: 0 auto 24px auto;
padding: 10px;
text-align: left;
color: #000000;
background: #ffffff;
}

/* -------------------------------------
HOMEPAGE
------------------------------------- */

#feature_wrap {
margin-top: 1px;
}

#slideshow {
float: left;
width: 624px;
height: 280px;
}

#slideshow_object {
float: left;
width: 624px;
height: 280px;
}

#feature_links {
float: right;
width: 315px;
height: 280px;
}

#feature_links a {
display: block;
line-height: 0;
}

#feature_links a.first {
margin-bottom: 1px;
}

/* -------------------------------------
LINKS, IMAGES, AND OTHER
------------------------------------- */

a:link {
color: #3366CC;
background: transparent;
}

a:visited {
color: #993366;
background: transparent;
}

a:hover {
color: #000000;
background: transparent;
}

a:active {
color: #3366CC;
background: transparent;
}

img.right {
float: right;
display: inline;
margin: 0.4em 0 0 12px;
}

img.left {
float: left;
display: inline;
margin: 0.4em 12px 0 0;
}

img {
border: none;
}

dl {
margin: 0;
padding: 0;
}

dt {
font-weight: bold;
}

dd {
margin: 0 0 1em 0;
padding: 0;
}

hr {
display: none;
}

/* -------------------------------------
TOP ADDRESS
------------------------------------- */

#top_address {
color: #e0ae7c;
font-size: 80%;
margin: 0.5em 0;
}

/* -------------------------------------
HEADER - LOGO AND NAV
------------------------------------- */

#logo_and_nav {
width: 940px;
height: 112px;
position: relative;
background: #fff url(http://www.chimneyville.com/images/oxford_prime/hdr_logo_nav.jpg) no-repeat 0 0;
text-indent: -9999px;
padding-bottom: 1px;
border-bottom: 14px solid #561d00;
}

#logo_and_nav ul li a {
height: 31px;
display: block;
}

li#b_home a {
width: 89px;
position: absolute;
top: 41px;
left: 298px;
}

li#b_about a {
width: 124px;
position: absolute;
top: 41px;
left: 387px;
}

li#b_menu a {
width: 93px;
position: absolute;
top: 41px;
left: 511px;
}

li#b_wine a {
width: 87px;
position: absolute;
top: 41px;
left: 604px;
}

li#b_news a {
width: 88px;
position: absolute;
top: 41px;
left: 691px;
}

li#b_location a {
width: 120px;
position: absolute;
top: 41px;
left: 779px;
}

#logo_and_nav p.reservations a {
display: block;
position: absolute;
top: 0;
right: 0;
width: 163px;
height: 25px;
}

/* -------------------------------------
PAGE TITLE
------------------------------------- */

#home_page_title {
width: 940px;
height: 40px;
margin-bottom: 18px;
background: transparent url(http://www.chimneyville.com/images/oxford_prime/hdr_welcome_to_prime.png) no-repeat 0 0;
}

#home_page_title h1 {
text-indent: -9999px;
}

#page_title {
width: 940px;
height: 40px;
margin-bottom: 18px;
}

#page_title h1 {
text-indent: -9999px;
}

body#s_about #page_title {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/hdr_about.png) no-repeat 0 0;
}

body#s_menu #page_title {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/hdr_menu.png) no-repeat 0 0;
}

body.catering #page_title {
background-image: url(http://www.chimneyville.com/images/oxford_prime/hdr_catering.png) !important;
}

body#s_wine #page_title {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/hdr_wines.png) no-repeat 0 0;
}

body#s_news #page_title {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/hdr_news.png) no-repeat 0 0;
}

body#s_location #page_title {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/hdr_location.png) no-repeat 0 0;
}

/* -------------------------------------
LAYOUT COLUMNS FOR CONTENT
------------------------------------- */

#content {
padding-top: 32px;
background: #fff url(http://www.chimneyville.com/images/oxford_prime/bg_content.jpg) repeat-y 0 0;
}

#main_col {
width: 470px;
float: right;
margin: 0 153px 24px 0;
font-size: 90%;
}

#sub_col {
width: 298px;
min-height: 360px;
float: left;
margin-bottom: 24px;
background: transparent url(http://www.chimneyville.com/images/oxford_prime/collage_home.jpg) no-repeat 53px 32px;
}

body#s_about #sub_col {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/collage_about.jpg) no-repeat 53px 32px;
}

body#s_menu #sub_col {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/collage_menu.jpg) no-repeat 53px 96px;
}

body#s_wine #sub_col {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/collage_wine.jpg) no-repeat 53px 32px;
}

body#s_news #sub_col {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/collage_news.jpg) no-repeat 53px 32px;
}

body#s_location #sub_col {
background: transparent url(http://www.chimneyville.com/images/oxford_prime/collage_contact.jpg) no-repeat 53px 32px;
}

/* -------------------------------------
SUBNAV
------------------------------------- */

ul#subnav li a, ul#subnav li a:visited {
color: #910000;
margin-left: 58px;
text-decoration: none;
}

ul#subnav li a:hover {
color: #000;
}

ul#subnav li.current a {
font-weight: bold;
}

/* -------------------------------------
JOIN MAILING LIST
------------------------------------- */

#mailinglist_form {
font-size: 85%;
margin-bottom: 2em;
padding: 1em 16px 2em 16px;
background-color: #eeeeaa;
}

#mailinglist_form input.text_field {
width: 200px;
font-size: 11px;
}

#mailinglist_form input.submit_button {
font-size: 11px;
}

/* -------------------------------------
MAIN COLUMN CONTENT STYLES
------------------------------------- */

#main_col h1 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 140%;
margin: 0 0 1em 0;
}

#main_col h2 {
font-family: Georgia, serif;
font-size: 180%;
font-weight: normal;
margin-bottom: 1em;
color: #421200;
background-color: transparent;
}

#main_col p+h2 {
margin-top: 2em;
}

#main_col h3 {
font-size: 110%;
text-transform: capitalize;
margin: 0 0 0.25em 0;
/*color: #9d1413;*/
background: transparent;
}

#main_col h4 {
font-size: 90%;
margin: 0 0 0.25em 0;
color: #666666;
background: transparent;
}

#main_col strong {
font-size: 90%;
}

#main_col p {
margin-bottom: 1em;
}

#main_col ul {
margin-bottom: 1em;
}

#main_col ul li {
list-style: square;
margin: 0 0 0 1.2em;
}

#main_col hr {
display: block;
visibility: hidden;
margin: 2em 0;
}

/* -------------------------------------
SUB COLUMN CONTENT STYLES
------------------------------------- */

#sub_col img {
border-bottom: 3px solid #000000;
display: block;
}

/* -------------------------------------
CONTACT FORM
------------------------------------- */

form#contact_form fieldset {
border: 1px solid #dddddd;
padding: 1em;
}

form#contact_form legend {
color: #000000;
font-weight: bold;
}

/* -------------------------------------
FORM STYLES
------------------------------------- */

form#standard_form {
margin: 0 0 1em 0;
padding: 0;
}

form#standard_form fieldset {
border: 1px solid #dddddd;
margin: 0 0 1em 0;
padding: 12px;
}

form#standard_form fieldset legend {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
text-align: left;
}

form#standard_form fieldset p {
margin: 0 0 4px 0;
padding: 6px;
clear: both;
background-color: #eeeeee;
}

form#standard_form fieldset p input.text {
margin: 0;
padding: 0;
}

form#standard_form fieldset p label {
width: 160px;
margin: 2px 0 0 0;
float: left;
}

.form_req {
color: #FF0000;
background: transparent;
}

/* -------------------------------------
FOOTER
------------------------------------- */

#footer {
clear: both;
padding: 18px 20px;
font-size: 80%;
color: #fff;
background: #8d5a1e;
}

#footer p {
margin: 0;
padding: 0;
}

/* -------------------------------------
CLEAR STYLES
Clears floats without extra markup.
------------------------------------- */

.group:after {
content: ".";
display: block;
height: 0;
font-size: 0;
line-height: 0;
clear: both;
visibility: hidden;
}