/* =============================================== */
/* Forte Designs Stylesheet */
/* Element Styling */
/* Created by Ben Wakeford / Digino 2007 */
/* =============================================== */



/* =============================================== */
/* SECTION : Misc */
/* =============================================== */

.hilite {
	color : White;
}

h1 {
	margin : 0 0 20px 0;
	color : #483C32;
	padding : 2.0em 0 0.7em 25px;
	font-size : 120%;
	background : #7D7B51 none no-repeat scroll 25px 48px;
	line-height : 120%;
}


/* =============================================== */
/* SECTION : Header */
/* =============================================== */

/* -- Logo -- */

div.logo a.homelink {
	display : block;
	width : 111px;
	height : 111px;
	text-indent : -3000px;
	overflow : hidden;
}

div.logo h1 {
	margin : 0 0 0 0;
	color : White;
	font-size : 100%;
	padding : 0;
	width : 111px;
	font-size : 100%;
	background : transparent none no-repeat scroll 0 0;
	line-height : 100%;
}

/* -- Menu -- */

div.menu {
	margin: 81px 0 0 0;
	padding: 0;
	height: 30px;
	display: block;
	overflow: hidden;
	background-color : #483C32;
}

div.menu ul {
	display: inline;
	float : right;
	list-style: none;
	height : 30px;
}

div.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

div.menu a {
	float: left; 
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:30px; /* for IE5/Win only */
}

div.menu a:hover,
div.menu a:active,
div.menu a.selected {
	background-position: 0 -30px;
}

li.nav-home a  {
	width: 62px;
	background: url(../../images/common/menu-home.gif) no-repeat 0 0;
}

li.nav-services a  {
	width: 71px;
	background: url(../../images/common/menu-services.gif) no-repeat 0 0;
}

li.nav-portfolio a  {
	width: 85px;
	background: url(../../images/common/menu-portfolio.gif) no-repeat 0 0;
}

li.nav-about a  {
	width: 81px;
	background: url(../../images/common/menu-about.gif) no-repeat 0 0;
}

li.nav-contact a  {
	width: 101px;
	background: url(../../images/common/menu-contact.gif) no-repeat 0 0;
}


/* =============================================== */
/* SECTION : Footer */
/* =============================================== */

div.footer p {
	margin : 0 0 0.2em 0;
}

div.footer p.legal {
	width : 350px;
	float : left;
}

div.footer p.credits {
	width : 350px;
	float : right;
	text-align : right;
}

div.footer a:hover, div.footer a:active {
	color : #BE6419;
	text-decoration : none;
}


/* =============================================== */
/* SECTION : Service Menu */
/* =============================================== */

div.service-select {
	width : 188px;
	height : 363px;
	float : left;
	overflow : hidden;
	background : #949266;
	margin : 0 6px 0 0;
}

div.service-select-last  {
	margin : 0;
}

div.service-info {
	height : 239px;
	overflow : auto;
	background : #949266 no-repeat scroll 0 0;
	padding : 98px 0 0 0;
}

div.service-info p {
	padding : 8px 12px 8px 12px;
	line-height : 145%;
}

div.service-select h3 a {
	display : block;
	padding: 28px 0 0 0;
	overflow: hidden;
	width : 187px;
	height: 0px !important;
	height /**/:28px; /* for IE5/Win only */
}

div.service-select h3 a:hover,
div.service-select h3 a:active {
	background-position: 0 -28px;
}

h3.interior a  { background: url(../../images/buttons/btn-service-menu-interior.gif) no-repeat 0 0; }
h3.rental a  { background: url(../../images/buttons/btn-service-menu-rental.gif) no-repeat 0 0; }
h3.pre-sale a  { background: url(../../images/buttons/btn-service-menu-presale.gif) no-repeat 0 0; }
h3.windows a  { background: url(../../images/buttons/btn-service-menu-window.gif) no-repeat 0 0; }


