/*
---------------------------------------------------------------------------------------------------
 DEFAULT SCREEN STYLESHEET FOR: WINDSOR ARMS HOTEL - WWW.WINDSORARMSHOTEL.COM
---------------------------------------------------------------------------------------------------
 SITE DESIGNED AND DEVELOPED BY: PULP & FIBER - WWW.PULPANDFIBER.COM
---------------------------------------------------------------------------------------------------
 CREATED: AUG 3 2006
 LAST UPDATED: XX XX XXXX
---------------------------------------------------------------------------------------------------
*/


/* Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

html {
	background: #B7B3AF url(img/layout/bg_pattern.gif) repeat;
	text-align: center;
    color:#3F3E3A;
}
body {
    text-align: left;
    font: 10px/1.4em Verdana, Arial, Helvetica, Sans-Serif;
	background: url(img/layout/left_border.jpg) no-repeat 0 0;
	margin:120px auto;
	padding: 0;
	width: 980px;
	height:658px;
}
/* hide from iemac \*/
body {
	position:absolute;
	margin:-200px 0px -100px -480px;
	top: 40%;
	left: 50%;
	overflow: hidden;
}
/* end hiding */

h1, h2, h3, h4, h5, h6 {
	margin: 0; padding: 0;
	color: #3F3E3A;
	margin: 0 0 15px 0;
	font-family: Arial, Helvetica, Sans-Serif;
}
h1 { font-size: 15px; }
h2 { font-size: 13px; margin: 0 0 8px 0; padding: 10px 0 0 0; }
h3 { font-size: 12px; margin: 0 0 6px 0; }
h4 { font-size: 15px; color: #9A9B8E; margin: 0 0 8px 0; }
h5 { font-size: 13px; color: #9A9B8E; margin: 0 0 6px 0; }
h6 { font-size: 12px; color: #9A9B8E; margin: 0 0 4px 0; }

hr {
	display: none;
}
ul {
	list-style: none;
}
a img {
	text-decoration: none;
	border: none;
	outline: none;
}

/* Page Layout
--------------------------------------------------------------------------------------------------- */
#container {
	margin: auto;
	padding: 0 90px;
	position: relative;
	background: url(img/layout/right_border.jpg) no-repeat 100% 0;
}
#header {
	height: 69px;
	background: url(img/layout/top.gif) no-repeat 50% 0;
}
#subnav {
	background: url(img/layout/subnav.gif) no-repeat 0 0;
	position: absolute;
	top:43px;
	left: 90px;
	height: 30px;
	width: 800px;
	z-index: 20;
}
#content {
	width: 791px;
	height: 246px;
	background: #828268;
}

#primary {
	float: left;
	width: 552px;
	height: 246px;
	overflow: auto;
	background: #F9F1CA;
	scrollbar-arrow-color: #000000;
	scrollbar-base-color: #D4CDA3;
	scrollbar-face-color: #E7E1BD;
	scrollbar-highlight-color: #D4CDA3;
	scrollbar-shadow-color: #D4CDA3;
	scrollbar-3dlight-color: #D4CDA3;
	scrollbar-track-color: #D4CDA3;
	scrollbar-darkshadow-color: #D4CDA3;
}
#primarycontent {
	padding: 0 12px 0 12px;
}

#secondary {
	float: right;
	width: 248px;
	height: 246px;
	background: #434230;
}
#features {
	clear: both;
	background: #919176;
	height: 158px;
}
#footer {
	clear: both;
	height: 169px;
	text-align: center;
	
}

/* Header
--------------------------------------------------------------------------------------------------- */
#header p {
	display: block;
	width: 300px;
	height: 68px;
	line-height: 68px;
	text-indent: -9999px;
	background: url(img/layout/logo-top.gif) no-repeat 50% 0;
	position: absolute;
	top: 1px;
	left: 334px;
	margin: 0;
	padding: 0;
	z-index: 10;
}
#header p a {
	display: block;
	width: 300px;
	height: 68px;
	line-height: 68px;
}

/* Primary Content
--------------------------------------------------------------------------------------------------- */
#primary p {
	line-height: 1.6em;
}
#primary h2 {
	padding: 0 0 15px 0;
	margin: 9px 0 5px 0;
	font-size: 12px;
	background: url(img/layout/divider.gif) no-repeat 0px 100%;
}

/* Features
--------------------------------------------------------------------------------------------------- */
#features ul {
	padding: 1px 0 0 1px;
	background: #919176;
}
#features li {
	float: left;
	margin: 0;
	padding: 0;
	height: 156px;
	width: 246px;
}
#features li img {
	margin: 0;
	padding: 0;
	border: none;
}
#features li#slides {
	padding: 0 1px;
	width: 300px;
}

