﻿html, body {background-color:#615146;}

#doc-oranje {
	margin:auto;text-align:left; /* leave unchanged */
	width:61.54em;/* non-IE */
	*width:60.06em;/* IE */
	min-width:800px;/* optional but recommended */
}
#yui-main a {color:#000; }
#hd { margin:95px 0 0 0; *zoom:1;}
#hd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#logo { padding:0 0 0 32px; }

#nav { list-style:none; float:left; width:100%; background-color:#534941;}
#nav li { float:left; }
#nav a { text-transform:lowercase; font-size:11px; float:left; color:#fbaf5d; text-decoration:none; padding:20px 10px; display:block; }
#nav a:hover { color:#fff; }
#nav li a.first-of-type {padding-left:10px;margin-left:26px; display:inline;}
#nav li a.selected {color:#fff;}

#ft { background-color:#534941; text-transform:lowercase; font-size:11px; color:#fbaf5d; *zoom:1;}
#ft:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#ft ul { list-style:none; float:left; }
#ft ul li { float:left; padding:18px 6px;}
#ft ul li.first-of-type {margin-left:26px; padding-left:10px; display:inline;}
#ft a {color:#fbaf5d; }

#home,
#howitworks,
#benefits,
#contactus,
#aboutus { height:341px; overflow:visible; position:relative; }

/* Home 
#home { background:url(../images/home-nature-bg.jpg) top left no-repeat; }
*/
#home {background-color:#a1ccf6;}
#home p {margin:20px 0 0 20px; width:425px; padding:10px; background-image:url(../images/transparent-bg.png);}
#home blockquote {padding:20px 0 0 20px; padding-right:350px; font-size:1.5em; font-style:italic; text-align:center;}
#home blockquote strong {font-weight:bold; font-style:italic;}
#home .home-man {position:absolute; right:5px; bottom:-49px; *bottom:-50px; _bottom:-51px; width:297px; height:444px;}

/* How it Works */
#howitworks {background:url(../images/howitworks-bg.gif) top left no-repeat;}
#howitworks h1 {font-size:1.125em; font-weight:bold;} 
#howitworks h1, #howitworks p {padding:20px 350px 0 36px;}

/* Benefits */
#benefits {background-color:#a1ccf6;}
#benefits .screenshot {margin:20px 0 0 20px;}
#benefits p {padding:10px 0 0 20px; font-size:11px;}
#pda-desc {padding:0; text-align:right; position:absolute; top:185px; right:175px;}
#benefits .pda-set {position:absolute; right:0; bottom:-49px; *bottom:-50px; _bottom:-51px; width:286px; height:437px;}

/* Contact Us */
#contactus {background-color:#a1ccf6;}
#contactus blockquote, #contactus p {padding:20px 275px 0 36px;}
#contactus blockquote {font-size:1.25em; font-style:italic; text-align:center;}
#contactus blockquote strong {font-weight:bold; font-style:italic;}
#contactus .contact-girl {position:absolute; right:5px; bottom:-49px; *bottom:-50px; _bottom:-51px; width:274px; height:439px;}

/* About Us */
#aboutus {background:url(../images/home-nature-bg.jpg) top left no-repeat;}
#aboutus h1 {font-size:1.125em; font-weight:bold; padding:20px 375px 20px 36px;}
#aboutus p {margin:0 0 0 20px; padding:10px; width:410px; background:url(../images/transparent-bg.png);}
#aboutus .contractor-guy {position:absolute; right:5px; bottom:-49px; *bottom:-50px; _bottom:-51px; width:362px; height:457px;}