@charset "UTF-8";

/* Validated to CSS2.1 10/12/2010 */

/* Browser CSS reset & Site defaults */
div, p, span, img,
ul, ol, li, body	{ margin: 0; padding: 0; border: none; }

body, p, ul, ol, li,
h1, h2, h3, h4, h5, h6
					{ margin-bottom: 10px; }

html				{ min-height: 100%; margin-bottom: 1px; }

/* Main Structure - Body, TopBar, Middle Main Container and Bottom Bar */
body				{ font: 12px/18px "Helvetica Neue", Helvetica, Arial, "Gill Sans", sans-serif;
					  color: #666666; width: 100%; text-align: left; }
a:link, a:active	{ color: #990000; text-decoration: underline; font-weight: bold; }
a:visited			{ color: #990000; text-decoration: underline; font-weight: bold; }
a:hover, .dead		{ color: #CC0000; }
img.social			{ width: 29px; height: 29px; }
#container			{ width: 940px; margin: 0 auto; padding: 0px 10px;
					  background: url(images/container/container-bg.png) no-repeat top left; }

/* TEXT-STYLES */
h1					{ font-size: 24px; font-weight: normal; color: #666666; line-height: 34px; }
h2					{ font-size: 20px; font-weight: normal; color: #CCCCCC; }
h3					{ font-size: 14px; font-weight: bold; color: #BF0000; }
.white				{ color: #FFFFFF; }
.red				{ color: #BF0000; }
.redtitle			{ color: #BF0000; font-weight: bold; }
.paragraph-intro	{ font-size: 15px; }
.title				{ line-height: 54px; font-size: 24px; color: #333333; font-weight: 200; }
.special-offer		{ line-height: 30px; font-size: 24px; color: #FFFFFF; }
.special-offer-p	{ line-height: 18px; font-size: 14px; color: #FFFFFF; }

/* Elements contained within TopBar */
#header				{ margin: 0 auto; height: 135px; text-align: left; position: relative; }
#header_offer		{ position: absolute; right: 20px; top: 0px; text-align: right; padding: 10px;
					  color: #FFFFFF; width: 230px; height: 110px;
					  background: url(images/offer-tab/offer.png) no-repeat 0 -1px; z-index: 101; }
#header_offer a:link,
#header_offer a:active,
#header_offer a:hover,
#header_offer a:visited
					{ color: #FFFFFF; }
#header_logo,
#header_logo_index	{ position: absolute; left: 25px; bottom: 0px; text-align: left; color: #FFFFFF;
					  z-index: 101; width: 310px; height: 135px; 
					  background: url(images/logo/parks-logo.png) no-repeat; }
#header_logo_index	{ left: 275px; }
#header-slogan		{ position: absolute; left: 25px; top: 50px; vertical-align: middle;
					  text-align: center; color: #BF0000; font-size: 24px; font-weight: bold;
					  font-style: italic; line-height: 200%; }

/* Elements contained within Main Window */
#main-wrapper		{ width: 820px; height: 275px; position: relative; background-color: #CCCCCC; }
#main-wrapper ul	{ position: absolute; left: -30px; top: 0px; width: 120px; height: 275px; 
					  color: #DF0000; padding: 0px; background-color: #CCCCCC; }
#main-wrapper li,
#main-wrapper li a	{ display: block; height: 35px; width: 120px; margin-bottom: 5px;
					  padding-right: 10px; }
#main-wrapper li a	{ padding-right: 10px; text-align: right; background: #BF0000;
					  line-height: 35px; font-size: 12px; font-weight: normal; color: #FFFFFF;
					  text-decoration: none; }
#main-wrapper li a:link,
#main-wrapper li a:visited
					{ }
#main-wrapper li a:hover
					{ font-weight: bold; background: #990000; }
#main-wrapper li a.current,
#main-wrapper li a.current:hover,
#main-wrapper li a.current:active
					{ font-weight: bold; background: #666666; }
#main-nav-mask		{ position: absolute; left: -30px; top: 0px; z-index: 50; width: 70px;
					  height: 275px; background: url(images/nav-mask/nav-mask.png) no-repeat; }

#main-window-long	{ position: absolute; left: 100px; top: 0px; width: 810px; height: 265px;
					  background-color: #CCCCCC; border: #666666 solid 5px; z-index: 50; }
#window-left		{ position: absolute; left: 0px; top: 0px; text-align: left; width: 560px;
					  height: 265px; background-color: #CC0000; }
#window-right		{ position: absolute; left: 560px; top: 0px; margin-bottom: 10px;
					  width: 245px; height: 265px; padding-left: 5px; }

/* Elements contained within Main Content*/
#content-wrapper	{ width: 940px; margin: 5px 0 10px 0; }
#content-wrapper h2	{ font-size: 20px; font-weight: 200; line-height: 30px; color: #666666; }
#main-content		{ text-align: left; z-index: 101; width: 545px; float: left;
					  padding: 10px 10px 0 110px; border-right: #999999 thin solid; }

#main-content ul	{ list-style-image: url(images/bullets/bullets1.png); margin-left: 20px; }

#main-content li	{ list-style: none none; /* specify both 'image' AND 'type' for IE7 */
					  background: url(images/bullets/bullets1.png) no-repeat 0 5px;
					  padding-left: 20px; }

#small-right-column	{ padding-left: 5px; width: 249px; float: left; }

#small-right-column-top-image
					{ padding: 10px; width: 229px; color: #FFFFFF; background-color: #990000;
					  font-size: 11px; line-height: 16px; }
#small-right-column-top-image p
					{ margin: 0; }
#small-right-column-top-image a
					{ color: #FFFFFF; text-decoration: underline; }
#small-right-column-top-image img
					{ float: right; margin-left: 3px; }

#small-right-column-bottom-image
					{ padding: 10px; width: 230px; background-color: #990000; color: #FFFFFF;
					  font-size: 11px; line-height: 16px; }
#small-right-column-bottom-image a
					{ color: #FFFFFF; text-decoration: underline; }

#small-right-column ul
					{ position: relative; list-style: none none; }
#small-right-column li
					{ margin: 5px 0; }
#small-right-column li a
					{ height: 45px; width: 145px; padding-left: 105px; margin-bottom: 5px;
					  background-color: #D8D8D8; display: block; font-size: 12px; color: #666666;
					  font-weight: bold; text-decoration: none; line-height: 45px;
					  text-align: left; }
#small-right-column li a:hover
					{ color: #FFFFFF; background-color: #CC0000; }
#small-right-column li a.kitchens
					{ background-image: url(images/right-column/navigation/kitchens-nav.png); }
#small-right-column li a.bedrooms
					{ background-image: url(images/right-column/navigation/bedrooms-nav.png); }
#small-right-column li a.bathrooms
					{ background-image: url(images/right-column/navigation/bathrooms-nav.png); }
#small-right-column li a.home-office
					{ background-image: url(images/right-column/navigation/home-office-nav.png); }

/* Elements contained within Home */
#tabs-style			{ margin-top: 10px; }
#tabs-style img		{ width: 190px; height: 90px; }
#tabs-style p.text	{ height: 145px; overflow: hidden; }

#home-kitchens,
#home-bedrooms,
#home-bathrooms,
#home-home-office	{ float: left; /*text-align: left; */width: 190px;
					  border-right: #5B0000 solid thin; }
#home-kitchens		{ padding-left: 100px; padding-right: 8px; }
#home-bedrooms		{ padding-left: 7px; padding-right: 7px; }
#home-bathrooms		{ padding-left: 8px; padding-right: 8px; }
#home-home-office	{ padding-left: 8px; border: none; }

/* Elements contained within Contact */
#content-wrapper-contact
					{ width: 940px; margin: 5px 0; }
#google-map			{ text-align: left; z-index: 101; width: 330px; height: 250px; float: left;
					  margin: 10px 10px 0 0; }
#contact-details	{ text-align: left; z-index: 101; width: 205px; height: 250px;
					  float: left; margin-top: 10px; padding: 0; }
#contact-form		{ padding-left: 5px; width: 244px; background-color: #efefef; }
#twitter			{ background-color: #990000; width: 245px; height: 265px; }
#contact-details h3	{ padding-top: 10px; }

/* Elements contained within Rooms */
.rooms-bg			{ background-color: #DFDFDF; overflow: hidden; /* IE7 hack!! */ }
.rooms-pdf			{ text-align: left; z-index: 101; width: 150px; padding: 10px; float: left; }
.rooms-logo-text	{ text-align: left; z-index: 101; width: 345px; padding: 10px; float: left; }
/*.rooms p			{ margin: 0; }*/

/* Elements contained within Live*/
#recent-work		{ padding-left: 90px; width: 160px;
					  background: url(images/right-column/live/recent-work.png) no-repeat; }
#red-box			{ width: 240px; background-color: #BF0000; padding: 5px 5px 0px 5px;
					  margin-top: 10px; }

/* Elements contained within BOTTOMBARS */
#footer				{ clear: both; width: 800px; height: 50px; margin-left: 100px;
					  background: #DFDFDF url(images/footer/footer-graphic.jpg) no-repeat; }
#aawen-design		{ width: 800px; margin-left: 100px; }
#aawen-design a:link,
#aawen-design a:active,
#aawen-design  a:visited
					{ color: #cfcfcf; text-decoration: none; }
#footer a:hover		{ text-decoration: underline; }

/* FLOAT-HACK */
.clear				{ clear: both; }

/* SHOW-HIDE */
.hidden				{ display: none; }
.unhidden			{ display: block; }

/* SLIDESHOWS */
/* Opacity properties: only valid for CSS3 and not yet universally supported.
   jQuery works fine alone. */

#slideshow			{ position: relative; width: 560px; height: 265px; }
#slideshow DIV		{ position: absolute; top: 0; left: 0; z-index: 8; /* opacity: 0.0; */
					  width: 560px; height: 265px; background-color: #FFFFFF; }
#slideshow DIV.active
					{ z-index: 10; /* opacity: 1.0; */ }
#slideshow DIV.last-active
					{ z-index: 9; }
#slideshow DIV IMG	{ width: 560px; height: 265px; display: block; border: 0; }

#slideshow-right	{ position: relative; width: 245px; height: 265px; }
#slideshow-right DIV
					{ position: absolute; top: 0; right: 0; z-index:8; /* opacity: 0.0; */
					  width: 245px; height: 265px; background-color: #FFFFFF; }
#slideshow-right DIV.active
					{ z-index: 10; /* opacity: 1.0; */ }
#slideshow-right DIV.last-active
					{ z-index: 9; }
#slideshow-right DIV IMG
					{ width: 245px; height: 265px; display: block; border: 0; }

/* Printing styles */					
@media print	{
	#container		{ background-image: none; background-color: #FFFFFF; }
				}