@charset "UTF-8";

/*Note:This CSS file may not always be valid according to the W3C standards.
It may contain proprietary/nonstandard or yet unsupported code.
This code is used to fix certain user agent rendering bugs, or to enhance the website/application in the case of more advanced user agents.*/

/*
@website:
@author:andrei stefan
@copyright:andrei.stefan@spotonearth 2008 

1.   general rules
1.1. global reset
1.2. typography
1.3. forms
1.4. tables
1.5. alignment classes
1.6. floats
1.7. misc

2.   layout
2.1. container
2.2. header
2.3. content
2.4. footer
*/

/*************************************
1. General rules
**************************************/

/*---------1.1. global reset-------------*/
*{ 
    margin:0px;
    outline:0; 
    font-size:100%; 
    text-decoration:none;
		text-indent:0px;
		font-style:normal;
		font-family:inherit;
}

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, ul, ol, li, dl, dt, dd, fieldset, form, label, legend, input, select, option, optgroup{
	padding:0px;
}

html{
	width:100%;
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	background:#070707 url(../images/body.gif) center top repeat;
}

*:focus::-moz-focus-inner {
    border-color: transparent ! important;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

pre {
	white-space: pre; /* CSS2 */
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  word-wrap: break-word; /* IE */
	width:100%; /*IE*/
	overflow:auto;
}

pre code{
	display:block;
}

fieldset,
img{
	border:none;
}

ul,
ol{
	padding-left:2em;
	list-style-position:outside;
}

#header ul,
#header ol,
#footer ul,
#footer ol,
#sideContent ul,
#sideContent ol{
	padding:0px;
	list-style:none;
}
/*end*/

/*-------1.2. typography----*/

/*headings and paragraphs*/
h1{
	margin-bottom:10px;
	font-size:20px;
	font-weight:lighter;
	text-transform:uppercase;
}

h1#welcome{
	position:relative;
	width:245px;
	height:35px;
	overflow:hidden;
}

h1#welcome span{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/welcome.gif) center center no-repeat;
}

h1#houseClearances{
	position:relative;
	width:455px;
	height:35px;
	overflow:hidden;
}

h1#houseClearances span{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/house-clearances.gif) center center no-repeat;
}

h1#contactDetails{
	position:relative;
	width:395px;
	height:35px;
	overflow:hidden;
}

h1#contactDetails span{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/contact-details.gif) center center no-repeat;
}

h1#enquiryForm{
	position:relative;
	width:200px;
	height:35px;
	overflow:hidden;
}

h1#enquiryForm span{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/enquiry-form.gif) center center no-repeat;
}

h2{
	text-transform:uppercase;
	padding:0px 0px 0px 10px;
	background:url(../images/h2.gif) center left no-repeat;
	margin-bottom:5px;
}

h2 span{
	color:#ff9900;
}

h3{}

h4{}

h5{}

h6{}

p{
	margin-bottom:15px;
}

blockquote{}

blockquote p{}

/*links*/
a{
	cursor:pointer;
}

a:link,
a:visited{
	color:#FF9900
}

a:hover, 
a:focus,
a:active{}

#content a{
	text-decoration:underline;
}

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

/*phrase elements*/
strong, b{
	font-weight:bold;
}

em, i{
	font-style:oblique;
}

del, strike, s{
	text-decoration:line-through;
}

ins, u{
	text-decoration:underline;
}

abbr,
acronym{
	border-bottom:1px dashed #000;
	cursor:help;
	font-variant:normal;
}

sup{
	vertical-align:text-top;
}

sub{
	vertical-align:text-bottom;
}

dfn{}

cite{}

kbd{
	padding: 0px 2px;
	background:#F7F7F7;
	border-style:solid;
	border-color:#eee;
	border-width: 1px 2px 2px 1px;
}

var{}

code{}

samp{}
/*end*/

/*------------1.3. forms-----------------*/
form{}


fieldset{
	position:relative;
	border-bottom:1px dashed #B2B2B2;
}

legend{
	color:#505050;
}

legend span{
	position:absolute;
	top:0px;
	left:-30px;
	font-size:220%;
}

div.buttons2{
	position:relative;
	margin-top:-23px;
	height:30px;
	padding:0px 15px;
	background:url(../images/buttons2.png) bottom right no-repeat;
	text-align:right;
	font-weight:lighter;
	zoom:1.0;
}

div.buttons2 button{
	margin:0px;
	padding:0px;
	background:none;
	border:none;
	color:#fff;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-size:1.6em;
}

form ol,
form ul{
	padding:6px 0px;
	list-style:none;
}

form li{
	float:left;
	padding:7px 10px 7px 0px;
}

form.alternate li{
	padding:7px 6px 7px 0px;
}

form dl dt{
	float:left;
	clear:left;
	width:50%;
}

form dl dd{
	float:right;
	clear:right;
	width:50%;
}

