/* GLOBAL STRUCTURE -
Stylesheet for structure & layout used across the site

 index ->
	reset
	global
*/

/* =reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* =global */

a {color: #1d93c2}
a:link {text-decoration: underline}
a:hover, a:active, a:focus {text-decoration: none}

p, blockquote, pre, code,
dl, dt, dd, ol, ul, li,
fieldset {margin: 0 0 1.4em; line-height: 1.35; letter-spacing: .015em}

ol {margin-left: 15px}
	ol li {margin-left: 17px; list-style: decimal; list-style-position: outside}

ul {overflow: hidden; list-style: none outside none; margin: 0 0 20px}
	ul li {float: left; margin: 0 0 3px; padding-left: 20px; background: transparent url(../images/bullet-tick.gif) 0 4px no-repeat; font-size: 1.0833em} 
	ul li.odd {width: 240px} 
	ul li.even {}
	
ol ol,
ol ul,
ul ul,
ul ol {margin-bottom: 0}

strong {font-weight: bold}

/* =heading */

.heading {font-weight: bold}

h1 {width: 90px; height: 116px; text-indent: -999em; background: transparent url(../images/logo.png) 0 0 no-repeat}
h2.soon {margin: 29px 41px 48px 0; font-size: 28px; color: #cc3345; text-align: right; letter-spacing: .04em; line-height: 1.05}
	h2.soon span {font-size: 14px; letter-spacing: .03em}
h2.heading {margin-bottom: 7px; font-size: 1.833em; color: #1d93c2; line-height: 1.09}
h3.heading {margin-bottom: 11px; font-size: 1.16em; color: #3399cc; font-weight: normal}

/* =layout */

body {font: 100.01%/1.4 verdana, arial, tahoma, sans-serif; background-color: #ffffff}
#site {font-size: 75%; margin: 0 auto; width: 980px; background: #838383 url(../images/bg-body.jpg) 0 131px repeat-x}
	
	#header {height: 130px; background: transparent url(../images/bg-header.gif) 0 0 repeat-x; border-bottom: 1px solid #fcfeff}
		#header-outer {margin: 0 auto; width: 980px}
			#header-inner {position: relative; padding: 6px 18px 0}
			
	#content {overflow: hidden; height: 544px; background: transparent url(../images/bg-content.jpg) 50% 0 no-repeat}
		#content-outer {position: relative; margin: 0 auto; width: 955px; height: 544px}
			#content-inner {float: right; width: 575px}
				#content-1 {width: 573px; height: 319px; background: transparent url(../images/bg-content-1.png) 0 0 no-repeat}
					.content-1-inner {padding: 12px 20px}
					
	#footer {height: 129px; border-top: 1px solid #ffffff; text-align: center}
		#footer p {padding-top: 30px; font-size: .833em}

a.real-estate-agents,
a.distributors,
a.buyers {display: block; text-indent: -999em}

a.real-estate-agents {width: 539px; height: 130px; background: transparent url(../images/re-agents-button.gif) 0 0 no-repeat}

a.distributors,
a.buyers {position: absolute; bottom: 3px}

a.distributors {right: 291px; width: 276px; height: 70px; background: transparent url(../images/dist-button.gif) 0 0 no-repeat}
a.buyers {right: 9px; width: 276px; height: 70px; background: transparent url(../images/media-button.gif) 0 0 no-repeat}

.sup {font-size: 9px; vertical-align: super}