/* Paxton House Styles */

/* Global */
body					{margin: 0; padding: 0; text-align: center; background: url(../images/bg-body.png) repeat-x; font-size: 62.5%; font-family: Georgia;}

/* Main Layout */
#container				{width: 786px; height: 100%; margin: 0 auto 16px auto; text-align: left;}
#header					{width: 100%; height: 80px; background: url(../images/bg-header.png) no-repeat; background-position: 400px 10px;}
#nav					{width: 100%; height: 100%; color: #ffffff; font-size: 1.2em;}

#home					{width: 100%; height: 360px; z-index: 1;}
#home .welcome			{width: 224px; height: 328px; float: left; background: url(../images/bg-welcome.png) repeat-x; padding: 16px; color: #57700c; font-size: 1.3em;}
#home .gallery			{width: 530px; height: 360px; float: right; position: relative;}

#content				{width: 754px; height: 100%; padding: 16px; background-color: #ffffff; font-size: 1.4em; color: #666666;}
.watermark				{background: url(../images/bg-paxtonted.png); background-repeat: no-repeat; background-position: bottom right;}

#footer					{width: 100%; height: 100%; color: #8f8f6e; font-size: 1.2em; padding: 0;}
#footer .left			{width: 377px; height: 100%; float: left; text-align: left; padding: 16px 0 16px 16px;}
#footer .right			{width: 377px; height: 100%; float: right; text-align: right; padding: 16px 16px 16px 0;}

#section-push			{width: 754px; height: 100%; background: #ffffff; padding: 16px; margin: 0; color: #666666; font-size: 1.3em;}
#rounded-bottom			{width: 100%; height: 8px; background: url(../images/bg-curvedbottom.png) no-repeat bottom;}

/* Page Layout */
.find-us				{width: 100%; height: 300px;}
.find-us .map-cont		{width: 453px; float: left; margin-right: 16px;}
.find-us .route-cont	{width: 253px; float: right;}

.thumb-box				{width: 100%; height: 100%; padding: 0; margin: 16px 0 0 0;}

#content .wideright		{width: 600px; float: right; padding-left: 16px}
#content .narrowleft	{width: 138px; float: left;}

#content .narrowright	{width: 222px; float: right; padding-left: 16px}
#content .wideleft		{width: 516px; float: left;}

#content .admincontent	{width: 516px; float: right; padding-left: 16px}
#content .adminnav		{width: 222px; float: left;}

/* Paragraphs */
#home .welcome p		{line-height: 22px; margin: 16px 0 0 0;}
p						{line-height: 22px; margin: 16px 0 0 0;}
blockquote p			{font-size: 1.3em;}

