@charset "utf-8";

/*	Created by Ben Pearson from sturdybubbles.com

/* 	Index
------------------------------------------------------------
	Typography (fonts, colours, sizes, weights and styles)
	Background colours
	Borders (styles, widths, and colours)
	
	Tags
	Global classes
	
	Layout structure
		Common to both 1 column and 2 column layouts
		Two columns
		One column ("accommodation" and "rates" pages)
	
	Navigation 
	Sidebar
	Footer
	
	Home page
	Accommodation pages
	Rates page
	Enquiries pages

	PNG Transparency fix
------------------------------------------------------------



/*	Typography (includes fonts, colours, sizes, weights and styles)
------------------------------------------------------------*/
body									{color:#000000; font-size:12px; font-family:Arial, Helvetica, sans-serif; } 				
a 										{color:#a31200;}
a:hover 								{text-decoration:underline;}
h1, h2, h3								{color:#3e1b0e;}
h1   									{font-size:26px; font-family:Georgia, "Times New Roman", Times, serif; }
#header h1								{font:bold 11px Georgia, "Times New Roman", Times, serif;
										 text-transform:uppercase; color:#edd695; letter-spacing:2px;
										 margin:0; padding:0;}
#history-page h1#brief-history			{font-size:24px;}
h2  									{font-size:17px;}
h3										{font-size:14px;}

#main-sidebar ul#suite-thumbs a			{font-size:11px; font-weight:normal; color:#ebdba0;}
#main-sidebar img		 				{color:#98381e;} /* alt tags */

.suite-photos img						{color:#edd698;} /* alt tags */

#home-page #opening-words				{font-size:14px; font-weight:bold;}

#accommodation-page .suite-name			{font-weight:bold;} 

#rates-table							{font-size:14px; font-weight:bold;}
#rates-table a							{font-size:12px;}
#rates-table #heading1-row  			{font-size:14px; }
#rates-table #heading2-row  			{font-size:12px; font-style:italic; font-weight:normal; }
#rates-table .caption					{font-size:11px; font-style:italic;}
#rates-table .price						{font-size:15px; }
#rates-table span.per-person			{font-size:11px; font-weight:normal; }

#enquiries-page legend 					{color:#3e1b0e; font-size:14px; font-weight:bold; /* Colour needs to be specified for IE6 */}
#enquiries-page label 					{font-weight:bold;}
#enquiries-page label.error 			{color:#FF0000; font-size:12px;}
#enquiries-page .required-field			{color:#FF0000;}
#enquiries-page .date-format			{font-weight:normal; font-size:11px;}

#places-page #reference 				{font-size:10px;}

#footer									{color:#ebdba0;}
#footer #credits						{color:#d0c392;}
#footer #credits a						{color:#ebdba0;}



/*	Background colours
------------------------------------------------------------*/
body									{background-color:#0e0301;}	/* black */
#page-wrap								{background-color:#98381e;} /* red */
#rates-table #heading1-row  			{background-color:#E5E5AC;}
#rates-table #heading2-row  			{background-color:#F2F2C2;}
#rates-table .suite-row td				{background-color:#FFFFDD;}


/*	Borders
------------------------------------------------------------*/
.suite-photos img								{border:1px solid #f9f1cf;} /* Same as suites table */
.suite-photos a:hover img						{border:1px solid #ffffff;} /* Same as suites table */

#main-sidebar ul#suite-thumbs li img			{border:1px solid #FFF7DF;}
#accommodation-page #suites-table img			{border:1px solid #f9f1cf}
#accommodation-page #suites-table a:hover img	{border:1px solid #ffffff;}
#rates-page #rates-table td 					{border:1px solid #cccca3;}
#enquiries-page #enquiry-form fieldset			{border-style:solid none none; border-width:1px 0 0; border-color:#3e1b0e;}


/*	Tags
--------------------------------------------------*/
p 							{margin:0 0 15px; text-align:justify;}
h1			  				{margin:-2px 0 15px -2px; text-align:center; }
h2, h3		  				{margin:0 0 15px;}


/*	Global classes
--------------------------------------------------*/
.description				{float:left; padding:0 18px 0px 0; width:392px; /* Should be width:395px be IE6 doesn't like it */ ;}
.bulleted 					{padding:0 0 0 14px; list-style-position:outside;}
.bulleted li 				{list-style-type:disc;} /* The li is not necessary */
.suite-photos				{margin:15px 0 0 0;}
.suite-photos img			{margin:0 0 6px;} 
.suite-photos a:hover img	{margin:0 0 6px;}
 
 
/*	Layout structure
------------------------------------------------------------*/
	/*	Common to both 1 column and 2 column layouts
	------------------------------------------------------------*/
	#page-wrap 				{width:960px; background-image:url(../images/page-wrap-bg.jpg);
							/* The following styles are all used to stick the footer to the bottom of the viewport */
							 min-height:100%; height:auto !important; height:100%;
							 margin:0 auto -170px;} /* Centres the page. Bottom margin should be the same as height of the push div */
	#header					{position:relative; width:960px; height:150px; background-image:url(../images/header-bg.jpg);}
	a.logo					{display:block; text-align:center; margin:20px 0 10px;}
	a#book-now-button		{position:absolute; top:85px; left:99px;} /* SEE ALSO also all IE style sheets! */
	#push 					{height:170px;} /* Used to stop footer from overlapping the content. Needs to be the same height as the 			 							 negative margin used in the "page-wrap" div */
	#footer-area 			{width:960px; margin:0 auto; /* Centres footer */
							 /* The following styles are all used to stick the footer to the bottom of the viewport */
							 height:120px; position:relative; 
							 bottom:0;} /* Sets the bottom position from the bottom edge of the window */
	
	/*	Two columns
	------------------------------------------------------------*/
	#main-sidebar    		{float:left; width:130px; min-height:150px; padding:25px 0 0 98px; text-align:center;
							 background-image:url(../images/sidebar/sidebar-bg.jpg); background-repeat:no-repeat;}
	#main-content  			{float:left; width:730px; /* Width necessary to stop main content column wrapping under sidebar */
							 background-image:url(../images/content/content-middle-bg.jpg); background-repeat:repeat-y;}
	#content-header 		{width:730px; height:150px; 
							 background-image:url(../images/content/content-header-bg.jpg); background-repeat:no-repeat;}
	#content-area			{padding:10px 135px 0 55px; width:540px; /* Width is IE6 fix for repeating background */
							 background-image:url(../images/content/content-top-bg.jpg); background-repeat:no-repeat;}
	#content-footer			{height:85px; background-image:url(../images/content/content-footer-bg.jpg); background-repeat:no-repeat;}

	/*	One column ("accommodation" and "rates" pages)
	------------------------------------------------------------*/
	#main-content-large		{width:960px; background-image:url(../images/content/content-middle-large-bg.jpg);
							 background-repeat:repeat-y; background-position:100px 0;}
	#content-header-large 	{height:150px; padding-left:80px;
							 background-image:url(../images/content/content-header-large-bg.jpg); background-repeat:no-repeat;}
	#content-area-large		{padding:10px 135px 0 140px; width:685px; /* Width is IE6 fix for repeating background */
							 background-image:url(../images/content/content-top-large-bg.jpg); background-repeat:no-repeat;
							 background-position:100px 0;}
	#content-footer-large	{height:85px; background-image:url(../images/content/content-footer-large-bg.jpg);
							 background-repeat:no-repeat; background-position:100px 0;}														


