/*
   style.css
   template
   
   Created by Callum Wilson on 2008-10-17.
   Copyright 2008 Oxygen Kiosk. All rights reserved.

	Colours:
	Orange: #FF7F00
*/

* {margin: 0;padding: 0;}
body {font: 76% "Helvetica Neue", helvetica, verdana, arial, sans-serif; line-height: 1.6; color:#3C3C3C; background: #4D4D4D;}
h2, h4, h3, p, table, ul, ol, blockquote {margin-bottom: 1em;}
h2 {font-weight: normal; font-size: 1.7em; margin-bottom: 0; color: #FF6300;}
h3 {font-weight: bold;}
p, h3, li {font-size: 1em;}
ul li {list-style: square outside;}
h3 {margin-bottom: 0.5em;}
a img {border: none;}
a {outline: none;}

form ol {list-style: none; margin-bottom: 0; padding-bottom: 1em;}
	form ol li {margin-bottom: 1em; overflow: hidden; display: inline-block;color: #6C6C65;} form ol li {display: block;}
	form ol li label {display: block; float: left; width: 100px; text-align: right; margin-right: 10px; color: #6C6C65;}
	form ol li input {float: left;}
	form ol li.checkbox, form ol li.instructions, form ol li.submit {padding-left: 110px;}
		form ol li.checkbox label {width: 300px; text-align: left; margin-left: 10px;}
/* ========== */
/* = Layout = */
/* ========== */
#outer-wrapper {width: 800px; margin: 10px auto; border: 1px solid #C7C8CB; background: #fff;}
#wrapper {background: #CCCFB1; margin: 20px; padding-top: 58px;}
	body.contact #wrapper {background: #D6D7C0;}
#banner {overflow: hidden; display: inline-block; margin: 0 0 0 -21px; border-top: 5px solid #fff; border-bottom: 5px solid #fff;} #banner {display: block;}
	body#gallery #banner {border-bottom: none;}
	h1#logo {width: 228px; height: 180px; float: left;}
		h1#logo a {display: block; line-height: 180px; background: url(../img/logo.png) center center no-repeat #FF7F00; text-indent: -9999em;}
#content {/*width: 400px; */margin-left: 207px; padding-right: 30px;}
#footer {clear: both; background: #FF7F00; padding-left: 210px;margin-top: 50px;}
/* Navigation - Top */
ul#menu {text-align: center; background: #C2C3A1; margin-bottom: 0;}
	ul#menu li {display: inline;}
		ul#menu li a {display: inline-block; line-height: 30px; font-size:  1em; color: #fff; text-decoration: none; padding: 0 10px;}
		ul#menu li a:hover, ul#menu li.active a {color: #333;}

/* Banner*/
#banner img {float: left; display: block; width: 553px;}

/* Content Area */
.highlight {color: #818079; font-size: 1.6em; font-weight: normal; line-height: 1; background: #BDC1A6; margin-right: -30px;}
	.highlight .large {color: #fff; font-size: 2em; line-height: 1em;}
	.highlight .caps {color: #f7941e;}
	body.about .highlight {background: #CCCFB1;}
	body.contact .highlight {margin-left: -207px; padding-left: 122px; background: #D6D7C0; border-bottom: 1px solid #fff;}
h2 span.highlight {font-size: 1.7em; text-transform: uppercase;color:#FF6300; margin-right: 0; line-height: 1.6; background: transparent;}

img.highlight-image {display: block;}

.catchy {font-size: 1.4em; color: #F36F32;}
.question {color: #fff; font-weight: bold;}

/* Services */
div.intro {margin-left: -210px; padding-left: 210px; background: url(../img/arrow.gif) 50px 20px no-repeat; }
h3.we-start {font-size: 2em; color: #437640; font-weight: normal;}
a.package-link {color: #4d4d4d; text-decoration: none;}
	a.package-link:hover {border-bottom: 1px solid #999;}
	a.package-link span.package-name {color: #fff; font-size: 1.6em; font-weight: normal; padding-right: 10px;}
a.package-link-text {color: #ff7f00; text-decoration: none;}

div.packages {margin-left: -210px; padding-left: 190px; border-top: 1px solid #fff; margin-right: -30px; margin-bottom: 1em;}
	div.packages-inner {border-left: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 20px;}

div#services-1 {background: url(../img/ol-1.gif) 20px 45px no-repeat; margin-left: -100px; padding-left: 100px;}
div#services-2 {background: url(../img/ol-2.gif) 20px 41px no-repeat; margin-left: -100px; padding-left: 100px;}
div#services-3 {background: url(../img/ol-3.gif) 20px 0px no-repeat; margin-left: -100px; padding-left: 100px; padding-top: 10px; margin-bottom: 2em;}

div.mini {padding-left: 200px;}
/* ===================== */
/* = Blockquote Styles = */
/* ===================== */
blockquote.frontpage {margin-left: -207px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #CCCFB1; width: 740px; padding: 20px 10px; margin-bottom: 0;}
	blockquote.frontpage p {margin-left: 90px; font-size: 2.2em; color: #FF6300; margin-bottom: 0; line-height: 1.2em; font-weight: 100; font-family: "Helvetica Neue Thin", "Helvetica Neue 35 Thin", "Helvetica Neue", helvetica, verdana, arial, sans-serif;}
	blockquote.frontpage p span.indent {margin-left: 50px; display: block;}
		blockquote.frontpage p span.indent strong {font-weight: bold; text-transform: uppercase;}
		blockquote.frontpage p a {font-size: 0.6em; color:#fff; display: block; margin-left: 50px;}
		blockquote.frontpage p.cite {color: #fff; font-size: 1em; background: none;}
		
		
		
blockquote.frontpage-quote {margin-left: -207px; border-bottom: 1px solid #fff; width: 740px; padding: 10px 10px; margin-bottom: 1em;background: url(../img/pullquote-open.gif)  120px 0px no-repeat #CCCFB1;}
	blockquote.frontpage-quote p {margin-left: 200px; font-size: 1.2em; line-height: 1.2em;margin-bottom: 0; font-weight: bold; padding-right: 10px;}
	blockquote.frontpage-quote p.cite {font-weight: normal; font-size: 1em;margin-top: 1em;}
	blockquote.frontpage-quote div {background: url(../img/pullquote-close.gif) bottom right no-repeat;}
	
/*Main Style*/
blockquote.pullquote {margin-left: -207px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: url(../img/pullquote-open.gif)  140px 0px no-repeat #CCCFB1; width: 740px; padding: 20px 10px;}
	blockquote.pullquote p {margin-left: 90px; font-size: 1.8em; color: #f36f32; margin-bottom: 0; line-height: 1.2em; font-weight: 100; font-family: "Helvetica Neue Thin", "Helvetica Neue 35 Thin", "Helvetica Neue", helvetica, verdana, arial, sans-serif; background: url(../img/pullquote-close.gif) bottom right no-repeat;}
		blockquote.pullquote p span.indent {margin-left: 50px; display: block;}
			blockquote.pullquote p span.indent strong {font-weight: bold; text-transform: uppercase;}
			blockquote.pullquote p a {font-size: 0.7em; color:#fff; display: block; margin-left: 50px;}
			blockquote.pullquote p.cite {color: #fff; font-size: 1em; background: none;}
			
/* Move the quotation marks */
body.benefits blockquote.pullquote {background: url(../img/pullquote-open.gif)  10px 0px no-repeat #CCCFB1}
	body.benefits blockquote.pullquote p {margin-left: 70px; font-size: 1.7em; background: transparent;}
	body.benefits blockquote.pullquote p.cite {color: #fff; font-size: 1em; background: none;}
	body.benefits blockquote.pullquote div {background: url(../img/pullquote-close.gif) bottom right no-repeat;}
body.services blockquote.pullquote {background: url(../img/pullquote-open.gif)  80px 0px no-repeat #CCCFB1}
body.about blockquote.pullquote {background: url(../img/pullquote-open.gif)  160px 0px no-repeat #CCCFB1}
body.services blockquote.pullquote {background: url(../img/pullquote-open.gif)  190px 0px no-repeat #CCCFB1}
body.pre-sales-consultation blockquote.pullquote {background: url(../img/pullquote-open.gif)  130px 0px no-repeat #CCCFB1}
body.home-staging-transformation blockquote.pullquote {background: url(../img/pullquote-open.gif)  180px 0px no-repeat #CCCFB1}
body.display-homes blockquote.pullquote {background: url(../img/pullquote-open.gif)  90px 0px no-repeat #CCCFB1}
/*Smaller Style*/
blockquote.smaller-pullquote {padding: 0 10px; margin-right: -30px;}
	blockquote.smaller-pullquote p {font-size: 1.1em; text-align: center; color: #BD0000; padding: 20px 0; font-weight: 100;font-family: "Helvetica Neue Thin", "Helvetica Neue 35 Thin", "Helvetica Neue", helvetica, verdana, arial, sans-serif; padding-left: 90px;}
		/*body.about blockquote.smaller-pullquote p {color: #FC001B;}*/
	blockquote.smaller-pullquote p.cite {text-align: left; color: #FF7F00; padding: 0; margin-bottom: 10px;}
	body.about blockquote.smaller-pullquote p.cite {text-align: left; color: #FF7F00; padding: 0; margin-bottom: 10px; padding-left: 120px;}
/*Deb Talking*/
blockquote.deb-quote {margin-left: -210px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #CCCFB1; width: 740px; overflow: hidden; display: inline-block; line-height: 1.5em; padding-right: 20px;} blockquote.deb-quote {display: block;}
	blockquote.deb-quote img {float: left;}
	blockquote.deb-quote p {font-size: 1.2em; font-weight: bold; margin-left: 240px; margin-bottom: 0; margin-top: 1em; margin-right: 1em; color: #4d4d4d;}
	
p.listen {height: 54px; line-height: 54px; background: url(../img/audio.gif) left center no-repeat; padding-left: 40px;}
	p.listen a {background: url(../img/listen-play.gif) right center no-repeat transparent; color: #fff; padding-right: 30px; font-weight: normal; text-decoration: none; display: inline-block;}
/*Front Page*/
p.mega-pullquote {margin-left: -207px; margin-right: -30px;border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #fff; font-size: 1.6em; padding:  10px 0 10px 85px; margin-bottom: 0;}
blockquote.question {margin-left: -207px; border-top: 1px solid #fff; background: #CCCFB1; width: 760px;}
	blockquote.question p {border-left: 1px solid #fff;margin-left: 190px; padding: 20px; font-size: 1.2em; margin-bottom: 0; font-weight: normal; border-bottom: 1px solid #fff; }
		blockquote.question p a {color:  #BD0000; text-decoration: none;}
		
em.percentage {font-style: normal; font-size: 1.6em; color: #FF7F00;}
/* Extras */
div.extras {margin-left: -210px; margin-right: -30px;}
	div.extras h4 {width: 130px; margin-top: -50px; color:  #ff7f00; border: 1px solid #fff; padding: 1em 10px 1em 50px; margin-bottom: 0;border-left: none; line-height: 1;}
	ul.specifics {border: 1px solid #fff; border-top: none;list-style: none; width: 130px; padding: 1em 10px 1em 50px; border-left: none; float: left;}
	ul.siblings {float: left;list-style: none; border: 1px solid #fff; border-left: none; border-right: none; overflow: hidden; display: inline-block; width: 568px;margin-top: -1px;} ul.siblings {display: block;}
		ul.siblings li {float: left; display: inline-block; padding: 10px 8px; font-size: 1.4em; border-right: 1px solid #fff;}
		ul.siblings li:last-child, ul.siblings li.last-item {border-right: none}
			ul.siblings li a {color: #fff; text-decoration: none;}
				ul.siblings li:last-child a, ul.siblings li.last-item a {color:#BD0000 ;}
div.mini {border-top: 1px solid #fff; margin-right: -30px;}
div.mini ul.siblings {border-bottom: none; margin-right: -30px; margin-bottom: 2em; border-top: none;}
	div.mini ul.siblings li {border-bottom: 1px solid #fff;}
	div.mini ul.siblings li:first-child {border-left: 1px solid #fff;}
/*	div.mini ul.siblings li:last-child {padding-right: 20px}*/

/* Big Ordered List */
ol.large { margin-left: -80px; list-style: none;}
	ol.large li {list-style-position: bottom left; display: block; padding-left: 80px; padding-bottom: 1em; list-style: none;}
		ol.large li.large1 {background: url(../img/ol-1.gif) top left no-repeat;}
		ol.large li.large2 {background: url(../img/ol-2.gif) top left no-repeat;}
		ol.large li.large3 {background: url(../img/ol-3.gif) top left no-repeat;}
		ol.large li.large4 {background: url(../img/ol-4.gif) top left no-repeat;}

/* footer */
#footer {height: 30px;}
	#footer p {font-size: 0.8em; line-height: 30px;}
	#footer a {color: #3C3C3C; text-decoration: none;}
	
/* Forms */
label {display: block;}

/* Gallery	*/
div#gallery {width: 543px; height: 286px; float: left; background: white; padding-left: 10px; }
body.gallery h2 {font-size: 1.4em; font-weight: normal;}
p.gallery-navigation {margin-top: 30px; padding-left: 100px;}
div#gallery-thumbs {width: 553px; float: right;}
div#gallery-thumbs ul {list-style: none; overflow: hidden;display: inline-block; margin-bottom: 0; list-style: none;border-left: 6px solid #E6E7D8; border-right: 1px solid #E6E7D8;} div#gallery-thumbs ul {display: block;}
		div#gallery-thumbs ul li {float: left; background: #E6E7D8; padding: 4px;list-style: none;}
			div#gallery-thumbs ul li a img {border: none; display: block; width: 83px;}
body.gallery #banner {border-bottom: none;}

/* Contact Form */
span.phone {color: #fff; font-size: 1.6em;}
p.hottest {margin-left: -10px;}
div.contact {margin-left: -207px; padding-left: 287px;margin-right: -30px; border-bottom: 1px solid #fff; padding-top: 25px;}
	div.contact-1 {background: url(../img/contact-1.gif) 207px 5px no-repeat;}
	div.contact-2 {padding-top: 0; padding-left: 202px;}
		div.contact-2 div.contact-inner {background: url(../img/contact-2.gif) 5px 5px no-repeat #CCCBB0; padding-top: 25px; padding-left: 85px; padding-bottom: 1em;}
		div.contact-2 form {margin-left: -110px;}
		div.contact-2 p {margin-bottom: 0;}
	div.contact-3 {background: url(../img/contact-3.gif) 207px 5px no-repeat;border-bottom: none;}
		div.contact-3 a {text-decoration: none;color: #4d4d4d;}
		
div.errors {border:1px solid #F80000; color:#F80000; font-size:1.2em; padding:1em; margin:1em 1em 1em 0;}

/* ====================== */
/* =   New Front Page   = */
/* ====================== */
body.Home-Staging-Brisbane-Australia #content {margin-left:0; padding-right:0; }
body.Home-Staging-Brisbane-Australia blockquote.frontpage-quote, body.Home-Staging-Brisbane-Australia blockquote.frontpage {margin-left: 0}
body.Home-Staging-Brisbane-Australia blockquote.frontpage-quote p {margin-left:0}
body.Home-Staging-Brisbane-Australia blockquote.frontpage-quote {border-bottom: none; background:#CCCFB1 url(../img/pullquote-open.gif) no-repeat scroll 0 0; width:auto; margin-left: -40px; padding-left:40px}
body.Home-Staging-Brisbane-Australia blockquote.frontpage p {margin-left:0; text-align:center}
body.Home-Staging-Brisbane-Australia blockquote.frontpage p strong {color:#fff; font-weight: normal; text-transform: uppercase;}
body.Home-Staging-Brisbane-Australia .highlight {margin-right: 0; text-align:center}
body.Home-Staging-Brisbane-Australia .highlight img {display:inline}
body.Home-Staging-Brisbane-Australia #footer {margin-top: 0;}
.call-button-wrapper {border: 1px solid #fff; border-right:none; border-top: none; color:#F08231; padding-right:50px; border-left:0}
.call-button {width:161px; float:left; margin-right: 40px; }
.call-button img {float:right; margin-right:1px}
.call-button-wrapper .call-button p {height:auto; padding-top:0}

.call-button-wrapper p {height:65px; color:#f08231; margin-bottom:0; font-size:1.5em; line-height: 1.2; padding-top: 16px}

.buttons-holder {float:left; width:160px; padding-top:40px}
.buttons-holder p {margin-bottom: 0;}
.buttons-holder img, .buttons-holder object {display:block; float:right}
.buttons-holder object {}

.front-page-content {overflow:hidden; border-left:1px solid #fff; padding-left:39px; padding-bottom:50px; padding-top:10px; padding-right:20px}

/* ========== */
/* =   Contain Floats   = */
/* ========== */
.call-button-wrapper, .call-button {display: inline-block; overflow:hidden}
.call-button-wrapper, .call-button {display: block;}