/* Navigation
--------------------------------------------------------------------------------------------------- */
#navA {
	position: absolute;
	top: 21px;
	left: 90px;
}
#navB {
	position: absolute;
	top: 21px;
	right: 90px;
}
#navA li,
#navB li {
	float: left;
	text-indent: -9999px;
}
#navA li a,
#navB li a {
	display: block;
	height: 22px;
	line-height: 22px;
}
#navA li.aboutus {
	width: 79px;
}
#navA li.aboutus a {
	width: 79px;
	background: url(img/layout/nav/aboutus.gif) no-repeat 0 0;
}
#navA li.aboutus a:hover,
body#about #navA li.about a {
	background-position: -79px 0;
}
#navA li.dining {
	width: 69px;
}
#navA li.dining a {
	width: 69px;
	background: url(img/layout/nav/dining.gif) no-repeat 0 0;
}
#navA li.dining a:hover,
body#dining #navA li.dining a {
	background-position: -69px 0;
}
#navA li.spa {
	width: 96px;
}
#navA li.spa a {
	width: 96px;
	background: url(img/layout/nav/spa.gif) no-repeat 0 0;
}
#navA li.spa a:hover,
body#spa #navA li.spa a {
	background-position: -96px 0;
}
#navB li.events {
	width: 67px;
}
#navB li.events a {
	width: 67px;
	background: url(img/layout/nav/events.gif) no-repeat 0 0;
}
#navB li.events a:hover,
body#events #navB li.events a {
	background-position: -67px 0;
}
#navB li.reservations {
	width: 107px;
}
#navB li.reservations a {
	width: 107px;
	background: url(img/layout/nav/reservations.gif) no-repeat 0 0;
}
#navB li.reservations a:hover,
body#reservations #navB li.reservations a {
	background-position: -107px 0;
}
#navB li.meetings {
	width: 83px;
}
#navB li.meetings a {
	width: 83px;
	background: url(img/layout/nav/meetings.gif) no-repeat 0 0;
}
#navB li.meetings a:hover,
body#meetings #navB li.meetings a {
	background-position: -83px 0;
}

/* Sub-Navigation
--------------------------------------------------------------------------------------------------- */
#subnav ul li {
	float: left;
	width: 120px;
	height: 30px;
	line-height: 30px;
	text-indent: 8px;
	font-size: 9px;
	background: url(img/layout/subnavitem.gif) no-repeat 100% 50%;
}
#subnav ul li a {
	display: block;
	width: 120px;
	height: 30px;
	line-height: 30px;
	color:#FBEFC7;
	text-decoration: none;
}
#subnav ul li a:hover {
	color:#fff;
}


/* Drop Down - Sub Menu
--------------------------------------------------------------------------------------------------- */
#subnav li {
	position:relative;
}
#subnav li.menuparent ul {
	position:absolute;
	left:0; top:26px;
	margin:0; padding: 0;
	z-index:100;
}
#subnav li.menuparent ul li {
	padding:0;
	margin:0;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:left;
	float:none;
	border-bottom: 1px solid #746D63;
}
#subnav li.menuparent ul li a {
	text-indent:8px;
	white-space:no-wrap;
	margin:0; padding:0;
	height:20px;
	line-height:20px;
	width:120px;
	display:block;
	text-transform: lowercase;
}
#subnav li ul { display: none; } /* Hide sub-menus initially */

#subnav li.menuparent:hover ul,
#subnav li.over ul { display: block; } /* The magic */

#subnav li.menuparent ul li { background: #97977D; }

#subnav li.menuparent:hover a,
#subnav li.menuparent.over a { background-position: -149px 0; }

#subnav li.menuparent:hover ul li a,
#subnav li.menuparent ul li a  { background:#828268; }
#subnav li.menuparent ul li a:hover,
#subnav li.menuparent ul li.current a { background:#97977D; }


/* Footer
--------------------------------------------------------------------------------------------------- */
#footer a {
	color:#3B3A26;
	text-decoration: underline;
}
#footer a:hover {
	color:#666;
}
#footer address {
	padding: 0 0 0 0;
}

input {
	font-family : verdana,helvetica,arial;
	font-size : 7pt;
	border-width: 0px;
	background-color : #4E4E44;
	height: 17px;
	color: #C2C2B4;
}

textarea {
	font-family : verdana,helvetica,arial;
	font-size : 7pt;
	border-width: 0px;
	background-color : #4E4E44;
	height: 17px;
	color: #C2C2B4;
}

select {
	font-family : verdana,helvetica,arial;
	font-size : 7pt;
	border-width: 0px;
	background-color : #4E4E44;
	height: 17px;
	color: #C2C2B4;
}

table.menu
{
    width: 400px;
    margin-left: 40px;
}

table.menu td,
table.menu th
{
    text-align: center;
}