html, body { height:100%; margin:0em!important; padding:0em!important; font-family:arial; font-size:12px; min-height:750px!important; }
body { background:#000 url('../img/bg-beach.jpg') center top no-repeat; margin:0em auto; font-size:100%; }

/* Zero-out Google toolbar defaults */
input.text, textarea, select { color:#fff!important; background-color:#EB731F!important; border:3px solid #EB7E1F!important; }

/* Set form defaults */
input:focus, textarea:focus, select:focus { color: #fff!important;  background-color:#d9531e!important; border-color:#d9531e!important; background:#d9531e!important;}

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 689px;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 689px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .hidden { display:none; }

#contentGallery { margin:0em auto -72px; clear:both; background-color:#fff; color:#333; border:10px solid #fff; height:405px; }

#textGallery { margin:0em auto; clear:both; background-color:#000; color:#fff; border:10px solid #000; height:4em; }
#textGallery .belt { height:67px; }
#textGallery .panel { float:none; height:67px; }

.samplebuttons { margin:0em auto; width:689px; height:0px!important; overflow:visible; }
.samplebuttons #back { position:relative; top:-40px; float:left; left:-144px; }
.samplebuttons #label { position:relative; top:-200px; float:left; right:278px; }
.samplebuttons #next { position:relative; top:-200px; float:right; right:-144px; margin-left:80px; }
.samplebuttons #pledge-it { position:relative; float: right; right: -358px; top: -315px; }

h1 { width:709px; height:52px; margin:0px auto; padding:56px 0px 16px; float:none; overflow:auto; position:relative; }
h1 .left { position:absolute; top:56px; left:0px; }
h1 .separator { position:absolute; top:57px; right:257px; }
h1 .right { position:absolute; top:56px; right:0px; }
h1 #counter { position:absolute; bottom:40px; right:160px; color:#000; font-size:28px!important; letter-spacing:-0.1em;; }
.hidden { display:none; }

.columns { width:705px!important; }
.columns .column { width:229px; float:left; margin-right:6px; }

.panel h2 { font-weight:bold; text-transform:uppercase; padding:10px 0px 8px 12px!important; color:#fff; font-size:14px; margin:0em 0em 1em; }
.panel h2,
.left h2 { background-color:#eb7e1f; }
.middle h2 { background-color:#00aacb; }
.right h2 { background-color:#d9531e; }

.panel h3, .column h3 { font-weight:bold; margin:1em 6px 0em; }
.panel p, .column p { margin:0em 6px 1em; }
.left h3 { color:#eb7e1f; }
.middle h3 { color:#00aacb; }
.right h3 { color:#d9531e; }

#textGallery h2 { font-weight:bold; font-size:1.2em; }

table { border:1px solid #fff; }
table th { border:6px solid #fff; background:#eb7e1f; color:#fff; font-weight:bold; padding:5px 6px 5px 12px!important; font-size: 9pt; }
table td { border:6px solid #fff; padding: 0 6px 0 12px!important; font-size: 9pt; }
th.left { background-color:#eb7e1f; width:50%; }
th.middle { background-color:#00aacb; width:25%; }
th.right { background-color:#d9531e; width:25%; }
table .middle, table .right { text-align:center;}

#fw-thinking th.left { background-color:#eb7e1f; width:20%; }
#fw-thinking th.middle { background-color:#00aacb; width:20%; }
#fw-thinking th.right { background-color:#d9531e; width:60%; }
table#fw-thinking .right { text-align:left;}
#fw-thinking tr.border-total {}

table#fw-thinking th { border:6px solid #fff; background:#eb7e1f; color:#fff; font-weight:bold; padding:3px 6px 3px 12px!important; font-size: 8pt; }
table#fw-thinking td { border:6px solid #fff; padding: 0 6px 0 12px!important; font-size: 8pt; }

.hannah { color:#eb7e1f; display:none; }
blockquote { color:#d9531e; font-size:1.2em; font-weight:bold; text-align:center; width:80%; margin:0em auto; }
cite { display:block; text-align:right; color:#eb7e1f; width:80%; margin:0em auto 2em; }

a { color:#eb7e1f; text-decoration:none; }
a:hover { color:#d9531e; text-decoration:underline; }

ol { margin:1em; padding-left:1em; }
li { margin-left:1em; padding-left:1em; }
ul li { list-style:none; background:url('img/bullet.gif') 0px 0px no-repeat; }
ol li { margin-left:1em; padding-left:1em; }

#footer { position:absolute; top:695px; width:100%; background:#000; height:55px; }
ul#icons { width:600px; overflow:auto; margin:13px auto 18px; padding-left:0em; overflow:visible; }
ul#icons li { list-style:none; float:left; margin:0em 30px; padding-left:0em; background:none; }

#form-left {float: left; width: 344px;}
#form-right {float: left; width: 344px;}
form { width:100%; overflow:hidden; }
form label { float:left; width:8em; clear:left; margin:0.5em; text-align:right; cursor:pointer; }
form .error { clear:none; text-align:left; color:#d9531e; width:auto; }
form input { float:left; width:16em; border:3px solid #eb7e1f; background:#eb731f; color:#fff; font-weight:bold; margin:0.5em; cursor:pointer; }
form input:focus { border-color:#d9531e; background:#d9531e; color:#fff; font-weight:bold; }
form input.checkbox { width:auto; border:none; background:none; }
form input.postcode { width:3em; }
form input#Submit { width:13em!important; padding:0em!important; }
form input#Submit:hover { border-color:#d9531e; background:#d9531e; }
form .lblCaptcha {float:none; padding-bottom: 10px;}
form .imgCaptcha {height:45px; padding:0 0 0 3px; text-align:center;}
form label.error {float:right; margin-right:77px;}
div.mandatory { float:left; width:auto; clear:left; margin:0.5em; text-align:right; }
div.mandatory,
form label b { color:#d9531e; width:auto; }

ul.photos { padding-left: 3.8em; }
ul.photos li { background:#eee transparent url('img/photo.jpg') left top no-repeat; width:100px; height:4.1em; padding:100px 0em 0em; float:left; margin:10px; text-align:center; font-size:95%; font-weight: bold; overflow: hidden; }
ul.photos li span { display: block; font-size: 85%; font-weight: normal; }

dl#experts-content {font-size: 95%;}
#experts-content dt.link {padding-left: 0.5em;}
#experts-content dt {font-weight: bold; padding: 0; margin: 0; float: left; padding-left: 1em;}
#experts-content dt.single {float: none; padding-bottom: 0.5em;}
#experts-content dd {padding: 0; margin: 0; clear: left; padding-bottom: 0.5em;}
#experts-content dd.quote {font-style: italic;}

dl#experts-content p {padding: 0; margin: 0; margin-left: 2em;}

/* clearfix
	http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/
	-------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: inline-block; }
	* html .clearfix { height: 1%; } /* Hides from IE-mac */
	.clearfix { display: block; } /* End hide from IE-mac */