/* 
Comments 
*/

#Home #Navigation .home a,
#Services #Navigation .Services a,
#Property #Navigation .Property a,
#Registration #Navigation .Registration a,
#Contact #Navigation .Contact a {
    color:#800000;
	text-decoration: underline;	
	cursor:default;
}

#Home #Banner {
	background-image:url(images/Banner_Lounge.jpg);
}

#Services #Banner {
	background-image:url(images/Banner_Desk.jpg);
}
#Property #Banner {
	background-image:url(images/Banner_Crescent.jpg);
}
#Registration #Banner {
	background-image:url(images/Banner_Form.jpg);
}
#Contact #Banner{
	background-image:url(images/Banner_Phone.jpg);
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #f4f2ef;
	margin:10px;
	background-image: url(images/background_rpt.gif);
	background-repeat:repeat-x;
	text-align:center; /* for IE 5.x & 6 see Page 135 CSS mastery */
}

a:link {
    color:#800000;
	text-decoration: underline;	
}

a:visited {
    color:#666666;
	text-decoration: underline;		
}

a:hover {
	color:#666666;
	text-decoration: none;
}

a:active {
    color:#800000;
	text-decoration: underline;	
}

.loLightTxt
{
	color:#666666;
}

.clear {
	clear: both;
}



.logo {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #800000;
	border-bottom-color: #800000;
	height: 76px;
}

#Container {
	position:relative;
	width:770px;
	margin: 0 auto;
	text-align:left;
}

#Wrapper {
	position:relative;
	top:176px;		
	width:100%;
}

#Branding {
position:relative;
	width:750px;
	height:105px;
}

#LogoBox {
	position:relative;
	top: 25px;
	left: 10px;
	z-index: 2;
	width: 580px;
	height: 77px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #800000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #800000;	
}

#Logo1Image {
	position:relative;
	top:10px;
	left:10px;
	z-index:2;
	width:247px;
	height:57px;
	background-image:url(images/woer_logo.gif);
	background-repeat:no-repeat;
	background-position:left top;

/*	background-position:center left 10px;*/	


}

#Logo2Image {
	position:absolute;
/*	position:relative;*/
	top: 4px;
	left: 360px;
	z-index: 2;
	width: 130px;
	height: 34px;
/*	background-image:url(images/HomeLetSmall.gif);*/
	background-image:url(images/RMlogo_01_small.gif);	
	background-repeat:no-repeat;
}
#Logo2aImage {
	position:absolute;
/*	position:relative;*/
	top: 40px;
	left: 320px;
	z-index: 2;
	width: 130px;
	height: 34px;
/*	background-image:url(images/RMlogo_01_small.gif);*/
	background-image:url(images/HomeLetSmall.gif);	
	background-repeat:no-repeat;
}
#Logo2bImage {
	position:absolute;
/*	position:relative;*/
	top: 9px;
	left: 510px;
	z-index: 2;
	width: 61px;
	height: 61px;
	background-image:url(images/plocation_logo_blue_small.gif);
	background-repeat:no-repeat;
}

#Logo3Image {
	position:absolute;
	top: 0px;
	left: 600px;
	z-index: 2;
	width: 151px;
	height: 105px;
	background-image:url(images/woer_logo2.jpg);
	background-repeat:no-repeat;
}

#Navigation {
	margin: 0 auto;
	left:20px;
	width:730px;
	z-index:4;
}
#Navigation .navOnText{
	COLOR: #131372;
	text-decoration: underline;
}
/* pseudo order advised - link, visited, hover, active */


#Navigation a:link{
	COLOR: #666666;
	text-decoration: none;
}
#Navigation a:visited {
	COLOR: #666666;
	text-decoration: none;
}
#Navigation a:hover {
	COLOR: #800000;
	text-decoration: none;
}
#Navigation a:active {
	COLOR: #666666;
	text-decoration: none;
}


#Navigation ul {
	margin:0;
	padding:0;
	list-style:none;
	width:600px
}

#Navigation ul li {
	float:left;
}

#Navigation ul a {
	display:block;
	float:left; /* for IE5.2 MacPage 93 CSS Mastery*/	
	padding:0 1em;
	padding-top:0.5em;
	line-height:1.5em;
	text-decoration:none;
}

#Content {
	position:relative;
	width: 750px;
/*	top:1px;*/
	background-image:url(images/page_leftbig2.gif);
	background-position:left top;
	background-repeat:no-repeat;	
	z-index:10
}

#ContentInner {
	position:relative;
	left:10px;
	width: 710px;
	padding: 20px 25px;
	background-image:url(images/page_rightbig2.gif);
	background-position:right top;
	background-repeat:no-repeat;
}
#Content h1 {
   FONT-WEIGHT: normal; FONT-SIZE: 22px; COLOR: #800000; font-family: "Trebuchet MS",Georgia, Serif;
   display:inline;
}
#Content h2 {
   FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #800000; font-family: "Trebuchet MS",Georgia, Serif;
	margin:10px;
   display:inline;
}

#Content h3 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #800000; font-family: "Trebuchet MS",Georgia, Serif;
	margin:10px;
	display:inline;
}
#Content .path{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
    COLOR: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	border-top:solid 1px;
	border-bottom:solid 1px;
	border-color:#dddddd;
}
#Content .path a:link{
    COLOR: #800000;
	text-decoration:underline
}
#Content .path a:visited{
    COLOR: #800000;
	text-decoration:underline
}
#Content .path a:hover{
    COLOR: #000000;
	text-decoration: none;
}
#Content .path a:active{
    COLOR: #800000;
	text-decoration:underline
}

#Footer {
	position:relative;
	left:10px;
	width: 730px;	
	COLOR: #800000;
	font-size: 10px;
	font-weight: normal;
	margin-left: 10px;
	margin-right: 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666666;
	line-height: 18px;	

}
#Banner {
	position:absolute;	
	top:138px;
	left:10px;		
	width: 100%;
/*	background-image:url(servercode/showpic612c.jpg);*/
	z-index: 2;
	width: 750px;
	height: 165px;
}

/*Additional Rules*/

ul.address {
	margin:0;
	padding:0;
	list-style-type:none;
	margin-top:15px;
}
ul.address li.postcode {
	font-weight:bolder; 
}

li.doubleSpace {
	margin-top:12px;
}