/* Links */
a:link, a:visited, a:active
						{color: #666666; text-decoration: underline; outline: none; padding: 0; margin: 0;}
a:hover					{color: #7b9b1a; text-decoration: underline; padding: 0; margin: 0;}

#section-slide-container a:link, #section-slide-container a:visited, #section-slide-container a:active
						{color: #666666; text-decoration: none;}
#section-slide-container a:hover	
						{color: #999999; text-decoration: none;}
						
#footer a:link, #footer a:visited, #footer a:active
						{color: #8f8f6e; text-decoration: none; padding: 4px;}
#footer a:hover			{text-decoration: underline;}

/* Content - Sub Navigation */
.content-nav			{list-style-image: none; list-style-type: none; margin: 22px 0 0 0; padding: 0; width: 222px;}
.content-nav li			{margin: 0; padding: 0;}
.content-nav li a		{display: block; width: auto; text-decoration: none; background-color: #f4f2e9; color: #a4ad7e; padding: 8px; margin: 0 0 2px 0;}
.content-nav li a:visited, .content-nav li a:active
						{}
.content-nav li a:hover	{background-color: #a8bc66; color: #ffffff;}

/* Headings */
h1						{margin: 0; padding: 0;}
h1 a					{display: block; width: 253px; height: 80px; background: url(../images/logo.png) no-repeat; background-position: 0 20px; text-indent: -9999px;}
h2						{margin: 0; padding: 0; font-size: 1.33em; font-weight: normal; color: #7b9b1a;}
h3						{font-size: 1.17em; margin: 0; padding: 0; color: #95a953; font-weight: normal;}
h4						{font-size: 1.08em; margin: 0; padding: 0; color: #748e25; font-weight: normal;}
h5						{font-size: 1em; margin: 0; padding: 4px 0 4px 8px; color: #748e25; font-weight: normal; font-style: italic; background: url(../images/bg-h5.png);
						background-repeat: no-repeat; background-position: bottom left;}

.under					{padding-top: 16px;}

/* Images */
#home .welcome img		{margin-bottom: 16px;}
.narrowleft img			{height: 126px; height: 126px; float: left; margin: 16px 0 0 0; border: 0;}
.narrowleft img a	 	{border: 0px; background-color: #ffffff; padding: 0; margin: 0;}

/* Drop Line Menu */

.tabs					{padding: 0; width: 100%; background: transparent; voice-family: "\"}\""; voice-family: inherit;}
.tabs ul				{margin: 0; padding: 0; list-style: none;}
.tabs li				{display: inline; margin: 0; padding:0;}
.tabs a					{float: left; color: #ffffff; background: url(../images/tab-left.png) no-repeat left top; margin: 0 0px 0 0; padding: 0 0 0 6px; text-decoration:none;}
.tabs a span			{float: left; display: block; background: url(../images/tab-right.png) no-repeat right top; padding: 9px 9px 8px 3px;}

.tabs li.last a 		{margin: 0;}

.tabs a:hover span 		{color: #ffffff;}
.tabs a.current			{background-position: 0% -32px;}
.tabs a.current span	{background-position: 100% -32px;}
.tabs a:hover			{background-position: 0% -32px;}
.tabs a:hover span		{background-position: 100% -32px;}

/* IE5 Mac Hide \*/
.tabs a span 			{float:none;}
/* End Hide */

/* Sub Menu */
.sub-container			{clear: left; width: 786px; height: 100%; background-color: #a8bc66; padding: 9px 0 9px 0; margin: 0;}
.sub-content			{display:none;}

.sub-content ul			{margin: 0; padding: 0; list-style: none;}
.sub-content li			{display: inline; margin: 0; padding: 0;}
.sub-content a			{color: #ffffff; text-decoration: none; padding: 9px 12px 9px 12px; margin: 0;}
.sub-content a:hover	{background-image: url(../images/subnav-hover.png); background-repeat: repeat-x;}

/* Gallery */
#gallery-slideshow		{width: 530px; height: 360px; z-index: 2; position: absolute;}
#gallery-nav			{width: 530px; height: 20px; z-index: 3; position: absolute; top: 330px; color: #ffffff;}

.arrow-left				{width: 259px; height: 100%; float: left; text-align: left; padding-left: 6px;}
.arrow-right			{width: 259px; height: 100%; float: right; text-align: right; padding-right: 6px;}
.arrow-left img, .arrow-right img
						{border: 0; width: 24px; height: 24px; }

/* Section Slider */
#section-slide-container{width: 754px; height: 152px; margin-top: 32px; overflow: hidden;}
#section-slide			{width: 690px; height: 100%; float: left;}

#slide-01, #slide-02, #slide-03
						{width: 100%; height: 100%; float: left;}
#slide-01 img, #slide-02 img, #slide-03 img, #slide-03 img
						{width: 126px; height: 126px; padding: 0 16px 0 16px; float: left; border: 0;}
						
.slide-01-left, .slide-02-left, .slide-03-left
						{width: 345px; float: left;}
.slide-01-right, .slide-02-right, .slide-03-right
						{width: 345px; float: right;}

.arrow-02-left			{width: 24px; height: 100%; padding: 32px 0 0 0; float: left;}
.arrow-02-right			{width: 24px; height: 100%; padding: 32px 0 0 6px; float: right;}
.arrow-02-left img, .arrow-02-right img
						{border: 0; width: 24px; height: 24px; }

/* Rounded Box */
.bl						{background: url(../images/rounded-bl.png) 0 100% no-repeat #f2f4e9; width: 100%; margin-top: 16px;}
.br						{background: url(../images/rounded-br.png) 100% 100% no-repeat;}
.tl						{background: url(../images/rounded-tl.png) 0 0 no-repeat;}
.tr						{background: url(../images/rounded-tr.png) 100% 0 no-repeat; padding: 16px}
.clear					{font-size: 1px; height: 1px}

/* Quote */
blockquote				{background: url(../images/quote.png) no-repeat; background-position: top left; padding: 0 0 0 16px; margin: 0; text-align: center;}
blockquote p			{background: url(../images/unquote.png); background-repeat: no-repeat; background-position: bottom right; display: inline; padding: 16px 32px 0 0; margin: 0;
						font-size: 1.13em; line-height: 24px; font-weight: normal; color: #a4ad7e;}
/* Lists */
ul						{width: 100%; margin: 0; padding: 16px 0 0 32px; list-style-image: url(../images/list-arrow.png);}
li						{margin: 0; padding: 0 0 8px 16px;}

.link-list ul			{width: 100%; margin: 0; padding: 16px 0 0 16px; list-style-type: none;}
.link-list li			{margin: 0; padding: 0;}
.link-list li a			{color: #ffffff;}

/* Tables */
#table-whatson			{width: 100%; margin: 0; padding: 0; color: #6e6e6e;}
#table-whatson th		{color: #a4ad7e; font-weight: normal; font-style: italic; padding: 8px 0px 16px 8px;}
#table-whatson td		{padding: 8px; border-bottom: 1px solid #e3e1d8;}
#table-whatson .header	{background: url(../images/bg-table-header.png) no-repeat;} 
#table-whatson img		{border: none;}
#table-whatson .align-right
						{text-align: right;}
						
/* Google Map & Directions */
#map					{width: 445px; height: 292px; border: 4px solid #d8dccb;}
.route input			{width: 150px; padding: 4px; background-color: #ffffff; border: 2px solid #d8dccb; font-size: 1em; font-family: Georgia; color: #666666; text-transform: uppercase;}
.route .button			{width: 80px; background-color: #ffffff; border: 2px solid #d8dccb; color: #95a953; text-transform: none; margin-top: 8px;}

/* Contact Form */
#contact				{width: 100%; margin: 20px 0px 0px 0px;}
#contact p				{margin: 0px; padding: 0px 0px 8px 114px; height: 1%;}
#contact label			{float: left; margin-left: -113px; width: 110px;}

#contact input			{width: 200px; padding: 4px; background-color: #ffffff; border: 2px solid #d8dccb; font-size: 1em; font-family: Georgia; color: #666666;}
#contact textarea		{width: 300px; padding: 4px; background-color: #ffffff; border: 2px solid #d8dccb; font-size: 1em; font-family: Georgia; color: #666666;}
#contact .button		{width: 80px; background-color: #ffffff; border: 2px solid #d8dccb; color: #95a953; text-transform: none;}

/* Guestbook Form */
#guestbook				{width: 100%; margin: 20px 0px 0px 0px;}
#guestbook p			{margin: 0px; padding: 0px 0px 8px 114px; height: 1%;}
#guestbook label		{float: left; margin-left: -113px; width: 110px;}

#guestbook input		{width: 200px; padding: 4px; background-color: #ffffff; border: 2px solid #d8dccb; font-size: 1em; font-family: Georgia; color: #666666;}
#guestbook textarea		{width: 300px; padding: 4px; background-color: #ffffff; border: 2px solid #d8dccb; font-size: 1em; font-family: Georgia; color: #666666;}
#guestbook .button		{width: 80px; background-color: #ffffff; border: 2px solid #d8dccb; color: #95a953; text-transform: none;}

/* Login Form */
#login					{width: 100%; margin: 20px 0px 0px 114px;}
#login p				{margin: 0px; padding: 0px 0px 8px 114px; height: 1%;}
#login label			{float: left; margin-left: -113px; width: 110px;}

#login input			{width: 200px; padding: 4px; background-color: #ffffff; border: 2px solid #d8dccb; font-size: 1em; font-family: Georgia; color: #666666;}
#login textarea			{width: 300px; padding: 4px; background-color: #ffffff; border: 2px solid #d8dccb; font-size: 1em; font-family: Georgia; color: #666666;}
#login .button			{width: 80px; background-color: #ffffff; border: 2px solid #d8dccb; color: #95a953; text-transform: none;}

/* Float Clearing */
.clearfix:after 		{content: "."; display: block; height: 0; clear: both; visibility: hidden;}