/* ------------------------- Body */
html {
	/* always show scrollbars */
	overflow: -moz-scrollbars-vertical;
	overflow: scroll;
}
body {
	font-size: 75%; /* 0.75 * 16px = 12px */
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	text-align: left;
	background: #FFF;
}
/* ------------------------- Headings */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	color: #333;
	padding: 0;
	margin: 0;
	line-height: 1;
}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;
}
h1 {
	font-size: 2.25em;
}
h2 {
	font-size: 1.25em;
	margin-bottom: 15px;
}
h3 {
	font-size: 2em;
	margin-bottom: 5px;
	color: #999;
}
h4 {
	font-size: 1.25em;
	text-transform: uppercase;
}
h5 {
	text-transform: uppercase;
}
/* ------------------------- Text Elements */
p {
	margin: 0 0 15px;
}
a:link, a:visited, a:active {
	color: #F58025;
	text-decoration: underline;
	outline: none;
}
a:hover {
	color: #000;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
/* ------------------------- Images */
img {
	display: block;
}
a img {
	border: none;
}
/* ------------------------- Lists */
li ul, li ol {
	margin: 0 0 15px;
}
ul, ol {
	margin: 0 15px 15px;
}
ol li {
	margin: 0 0 12px 12px;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
/* ------------------------- Forms */
input, select, textarea {
	border: 2px solid #999;
	color: #666;
	/*padding: 2px;*/
	padding: 2px 3px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	outline: none;
	width: 250px; /* 260w - 6p - 4b */
	/* ie6 float double margin fix */
	float: left;
	display: inline;
}
select {
	width: auto;
	padding: 1px 1px 1px 0;
}
input:focus, select:focus, textarea:focus {
	border-color: #000;
	color: #000;
}
#frame input.button {
	border: none;
	width: 79px;
	padding: 0;
	margin: 0;
	/* ie6 float double margin fix */
	float: right;
	display: inline;
}
#frame .wrap {
	margin: 0 0 5px;
}
#frame .wrap .half {
	margin-right: 10px;
	/* ie6 float double margin fix */
	float: left;
	display: inline;
	/* clear contained floats */
	width: 260px; /* 260w - 6p - 4b */
	overflow: hidden;
}
#frame .submit {
	margin: 0 0 5px;
	/* ie6 float double margin fix */
	float: left;
	display: inline;
	/* clear contained floats */
	width: 260px;
	overflow: hidden;
}
.success {
	font-size: 1.6em;
	font-weight: bold;
	padding: 15px;
}
.error {
	color: #F00;
	font-weight: bold;
	line-height: 24px;
	font-size: 1.1em;
	width: 176px; /* 260w - 5p - 79btn */
	/* ie6 float double margin fix */
	float: left;
	display: inline;
}
/* -- Question */
#ask textarea {
	height: 50px;
}
/* -- Appointment Request */
#request {
	/* clear contained floats */
	width: 540px;
	overflow: hidden;
}
#request input, #request select, #request textarea {
	margin-right: 10px;
}
#request p {
	font-size: 1.25em;
}
/* ------------------------- Frame */
#frame {
	width: 100%;
	text-align: left;
	font-size: 1em;
}
.frame {
	position: relative;
	/* centre */
	width: 960px;
	margin: 0 auto;
}
/* ------------------------- Header */
#header {
	height: 90px;
	position: relative;
}
#header a#logo img {
	position: absolute;
	left: 0;
	top: 19px;
	width: 324px;
	height: 52px;
	/* default logo */
	background: url('/img/common/logo_original.jpg') no-repeat 48px 0;
}
#header img#slogan {
	position: absolute;
	left: 518px;
	top: 43px;
}
/* ------------------------- Navigation */
#navigation {
	width: 100%;
	background: #666;
	overflow: hidden;
	height: 60px;
}
#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	/* centre */
	width: 960px;
	margin: 0 auto;
}
#navigation li {
	/* ie6 float double margin fix */
	float: left;
	display: inline;
}
#navigation a {
	font-size: 1em;
	width: 89px;
	margin: 0 10px 0 0;
	padding: 12px 0;
	display: block;
	height: 38px; /* 60 - 24p */
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	text-align: center;
	background: #666 url('/img/common/navigation_bg.png') no-repeat 0 0;
	line-height: 18px;
}
#navigation a.small {
	font-size: 0.85em;
	background-image: url('/img/common/navigation_bg_small.png');
}
#navigation li.right {
	float: right;
}
#navigation li.right a {
	margin: 0;
}
/* -- Hovers & Sub Sections */
#navigation a:hover {
	background-position: 0 -60px;
}
#navigation a.buildingDesigner:hover {
	background-position: 0 -60px;
}
#navigation a.newHomeBuilder:hover {
	background-position: 0 	-120px;
}
#navigation a.landscapeDesigner:hover {
	background-position: 0 -180px;
}
#navigation a.interiorDesigner:hover {
	background-position: 0 -240px;
}
#navigation a.financeBroker:hover {
	background-position: 0 -300px;
}
#navigation a.realEstateAgent:hover {
	background-position: 0 -360px;
}
/* ------------------------- Page Heading */
#pageHeading {
	background: #E7E7E7;
	height: 35px;
	overflow: hidden;
}
#pageHeading h1 {
	display: block;
	color: #666;
	line-height: 37px;
	text-transform: uppercase;
}
/* ------------------------- Content */
#content {
	/* centre */
	width: 960px;
	margin: 20px auto;
	/* clear contained floats */
	overflow: hidden;
}
#main {
	/* min-height */
	min-height: 325px;
	height: auto !important;
	height: 325px;
}
/* ------------------------- Footer */
#footer {
	border-top: 3px solid #E7E7E7;
	text-align: right;
	line-height: 2;
	color: #999;
	font-size: 0.9em;
	/* centre */
	width: 960px;
	margin: 0 auto;
}
/* ------------------------- Common Layout */
/* -- Left */
#left {
	width: 550px;
	/* ie6 float double margin fix */
	float: left;
	display: inline;
}
#blurb {
	padding: 0 0 0 300px;
	margin-bottom: 20px;
	background-position: left top;
	background-repeat: no-repeat;
	/* min-height */
	min-height: 245px;
	height: auto !important;
	height: 245px;
}
#blurb p {
	font-size: 1.15em;
	margin: 0;
}
/* -- Right */
#right {
	width: 365px;
	/* ie6 float double margin fix */
	float: right;
	display: inline;
}
#container {
	background-position: top left;
	background-repeat: repeat-y;
}
#container #ask {
	background-position: top left;
	background-repeat: no-repeat;
	padding: 90px 10px 0 90px;
	margin-bottom: 10px;
	/* min-height */
	min-height: 165px;
	height: auto !important;
	height: 165px;
}
#container #recent {
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0 10px 2px;
	/* min-height */
	min-height: 20px;
	height: auto !important;
	height: 20px;
}
#container #recent .question {
	margin-bottom: 10px;
}
#container #recent p {
	margin: 0 0 2px;
	font-size: 0.9em;
}
#container #recent a {
	text-transform: uppercase;
	font-weight: bold;
}
/* ------------------------- Misc */
.small {
	font-size: 0.9em;
}
.big {
	font-size: 1.3em;
}
.huge {
	font-size: 1.6em;
}
.wrap {
	/* clear contained floats */
	width: 100%;
	overflow: hidden;
}