/*	Navigation 
------------------------------------------------------------*/
#navigation 				{padding:15px 0 0 87px;} /* Padding stops list from becoming vertical */
#navigation li 				{float:left; list-style:none; height:45px;}
#navigation li a 			{text-indent:-9000px; font-size:10px;}

a#home, a#accommodation, a#rates, a#enquiries, a#map, a#places, a#history	
							{display:block; height:45px; background:url(../images/navigation/nav-sprite.jpg); text-indent:-9000px;}
							 
a#home 						{width:74px;  background-position:-87px  0;}
a#accommodation				{width:77px;  background-position:-161px 0;}
a#rates						{width:74px;  background-position:-238px 0;}
a#enquiries					{width:107px; background-position:-312px 0;}
a#map 						{width:60px;  background-position:-419px 0;}
a#places					{width:176px; background-position:-479px 0;}
a#history					{width:218px; background-position:-655px 0;}

a#home:hover				{background-position:-87px  -45px;}
a#accommodation:hover		{background-position:-161px -45px;}
a#rates:hover				{background-position:-238px -45px;}
a#enquiries:hover			{background-position:-312px -45px;}
a#map:hover					{background-position:-419px -45px;}
a#places:hover				{background-position:-479px -45px;}
a#history:hover 			{background-position:-655px -45px;}


