/* STANDARD FORMATTING	*/
html,body,ul,ol,li,div,p,h1,h2,h3,hr,img,br,form {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
body {
	font: 0.725em "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: center;
	background: #8ed3ff url(images/clouds_bg1.jpg) repeat-x center top;
	width: 790px;
	margin: 0 auto;
}

h1 {
	color: #FF9933;
	font-size: 220%;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 5px 0 10px 0;
}
h2 { color: #FF9933; font-size: 180%; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 10px 0; }
h3 { color: #FF9933; font-size: 160%; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 10px 0; }
h4 { color: #FF9933; font-size: 140%; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 10px 0; }
h5 { color: #FF9933; font-size: 120%; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 10px 0; }
h6 { color: #FF9933; font-size: 120%; font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 5px 0 10px 0; }

p {
	line-height: 145%;
	margin: 15px 0;
}
pre { font-size: 120%; text-align: left; }

ul,ol {
	margin: 0 0 0 23px!important;
	margin: 0 0 0 27px;
}
li { margin: 10px 0; }

a { color: #5398C5; text-decoration: none; } 
a:hover { color: #CE0007; color: #FF9933; text-decoration: underline; }
a:active, a:focus { outline: 0; }

img.left { float: left; margin: 5px 5px 5px 0; }
img.right {
	float: right;
	margin: 5px 0 5px 15px;
}

.hide { display: none; visibility: hidden; }

.clr { clear: both; height: 0; overflow: hidden; }

/* Layout */
#shell {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	font-size: 105%;
}

/* Header */
#header {
	width: 790px;
	position: absolute;
	top: 0;
	z-index: 100;
	overflow: hidden;
	padding-top: 10px;
}
#header h1 {
	float: left;
	width: 624px;
	height: 72px;
	margin: 15px 0 0 20px;
}
#header h1 a {
	display: block;
	width: 624px;
	height: 72px;
	background: url(images/Riverside-Cleaning-London-L.jpg) no-repeat left top;
	text-indent: -999em;
}
#header p {
	text-align: left;
	color: #3d6ec8;
	margin: 0 18px 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}
#header p strong {
	font-size: 240%;
	line-height: 120%;
	text-align: right;
}
#header p a {
	font-size: 180%;
	margin-left: 30px;
	color: #3d6ec8;
}

/* Main content */
#maintop {
	background: transparent url(images/maintop.png) no-repeat center top;
	padding: 12px 0 0 0;
	clear: both;
	margin-top: 150px;
}
#main {
	position: relative;
	background: transparent url(images/main.png) repeat-y center top;
	padding: 10px 30px;
	float: left;
	width: 730px;
}
#recycle { height: 35px; width: 35px; position: absolute; bottom: -3px; right: 19px; background: url(/images/recycle.png) no-repeat right bottom; }
#footer {
	clear: both;
	padding: 5px 25px 0 25px;
	color: #000066;
	text-align: center;
	background-color: transparent;
	background-image: url(images/mainbottom.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#footer a  {
	color:#000066;
}

.dotx { background: url(images/dotx.gif) repeat-x center center; height: 3px; overflow: hidden; clear: both; }

#sidecol { width: 185px; float: left; margin: 15px 20px 0 0; }
.box { margin: 15px 0; }
.box h3 { margin: 0 0 5px 0; }
.box p { margin: 0; }

#maincol {
	width: 525px;
	float: right;
	margin: 15px 0 0 0;
	font-size: 110%;
}

#nav { margin: 0 0 25px 0!important; padding: 0; list-style: none; }
#nav li { margin: 10px 0; }
#nav li a { display: block; background: url(images/navtop.gif) no-repeat left top; color: #fff; font-size: 130%; font-weight: bold; }
#nav li a span { display: block; background: url(images/navbottom.gif) no-repeat left bottom; color: #fff; padding: 4px 10px; }
#nav li.selected a { background-position: right top; }
#nav li.selected a strong { display: block; background: url(images/navbottom.gif) no-repeat right bottom; color: #fff; }
#nav li.selected a strong span { display: block; padding: 4px 10px; background: url(images/navbottom.gif) no-repeat right bottom; }
#nav li a:hover { background-position: right top; text-decoration: none; }
#nav li a:hover span { background-position: right bottom; }


#nav li.subnav a { background-position: right top; }
#nav li.subnav a strong { display: block; background: transparent; color: #fff; border-bottom: 1px solid #ABD571; }
#nav li.subnav a strong span { display: block; padding: 4px 10px; background: url(images/navselected.gif) no-repeat right center; }

#nav li ul { list-style: none; margin: 0!important; padding: 0 0 10px 0; background: #87C335 url(images/navbottom.gif) no-repeat right bottom; }
#nav li ul li { margin: 0!important; border-bottom: 1px solid #ABD571; }
#nav li ul li a { background: transparent; font-size: 110%; padding: 3px 10px; }
#nav li ul li a:hover { background: #ABD571; }


/* Form Design */
input { font: 100% "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333; }
select {
	font: 100% "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	background: #fff0e2;
	border: 1px solid #666;
	padding: 1px;
	vertical-align: middle;
}
.txt,.txt-thin {
	border: 1px solid #666;
	padding: 3px 4px 3px 4px;
	vertical-align: middle;
	background-color: #fff0e2;
	background-repeat: no-repeat;
	background-position: left top;
}
textarea { font: 100% "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #333; }
.lbl { clear: both; padding: 1px 0; }
.lbl label {
	display: block;
	float: left;
	width: 120px;
	text-align: right;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}
.lbl .txt { width: 300px; }
.lbl .txt-thin { width: 30px; }
.formInfo { margin-left: 155px; color: #999; }

#navigation {
	padding:0px 0px 0px 55px;
	margin-bottom: 20px;
	border:1px solid #a50;
	border-color:#a50 #fa5 #610 #fa5;
	background:#f2a057 url(images/grad.gif) repeat-x bottom left;
	width: 675px;
	height: 3.3em;
	float: left;
}

#point {
	display:inline;
	padding:0;
	margin:0 auto;
	list-style:none;
	white-space:nowrap;
	font-size: 85%;
}

#point li {margin:0; padding:0; float:left;}
#point li a {
	float:left;
	font-size:135%;
	height:2.9em;
	letter-spacing:1px;
	padding:0 0.8em;
	text-decoration:none;
	color:#fff;
	background:#f2a057 url(images/grad.gif) repeat-x bottom left;
	border-right:1px solid #d60;
	border-left:1px solid #fb6;
	line-height: 40px;
}
#point li a:hover, #point li a.current {background:#e93 url(images/down_arrow.gif) no-repeat center top; color:#fff;}
#point li a:hover b, #point li a.current b {display:block; float:left; background:transparent url(images/up_arrow.gif) no-repeat center bottom; cursor:pointer} 
#header p em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 135%;
	font-style: italic;
	font-weight: normal;
	color: #0e9ae5;
	letter-spacing: 0.1em;
	margin-top: 10px;
}

#maid {
	margin-top: -100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	z-index: 10;
	position: absolute;
	right: -11px;
	top: -9px;
}
#siloettes {
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	clear: both;
}
#maincol img {
	border-style: none;
}
#maincol .pdf {
	padding-right: 10px;
}

