/*----------
	Eric Bilston Removals - CSS Document 
----------*/

@import url("reset.css");

/*----------	LaYoUT STYLeS	----------*/
body {
	color: #333333;
	text-align: center;
	font: 62.5%/1.8em Verdana, Arial, Helvetica, sans-serif;
	background: #E8E8E8 url(../images/core/bg.gif) repeat-x top left;
}

#container {
	width: 800px;
	margin: 0 auto;
	font-size: 1.1em;
	text-align: left;
}

#text {
	margin-bottom: 10px;
	border: 1px solid #D1D1D1;
	background-color: #FFFFFF;
}

.white-box {
	height: 400px;
}

/*----------	CoMMoN STYLeS	----------*/
a { color: #666666; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
h1 { padding: 15px 10px 0 12px;}
h2 { font-size: 1.2em; font-weight: bold; margin: 15px 0 0 14px; }
strong { font-weight: bold; }
hr { border: none; border-bottom: 1px solid #AB5C72; margin: 10px; }
p { margin: 10px 15px; }
ul { margin: 10px 20px; list-style-type: none; }
ul li { margin: 0 50px; background: url(../images/core/icon-list.gif) no-repeat left center; padding-left: 10px; }

img.banner { margin: 12px 0 10px 10px; float: left; }
img#mudmap { margin: 10px; float: right; }
img.inner_photos { float: right; margin: 10px; }

.clear { display: block; clear: both; }
.hidden { display: none; }
.left { float: left; }
.right { float: right; }
.top { border-top: 1px solid #AB5C72; text-align: right; font-size: 0.9em; margin: 10px 15px 0; }
.last { margin-right: 0 !important; }
#wflogo { float: right; margin: 10px 0; }

#width-column {}

#width-column ul {
	list-style-type: none;
}

#width-column ul li {
	float: left;	
	margin: 0;
	padding-right: 30px;
	background: none;
	width: 210px;	
	border-right: 1px solid #cccccc;
}

#width-column ul li.no-line {
	border: 0;
}

/*----------	HeaDeR STYLeS	----------*/
#header {
	width: 800px;
	height: 103px;
	position: relative;
}

#header img#logo { position: absolute; top: 17px; left: 0; }
#header img#call_us { position: absolute; top: 47px; left: 475px; }


/*----------	NaVIGaTIoN STYLeS	----------*/
#nav { position: absolute; top: 0px; left: 243px; }
#nav ul { list-style-type: none; margin: 0; }
#nav ul li { display: inline; background: none; float: left; margin: 0; padding: 0; }
#nav ul li a { height: 34px; display: block; letter-spacing: 2px; }
#nav ul li a:hover { background-position: 0 -34px !important; }
#nav ul li#home a { background: url(../images/nav/home.gif) no-repeat; width: 56px; }
#nav ul li#profile a { background: url(../images/nav/profile.gif) no-repeat; width: 54px; }
#nav ul li#commercial a { background: url(../images/nav/commercial.gif) no-repeat; width: 137px; }
#nav ul li#residential a { background: url(../images/nav/residential.gif) no-repeat; width: 131px; }
#nav ul li#quote a { background: url(../images/nav/quote.gif) no-repeat; width: 115px; }
#nav ul li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 64px; }

.home li#home a, .profile li#profile a, .commercial li#commercial a, .residential li#residential a, .quote li#quote a, .contact li#contact a {
	background-position: 0 -34px !important;
}


/*----------	BaNNeR/FLaSH STYLeS	----------*/
#banner { margin-bottom: 11px; }

#flash {
	width: 620px;
	height: 320px;
	position: relative;
	background: url(../images/core/flash_bg.jpg) no-repeat top left;
}
#flash img { position: absolute; top: 10px; left: 10px; border: 1px solid #AAAAAA; display: none; }
#flash img#first { display: block; }


#cta-right { width: 180px; color: #FFFFFF; }
#cta-right p { margin: 10px 0 0 10px; line-height: 14px;  }
#cta-right a { color: #FFFFFF; font-weight: bold; }
#cta-right ul li { margin: 5px 0; }

#need-help {
	height: 228px;
	margin-top: 5px;
	padding-top: 35px;
	_margin-bottom: -2px;
	background: #9A3A55 url(../images/core/need_help.gif) no-repeat top left;
}


/*----------	FeaTUReD CTa STYLeS	----------*/
#featured-cta { height: 190px; width: 800px; }
#featured-cta ul { margin: 0; padding: 0; }
#featured-cta ul li {
	float: left;
	width: 260px;
	margin: 0;
	padding: 0;
	height: 180px;
	background: none;
	margin-right: 10px;
	position: relative;
	background: url(../images/core/cta_bg.jpg) no-repeat left top;
}

#featured-cta ul li a {
	position: absolute;
	top: 10px;
	left: 10px;
	border: 1px solid #AAAAAA;
}


/*----------	INNeR PaGe STYLeS	----------*/
#inner-flash {
	width: 620px;
	height: 160px;
	position: relative;
	background: url(../images/core/banner_bg.jpg) no-repeat top left;
}
#inner-flash img { position: absolute; top: 10px; left: 10px; border: 1px solid #AAAAAA; }

#inner-need-help {
	height: 68px;
	margin-top: 5px;
	padding-top: 35px;
	text-align: justify;
	_margin-bottom: -2px;
	background: #9A3A55 url(../images/core/need_help.gif) no-repeat top left;
}

#inner-need-help p {
	margin: 0 10px;
}

#perth { margin-right: 100px; }


/*----------	FooTeR STYLeS	----------*/
#footer {
	width: 800px;
	height: 58px;
	color: #666666;
	text-align: center;
	background: url(../images/core/footer_bg.gif) no-repeat top left;
}

#footer p { padding-top: 10px; }
#footer a { color: #333333; }