/*	Sidebar
------------------------------------------------------------*/
#main-sidebar ul#suite-thumbs			{width:125px; list-style-position:outside; !important /* IE6 fix for list indentation bug */}
#main-sidebar ul#suite-thumbs li		{width:125px; margin:0 0 7px;}
#main-sidebar ul#suite-thumbs li img	{display:block; margin:0 0 -15px;}


/*	Footer
------------------------------------------------------------*/
#footer-area #footer				{text-align:center; margin:30px 0 0;}
#footer-area #footer #wc3-valid		{margin:15px 0 0 0;}


/*	Home page
------------------------------------------------------------*/
#home-page a.special-offer					{display:block; float:right; width:213px; height:213px; margin:-2px -10px 0px 10px;
											background-image:url(../images/specials-star.png); background-repeat:no-repeat;}
/*#home-page a.special-offer:hover			{background-image:url(../images/specials-star-hover.gif); background-repeat:no-repeat;}*/
#home-page a.special-offer-lodge			{display:block; float:right; width:206px; height:179px; margin:-60px -10px 0px 10px;
											background-image:url(../images/specials-star-lodge.png); background-repeat:no-repeat;}
#home-page #wedding-photo					{display:block; float:right; margin:0px 0 0 15px;}


/*	Accommodation pages
------------------------------------------------------------*/
#accommodation-page #suites-table td				{padding:0 7px 10px;}

#honeymoon-suite-page .description					{min-height:365px; height:auto !important; height:365px;}
#honeymoon-cottage-page .description,
#verandah-view-cottage-page .description			{min-height:550px; height:auto !important; height:550px;}
#sunset-apartment-page .description					{min-height:730px; height:auto !important; height:730px;}
#lodge-page .description							{min-height:740px; height:auto !important; height:825px;}


/*	Rates page
------------------------------------------------------------*/
#rates-page #rates-table	 			{width:500px; margin:15px auto 0; text-align:center;}
#rates-page #rates-table td 			{text-align:center; padding:8px;}


/*	Enquiries pages
------------------------------------------------------------*/
#enquiries-page #enquiry-form fieldset				{width:540px; margin:20px 0 0 0;}
#enquiries-page #enquiry-form legend 				{padding:0 5px 0 0;}
#enquiries-page #enquiry-form label 				{display:block; float:left; width:200px;}
#enquiries-page #enquiry-form label.error 			{display:block; padding:2px 0 5px 202px;}
#enquiries-page #enquiry-form .enquiry-field 		{clear:both; margin:20px 0 0 15px;}
#enquiries-page #enquiry-form #suites-container 	{float:left; margin:0 0 20px 0;}
#enquiries-page #enquiry-form #submit-button 		{margin:5px 0 0 200px;}	
#enquiries-page #enquiry-form #enquiry-requests		{height:200px; width:300px;}

#enquiries-error-page #content-area					{height:325px;}
#enquiries-confirmation-page #content-area			{height:325px;}


/*	PNG Transparency fix for IE6 and below. List all tags that need to be affected
------------------------------------------------------------*/
img									{behavior: url(iepngfix/iepngfix.htc)}