div.interior { background-image : url(../../images/services/interior-design.jpg); }
div.rental { background-image : url(../../images/services/rental.jpg); }
div.pre-sale { background-image : url(../../images/services/pre-sale.jpg); }
div.windows { background-image : url(../../images/services/windows.jpg); }

div.service-select p a.find-out {
	float: left; 
	padding: 26px 0 0 0;
	overflow: hidden;
	height: 26px;
	width: 188px;
	background: url(../../images/buttons/services-menu-more.gif) no-repeat 0 0;
}

div.service-select p a.find-out:hover,
div.service-select p a.find-out:active {
	background-position: 0 -26px;
}


/* =============================================== */
/* SECTION : Service Page */
/* =============================================== */

div.service-content {
	height : 315px;
	overflow : auto;
}

div.full-length {
	background : #949266 url(../../images/misc/bg-contact.gif) repeat-x scroll top;
}

div.full-length-doube-title {
	background : #949266 url(../../images/misc/bg-about.gif) repeat-x scroll top;
}

p a.btn-back-to-services {
	float: left; 
	height: 18px;
	text-indent : -3000px;
	overflow: hidden;
	width: 115px;
	background: url(../../images/buttons/back-to-services.gif) no-repeat 0 0;
}

p a.btn-back-to-services:hover,
p a.btn-back-to-services:active {
	background-position: 0 -18px;
}

div.interior-text-resize {
	width : 455px;
}

div.interior-imagery-resize {
	width : 312px;
	overflow : hidden;
}


/* =============================================== */
/* SECTION : Content : Text */
/* =============================================== */

h1 span.subtitle {
	font-weight : bold;
	color : #EAE9D9;
	line-height : 130%;
	text-align : right;
	font-size : 85%;
}

div.content-text p {
	margin : 10px 25px 0 25px;
}

p.statement {
	font-size : 90%;
	font-weight : bold;
	color : #483C32;
	line-height : 120%;
}


/* =============================================== */
/* SECTION : About Us Image */
/* =============================================== */

div.content-about-image {
	width : 402px;
	float : right;
	padding : 0 0 0 0;
	background-color : transparent;
	overflow : auto;
}

div.content-about-image img {
	margin : 30px 0 0 60px;
}


/* =============================================== */
/* SECTION : Contact */
/* =============================================== */

dl.address {
	width : 315px;
	margin: 35px 0 0 25px;
	padding: 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
}

dl.address dt {
	width: 120px;
	float: left;
	margin: 0 0 0 0;
	padding: 8px 0 8px 0;
	border-top: 1px solid #B2B091;
	color : White;
	line-height : 130%;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

dl.address dd {
	float: left;
	width: 195px;
	margin: 0 0 0 0;
	padding: 8px 0 8px 0;
	border-top: 1px solid #B2B091;
	color : White;
	line-height : 130%;
	font-weight: bold;
}

div.content-contact-form {
	width : 402px;
	/*height : 363px;*/
	float : right;
	padding : 105px 0 0 0;
	background-color : transparent;
	overflow : auto;
}

div.content-contact-form p {
	margin: 0 25px 15px 25px;
}

div.content-contact-form form div p {
	margin: 0 25px 8px 25px;
}


/* =============================================== */
/* SECTION : Header Colours */
/* =============================================== */

div.color-interior { background-color : #B4AC23; }
div.color-rental { background-color : #60495D; }
div.color-pre-sale { background-color : #638C90; }
div.color-windows { background-color : #8D5137; }


/* =============================================== */
/* SECTION : Sitemap */
/* =============================================== */

ul.sitemap {
	margin : 0 0 0 30px;
}

ul.sitemap li.sublist {
	padding : 0px 0px 8px 30px;
	background : transparent url(../../images/misc/arrow.gif) no-repeat scroll 15px 4px;
}


p.alert {
	font-size : 100%;
	font-weight : bold;
	color : #483C32;
}