label{
	padding:0px 0px 0px 10px;
	color:#ff9900;
	background:url(../images/label.gif) center left no-repeat;
	font-size:0.9em;
}

form.alternate label{
	background:url(../images/label2.gif) center left no-repeat;
	color:#000;
}

label.choise{
	display:inline;
}

label.hidden{
	background:none !important;
}

label span{
	color:#fff;
}

form.alternate label span{
	color:#666;
}

form li label{
	display:block;
}

form label.desc{
	cursor:default;
}

legend{}

input.textInput{
	display:block;
	clear:both;
	background:#333;
	border:1px solid #666;
	padding:2px 1px;
	color:#fff;
	width:130px;
}

input.large{
	width:260px;
}

form.alternate input.large{
	width:255px;
}

input.textInput:focus,
input.textInput:active{}

input.passwordInput{}

input.fileInput{}

input.hiddenInput{}

input.radioInput{}

input.checkbox{}

input.imageInput{}

input[type="submit"],
input[type="reset"],
input[type="button"]
{
	cursor:pointer;
}

button,
.submitBtn,
.resetBtn { 
  width:auto;
	overflow:visible;
  text-align:center; 
	cursor:pointer;
}

button span { 
  display:block; 
  white-space:nowrap; 
}

.submitBtn{}

.resetBtn{}

.submitBtn:hover,
.submitBtn:focus,
.submitBtn:active,
.resetBtn:hover,
.resetBtn:focus,
.resetBtn:active,
button:hover,
button:focus,
button:active{}

select{
	background:#333;
	border:1px solid #666;
	padding:1px;
	color:#fff;
	width:130px;
}

select:focus,
select:active{}

option{}

optgroup{}

textarea{
	width:260px;
	height:90px;
	background:#333;
	border:1px solid #666;
	padding:1px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

form.alternate textarea{
	width:255px;
}

textarea:focus,
textarea:active{
	
}
/*end*/

/*--------------1.4. tables-------------*/
table {
  border:none;
	border-collapse:collapse; 
	border-spacing:0;  /*when set to "0" cellspacing has no effect on tables */
}

tr{}

td{}

th{}

caption{
	text-align:center;
	font-weight:bold;
}
/*end*/

/*-------1.5. alignment classes-------*/
.left{
	text-align:left;
}

img.left{
	float:left;
	clear:left;
}

.center{
	text-align:center;
}

img.center{
	margin:0 auto;
	display:block;
}

.right{
	text-align:right;
}

img.right{
	float:right;
	clear:right;
}
/*end*/

/*-------------1.6. floats-------------*/
.floatLeft{
	float:left;
	clear:left;
}

.floatRight{
	float:right;
	clear:right;
}
/*end*/

/*------1.6.1. clearing floats---------*/
.clearfix:after,
form li:after,
form dl:after,
form dt:after, 
form dd:after,
ul:after,
ol:after,
dl:after,
#mainNav:after,
.contents:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/*end*/

/*-------1.7. misc------*/
.accessAid{
	position:absolute !important;
	top:-9999em !important;
	left:-9999em !important;
	width:0px !important;
	height:0px !important;
	overflow:hidden !important;
	font-size:0px !important;
	margin:0px !important;
	padding:0px !important;
	background:none !important;
}

.noJSWarning{
	text-align:center;
	color:#FF0000;
}

.pad1{}

.pad2{}

.highlight1{}

.highlight2{}
/*end*/

/************************************
2. Layout
*************************************/

/*------------2.1. container------------*/
#container{
	width:865px;
	margin:0 auto;
	position:relative;
	font-size:1.2em;
	color:#666666;
}
/*end*/

/*------------2.2. header---------------*/
#header{
}

a#logo{
	display:block;
	width:276px;
	height:88px;
	background:url(../images/logo.png) center center no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

#messageArea{
	float:right;
}

#messageArea object,
#messageArea img,
#banner img{
	display:block;
}

#banner{
	position:relative;
	zoom:1.0;
	z-index:10;
}

#bannerLink{
	position:absolute;
	bottom:0px;
	left:0px;
	width:830px;
	background:url(../images/overlay1.png) repeat; 
	text-align:right;
	padding:10px 0px;
	text-transform:uppercase;
	border-bottom:2px solid #ff9900;
}

#bannerLink a{
	display:block;
	zoom:1.0;
	color:#fff;
	padding:0px 15px 0px 10px;
	margin:0px 10px;
	background:url(../images/bannerLink.gif) center right no-repeat;
}

#bannerLink a:hover,
#bannerLink a:focus,
#bannerLink a:active{
	color:#FF9900
}

#bannerLink a span{
	display:block;
	font-weight:bold;
	font-size:120%;
}

