@import url(reset.css);

body
{ text-align:center; background:#fff url(../images/design/red-tin-house-page-bg.jpg) repeat-x top left; font-family:Arial; }

#container
{ width:780px; text-align:left; margin:20px auto; overflow:hidden; background:#fff; }

#branding a
{ display:block; width:780px; height:475px; background:#fff url(../images/design/red-tin-house-header-bg.jpg) no-repeat top left; text-indent:-9999px; overflow:hidden; }

#branding blockquote
{ display:none; }

#contentsection
{ float:left; clear:both; background:#fff url(../images/design/red-tin-house-contentwrap-bg.jpg) no-repeat top left; }

#mainmenu
{ float:left; width:235px; height:400px; background:transparent url(../images/design/red-tin-house-menu-bg.gif) no-repeat top left; }

#mainmenu ul
{ margin:30px 0 0 55px; }

#mainmenu li
{ margin:4px 0; }

#mainmenu li a
{ color:#993333; text-decoration:none; display:block; width:137px; height:35px; text-indent:-9999px; overflow:hidden; }


/* Replace individual menu links, rollovers and selected states with images */
#mainmenu li#mnuhouse a
{ background:transparent url(../images/design/menu/menu-the-house.gif) no-repeat top left; }

#mainmenu li#mnuhouse a:hover
{ background:transparent url(../images/design/menu/menu-the-house-hover.gif) no-repeat top left; }

.pghouse #mainmenu li#mnuhouse a, .pghouse #mainmenu li#mnuhouse a:hover
{ background:transparent url(../images/design/menu/menu-the-house-active.gif) no-repeat 0px 5px; }

#mainmenu li#mnustay a
{ background:transparent url(../images/design/menu/menu-stay-with-us.gif) no-repeat top left; }

#mainmenu li#mnustay a:hover
{ background:transparent url(../images/design/menu/menu-stay-with-us-hover.gif) no-repeat top left; }

.pgstay #mainmenu li#mnustay a, .pgstay #mainmenu li#mnustay a:hover
{ background:transparent url(../images/design/menu/menu-stay-with-us-active.gif) no-repeat top left; }

#mainmenu li#mnuarty a
{ background:transparent url(../images/design/menu/menu-arty-farty.gif) no-repeat top left; }

#mainmenu li#mnuarty a:hover
{ background:transparent url(../images/design/menu/menu-arty-farty-hover.gif) no-repeat top left; }

.pgarty #mainmenu li#mnuarty a, .pgarty #mainmenu li#mnuarty a:hover
{ background:transparent url(../images/design/menu/menu-arty-farty-active.gif) no-repeat top left; }

.pggallery #mainmenu li#mnuarty a, .pggallery #mainmenu li#mnuarty a:hover
{ background:transparent url(../images/design/menu/menu-arty-farty-active.gif) no-repeat top left; }

#mainmenu li#mnulinks a
{ background:transparent url(../images/design/menu/menu-useful-links.gif) no-repeat top left; }

#mainmenu li#mnulinks a:hover
{ background:transparent url(../images/design/menu/menu-useful-links-hover.gif) no-repeat top left; }

.pglinks #mainmenu li#mnulinks a, .pglinks #mainmenu li#mnulinks a:hover
{ background:transparent url(../images/design/menu/menu-useful-links-active.gif) no-repeat top left; }

#mainmenu li#mnucontact a
{ background:transparent url(../images/design/menu/menu-contact-us.gif) no-repeat top left; }

#mainmenu li#mnucontact a:hover
{ background:transparent url(../images/design/menu/menu-contact-us-hover.gif) no-repeat top left; }

.pgcontact #mainmenu li#mnucontact a, .pgcontact #mainmenu li#mnucontact a:hover
{ background:transparent url(../images/design/menu/menu-contact-us-active.gif) no-repeat top left; }

#mainmenu li#mnuhome a
{ background:transparent url(../images/design/menu/menu-home.gif) no-repeat top left; }

#mainmenu li#mnuhome a:hover
{ background:transparent url(../images/design/menu/menu-home-hover.gif) no-repeat top left; }

.pghome #mainmenu li#mnuhome a, .pghome #mainmenu li#mnuhome a:hover
{ background:transparent url(../images/design/menu/menu-home-active.gif) no-repeat 0px 5px; }



/* Content */
#contentwrap
{ float:left; width:545px; }

#content
{ padding:20px 200px 20px 40px; font-size:80%; margin:20px 20px 20px 5px; border:2px solid #fff; color:#eee; background:#fff url('../images/design/red-tin-house-content-top-red.jpg') no-repeat top left; }

#content
{ /* IE6 min height hack */ min-height:350px; height:auto !important; height:350px; }

.pgstay #content
{ background-image:url('../images/design/red-tin-house-content-top-orange.jpg'); }

.pghouse #content
{ background-image:url('../images/design/red-tin-house-content-top-blue.jpg'); }

.pgarty #content
{ background-image:url('../images/design/red-tin-house-content-top-green.jpg'); }

.pggallery #content
{ background-image:url('../images/design/red-tin-house-content-top-green2.jpg'); padding-right:40px; }

.pgcontact #content
{  background-image:url('../images/design/red-tin-house-content-top-red3.jpg'); padding-right:40px; }

	#content a
	{ color:#fff; text-decoration:underline; }

	#content a:hover
	{ text-decoration:none; }

	#content h2
	{ font-size:150%; padding:20px 0; }

	#content h3
	{ font-size:140%; padding:20px 0 5px 0; }
	
	#content h4
	{ font-size:110%; padding:20px 0 5px 0; font-weight:bold; }
	
	#content ul.normal
	{ margin-left:20px; }

	#content ul.normal li
	{ padding:5px 0; list-style-type:disc; line-height:1.4em; }
	
	/* Replace page headings with images */
	.pghome #content h2
	{ text-indent:-9999px; overflow:hidden; background:transparent url(../images/design/headings/welcome.gif) no-repeat top left; }
	
	.pghouse #content h2
	{ text-indent:-9999px; overflow:hidden; background:transparent url(../images/design/headings/thehouse.gif) no-repeat top left; }
	
	.pgarty #content h2
	{ text-indent:-9999px; overflow:hidden; background:transparent url(../images/design/headings/artyfarty.gif) no-repeat top left; }
	
	.pggallery #content h2
	{ text-indent:-9999px; overflow:hidden; background:transparent url(../images/design/headings/artyfarty.gif) no-repeat top left; }

	.pgstay #content h2
	{ text-indent:-9999px; overflow:hidden; background:transparent url(../images/design/headings/staywithus.gif) no-repeat top left; }

	.pgcontact #content h2
	{ text-indent:-9999px; overflow:hidden; background:transparent url(../images/design/headings/contactus.gif) no-repeat top left; }

	.pglinks #content h2
	{ text-indent:-9999px; overflow:hidden; background:transparent url(../images/design/headings/usefullinks.gif) no-repeat top left; }

	#content p
	{ line-height:1.4em; padding:5px 0; font-size:90%; }
	
	#content ul.photogallery
	{ float:left; margin:10px 0; }
	
	#content ul.photogallery li
	{ float:left; background:transparent url('../images/design/thumb-bg.jpg') no-repeat top left; width:138px; height:119px; margin:0 5px 5px 0; }
	
	#content ul.photogallery li img
	{ float:left; display:block; padding:10px 0 0 9px; }

	

#footer
{ clear:both; width:100%; float:left; margin-top:2px; background:#fff url(../images/design/red-tin-house-footer-bg.jpg) no-repeat bottom left; padding-bottom:5px; }

#footer p
{ font-size:70%; color:#fff; padding:20px; text-align:center; }

#footer p a
{ text-decoration:underline; color:#fff; }

#footer p a:hover
{ text-decoration:none; }


.clearit
{ clear:both; }