#header a.more{
	position:absolute;
	bottom:-20px;
	right:35px;
	display:block;
	width:100px;
	height:20px;
	line-height:20px;
	padding:0px 15px;
	background:url(../images/more.gif) center right no-repeat;
	text-transform:uppercase;
	text-align:right;
	color:#fff;
	font-size:80%;
}
/*-----------------------------*/
/* @ group main navigation*/
/*-----------------------------*/
#mainNav{
	background:url(../images/mainNav.gif) top left;
	clear:both;
	padding:5px;
}

#mainNav ul{
	float:left;
	padding:3px;
}

#mainNav li{
	float:left;
	margin:0px 10px;
}

#mainNav a{
	display:block;
	float:left;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	margin-left:5px;
	position:relative;
}

#mainNav a span{
	display:block;
	float:left;
	height:27px;
	line-height:27px;
	padding:0px 10px;
	margin-left:-5px;
	position:relative;
}

#mainNav a:hover,
#mainNav a:focus,
#mainNav li.selected a{
	background:url(../images/selectedLinkRight.gif) center right no-repeat;
	color:#ff6600;
}

#mainNav a:hover span,
#mainNav a:focus span,
#mainNav li.selected a span{
	background:url(../images/selectedLinkLeft.gif) center left no-repeat;
}
/* end */

/*-----------------------------*/
/* @ group main navigation*/
/*-----------------------------*/
#secNav{
	color:#999;
	text-transform:uppercase;
	border-bottom:1px dashed #b2b2b2;
	padding:0px 0px 3px 0px !important;
	margin:0px 0px 3px 0px;
}

#secNav li{
	display:inline;
	padding:0px 5px;
	border-right:1px solid #999;
}

#secNav li.last{
	border-right:none;
}

#secNav a{
	color:#999;
}

#secNav a:hover,
#secNav a:focus,
#secNav a:active,
#secNav li.selected a{
	color:#FF9900;
}
/* end */

/*-----------------------------*/
/* @ group user navigation*/
/*-----------------------------*/
#actions{
	float:right;
	padding:0px 3px 0px 0px;
	margin-top:-16px;
	position:relative;
	z-index:40;
}

#actions li{
	float:left;
	border-left:1px solid #808080;
}

#actions a{
	display:block;
	float:left;
	width:16px;
	height:16px;
	margin:0px 5px;
	text-indent:-9999px;
	overflow:hidden;
	opacity: 0.4;
  -moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	filter: alpha(opacity=40);
}

#actions a:hover{
	opacity: 1;
  -moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
}

#actions li.homeLi{
	border-left:none;
}

#actions li.homeLi a{
	background:url(../images/homeLi.gif) center center no-repeat;
}

#actions li.contactLi a{
	background:url(../images/contactLi.gif) center center no-repeat;
}
/*end*/

/*------------2.3. content--------------*/
#content{
}

body#enquiry #content{
	background:#fff;
}

.contents{
	min-height:250px;
	padding:10px 7px 30px 7px;
	position:relative;
	background:#D0D0D0 url(../images/content.gif) top left repeat-x;
	zoom:1.0;
	overflow:hidden;
}

.contents2{
	padding:10px;
}

#leftCol,
#centerCol,
#rightCol{
	float:left;
	width:270px;
	padding:6px;
	padding-bottom:500px;
	margin-bottom:-500px;
	position:relative;
}

#leftCol{
	border-right:1px dashed #B2B2B2;
}

#rightCol{
	border-left:1px dashed #B2B2B2;
}

#rightCol2{
	float:left;
	width:550px;
	padding:6px;
}

div.buttons{
	position:absolute;
	bottom:0px;
	left:0px;
	width:845px;
	height:30px;
	line-height:30px;
	padding:0px 10px;
	text-align:right;
	background:url(../images/buttons.gif) center bottom no-repeat;
}

#content div.buttons a{
	color:#fff;
	text-decoration:none;
}
/*-----------------------------*/
/* @ group enquiry form*/
/*-----------------------------*/
.js form#enquiryForm{
	display:none;
}

.js form#enquiryForm.alternate{
	display:block;
}

#descriptionArea{
	float:left;
	width:285px;
}

form.alternate #descriptionArea{
	width:280px;
}

#descriptionArea li{
	float:none;
}

.js #enquiryForm #soldPropertyNo{
	display:none;
}
/*end*/

/*-----------2.4. footer----------------*/
#footer{
	position:relative;
	background:#fff;
	min-height:45px;
	padding:5px 120px 0px 0px;
	font-weight:bold;
}

p#copyright{
	margin:0px;
	text-align:right;
	text-transform:uppercase;
	color:#ff9900;
}

a#credits{
	display:block;
	width:110px;
	height:50px;
	position:absolute;
	top:0px;
	right:0px;
	text-indent:-999px;
	overflow:hidden;
	background:url(../images/vitamin-bomb-studios.jpg) center center no-repeat;
}
/*end*/