/* CSS Document */
body { 
         background: #fff;
         margin: 0;
	     padding: 0;
	     text-align: center;
         font: 11px/1.5em arial,verdana,geneva,sans-serif;
		 color:#000;
}


h1, h2, h3, h4, h5, h6 {
         font-family: helvetica, arial, verdana, sans-serif;
         font-weight: normal;
}

h1 {
         font-size: 218%;
		 margin:15px 0 0 0;
	     padding:0;
}
h2 { 
         font-size: 164%;
         margin-top:18px;
         padding:0;
}

h3 {
         font-size: 145%;
}

h4 { 
         font-size: 118%;
		 font-weight:bold;
}
p {
         font-weight: normal;
		 margin:0 0 1em 0;
	     padding:0;
		 line-height:1.9em;
}
a {
         font-weight:bold;
		 text-decoration:none;
         color:#AD0067;
}
a:hover {
         color:#000;
         text-decoration:underline;
}
a:active {
         color:#000;
         text-decoration:underline;
}
a:visited {
        color:#AD0067;
		}
body.sitemap #content ul { 
         margin-left:40px;
	  }
body.sitemap #content ul ul { 
         padding-left:15px;
}
form input {
         width:200px;
		  }
form textarea {
         width:100%;
		  }
fieldset {
         border:1px solid #AD0067;
         padding:20px;
		 margin-bottom:20px;
		 background-color:#ECECEC;
}
form #submit {
         width:100px;
		 }
legend {
         color:#AD0067;
		 font-size:110%;
		 font-weight:bold;
		 }
#outerContainer{
	     position:relative;
	     width: 901px;
         height:600px;
	     margin: 3% auto 0;
	     background-color:#FFF;
	     text-align:left;
}


/*pageHeader*/
#header {
         width:899px;
		 height:100px;
		 border:1px solid #AD0067;
		 border-bottom:1px solid #AD0067;
}
body.index #header {
		 border-bottom:1px solid #FFF;
         background:#AD0067;
}
.logo {
         position:absolute;
		 top:1px;
		 left:1px;
		 width:178px;
		 height:58px;
		 margin:0;
		 padding:26px 25px 16px 25px;
		 border:none;
		 border-right:1px solid #AD0067;
}
#phone {
         position:absolute;
		 right:25px;
		 top:0;
		 width:163px;
		 height:100px;
		 background:url(../images/index/tel.gif) no-repeat; 
}
#phone span {
         display:none;
		 }
.title {
         position:absolute;
		 top:43px;
		 left:258px;
		 margin:0;
		 padding:0;
		 text-align:left;
		 font-size:175%;
		 line-height:1.25em;
		 color:#AD0067;
		 }
.title span {
		 font-size:120%;
		 font-weight:bold;
		 padding-left:0.15em;
}
.home {
         position:absolute;
		 height:79px;
		 width:121px;
		 top:0;
		 left:0;
		 padding: 35px 0 0 40px;
		 font-size:120%;
		 border-right:1px solid #AD0067; 
		 }
#initialBanner {
        margin:2px 0 0 260px;
}
#brooks {
	width:456px;
	height:101px;
	margin:-2px 0 0 234px;
	padding:0 10px 0 10px;
	color:#fff;
	font-size:110%;
	border:1px solid #fff;
	border-bottom:none;
	background:#00B7ED url(../images/others/brooks.gif) no-repeat;
	}
#brooks p span {
	display:none;
	}
#brooks h2{
	color:#fff;
}
/*pageHeader finishes*/


/*left sidephotos and navigation*/
#leftstrip {
        position:absolute;
		top:102px;
		left:0;
		width:228px;
		height:424px;
		border:1px solid #AD0067;
		border-top:none;
		border-bottom:none;
        background:#AD0067;
}
#leftstrip img{
        border-bottom:1px solid #FFF;
}
#leftstrip ul {
		padding:0;
		margin:0;
		text-align:center;
		}
#leftstrip li {
        width:228px;
		height:28px;
		list-style:none;
		border-bottom:1px solid #fff;
		margin:0;
		padding:0;
		line-height:28px;
		}
#leftstrip li a{
		display:block;
		color:#fff;
}
#leftstrip li a:hover {
		color:#FFF;
		text-decoration:none;
		background-color:#000;   
}
#leftstrip li:hover {
		background-color:#000;   
}
/*left sidephotos finishes*/


/*right navigation starts*/
#rightstrip {
        position:absolute;
		top:102px;
		right:0;
		width:160px;
		height:424px;
		border:1px solid #AD0067;
		border-top:none;
		border-bottom:none;
		font-size:100%;
		background:#D38BB3;
}
#rightstrip ul {
        padding:0;
		margin:0 0 0 5px;
		}
#rightstrip li {
        list-style:none;
		padding:0.15em 10px 0.15em 17px;
		background:url(../images/global/small-star.gif) no-repeat 0 17%;
		margin:0;
		}
#rightstrip li:hover {
		background:url(../images/global/small-purple-star.gif) no-repeat 0 17%;   
}
#rightstrip a {
         color:#AD0067;
		 }
#rightstrip a:hover {
         color:#000;
         text-decoration:underline;
}
#rightstrip a:active {
         color:#000;
         text-decoration:underline;
}
#rightstrip a:visited {
        color:#AD0067;
		}
body.table #table a,
body.work #work a,
body.dry #dry a,
body.cab #cab a,
body.wash #wash a,
body.hi-vis #hi-vis a,
body.foh #foh a,
body.bed #bed a,
body.mats #mats a,
body.towelling #towelling a,
body.corp #corp a,
body.cloak #cloak a,
body.brilliant #brilliant a {
         color:#000;
}
body.table #rightstrip #table,
body.work #rightstrip #work,
body.dry #rightstrip #dry,
body.cab #rightstrip #cab,
body.wash #rightstrip #wash,
body.hi-vis #rightstrip #hi-vis,
body.foh #rightstrip #foh ,
body.bed #rightstrip #bed,
body.mats #rightstrip #mats,
body.towelling #rightstrip #towelling,
body.corp #rightstrip #corp,
body.cloak #rightstrip #cloak,
body.brilliant #rightstrip #brilliant
 {
		 background:url(../images/global/small-purple-star.gif) no-repeat 0 17%;
}
#rightstrip p.welcome {
        width:160px;
		height:32px;
		background-color:#AD0067;
		font-size:130%;
		text-align:center;
		line-height:32px;
		border-bottom:1px solid #fff;
}
#rightstrip p.welcome a {
        display:block;
		color:#FFF;
	    text-decoration:none;
}
#rightstrip p.welcome a:hover {
        background:#000;
		color:#FFF;
}
#rightstrip p.welcome a:active {
        background:#000;
		color:#FFF;
}
#rightstrip p.welcome a:visited {
		color:#FFF;
}
#rightstrip img {
        position:absolute;
		bottom:0;
		right:0;
		border-top:1px solid #fff;
}
.montage {
        border-top:none;
}
#initial {
        position:absolute;
		bottom:0px;
		width:160px;
		height:149px;
		padding-top:10px;
		background-color:#fff;
		text-align:center;
		color:#004eac;
		font-size:120%;
		border-top:1px solid #AD0067;
}   
#initial p{
		padding:0 0 10px 0;
		margin:0;
	    line-height:1.25em;
}
#initial p strong{
        font-size:110%;
		}

/*right navigation finishes*/

/*content starts*/
#content {
         position:absolute;
		 left:230px;
		 top:102px;
		 width:449px;
		 height:395px;
		 padding:0 30px 30px 30px;
		 overflow:auto;
		 }
body.sitemap #content {
		 left:0;
		 height:auto;
		 width:699px;
		 padding:50px 0 30px 200px;
		 border: 1px solid #AD0067;
		 border-top: none;
}
body.index #content {
		 left:0;
		 top:102px;
		 width:899px;
		 height:189px;
		 padding:0;
		 border-right: 1px solid #AD0067;
		 border-left: 1px solid #AD0067;
		 background-color:#AD0067;
		 color:#fff;
		 }
#content p span{
         font-weight:bold;
}
#content h2 span {
        color:#AD0067;
		padding-left:20px;
		font-weight:bold;
		background:url(../images/global/purple-star.gif) no-repeat 0 50%;
		}
#content ul{
         padding:0;
		 margin:0 0 1.5em 0;
}
#content li{
        list-style:none;
		padding:0.25em 0 0.25em 20px;
		background:url(../images/global/black-star.gif) no-repeat 0 50%;
		}
.top {
         font-size:170%;
		 padding:58px 0 0 0;
		 margin:0 10px 0 26px;
		 font-style:italic;
		 }
.top span {
         font-weight:bold;
		 }
.lowerRight {
         float:right;
		 font-size:170%;
		 padding:0;
		 margin:0 26px 0 0;
		 font-style:italic;
}
.topText {
         margin-top:28px;
		 }
.people {
         position:absolute;
		 top:319px;
		 left:0; 
		 border-top: 1px solid #FFF;
		 border-bottom: 1px solid #FFF;
		 border-left: 1px solid #AD0067;
		 border-right : 1px solid #AD0067;
		 }
.solLogo {
         padding-left:155px;
}
.dream {
         padding:0 0 1em 112px;
}
.richard {
         border:1px solid #AD0067;
}
/*content finishes here*/


/*index page navigation starts here*/
#Navigation {
         position:absolute;
		 top:290px;
		 left:0;
		 width:100%;
		 padding:0;
		 margin:0;
		 border-left:1px solid #AD0067;
}
#Navigation li {
	     float:left;
	     width:179px;
	     height:28px;
		 text-align:center;
	     list-style:none;
	     padding:0;
	     margin:0;
	    
		 border-top:1px solid #FFF;
		 line-height:28px;
		 background-color:#AD0067;
}      
#Navigation li span {
         border-right:1px solid #AD0067;
		 }
#Navigation li a {
         display: block;
	     text-decoration:none;
	     color:#FFF;
} 

#Navigation li:hover {
         background-color:#000;
	 }
#Navigation a:hover {
         color:#FFF;
	 }
#Navigation li a:hover{
         background-color:#000;
	 }	
#NavLow {
         position:absolute;
		 top:498px;
		 left:0;
		 width:100%;
		 padding:0;
		 margin:0;
		 border-left:1px solid #AD0067;
		 
		}
#NavLow li {
	     float:left;
	     width:179px;
	     height:28px;
		 text-align:center;
	     list-style:none;
	     padding:0;
	     margin:0;
	     border-top:1px solid #FFF;
		 line-height:28px;
		 background-color:#AD0067;
}    
#NavLow li a {
         display: block;
	     text-decoration:none;
	     color:#FFF;
} 
#NavLow li:hover {
         background-color:#000;
	 }
#NavLow li a:hover {
         color:#FFF;
	 }
#NavLow li a:hover{
         background-color:#000;
	 }	
.rollover4, 
.rollover9 {
         border-right:1px solid #AD0067;
		 }
.rollover,
.rollover1,
.rollover2,
.rollover3,
.rollover5,
.rollover6,
.rollover7,
.rollover8 {
		 border-right:1px solid #FFF;
		 }
.rollover a img,
.rollover1 a img,
.rollover2 a img,
.rollover3 a img,
.rollover4 a img,
.rollover5 a img,
.rollover6 a img,
.rollover7 a img,
.rollover8 a img,
.rollover9 a img {
         height:0;
		 width:0;
		 border-width:0;
		 }
.rollover a:hover img,
.rollover1 a:hover img,
.rollover2 a:hover img,
.rollover3 a:hover img,
.rollover4 a:hover img {
         position:absolute;
		 top:30px;
		 left:0;
		 height:178px;
		 width:179px;
		 border-width:0;
		 }
.rollover a:hover img {
		 left:0;
		 }
.rollover1 a:hover img {
		 left:180px;
		 }	
.rollover2 a:hover img {
		 left:360px;
		 }
.rollover3 a:hover img {
		 left:540px;
		 }
.rollover4 a:hover img {
		 left:720px;
		 }
.rollover5 a:hover img,
.rollover6 a:hover img,
.rollover7 a:hover img,
.rollover8 a:hover img,
.rollover9 a:hover img {
         position:absolute;
		 bottom:29px;
		 left:0px;
		 height:178px;
		 width:179px;
		 border-width:0;
		 z-index:15;
		 }
.rollover6 a:hover img {
		 left:180px;
		 }	
.rollover7 a:hover img {
		 left:360px;
		 }
.rollover8 a:hover img {
		 left:540px;
		 }
.rollover9 a:hover img {
		 left:720px;
		 }

 /*index page navigation finishes here*/


#footer {
         position:absolute;
		 left:0;
		 top:526px;
		 width:100%;
		 height:78px;
		 padding-top:14px;
		 border-top: 1px solid #AD0067;
		 color:#AD0067;
		 text-align:center;
}
#footer a {
         color:#AD0067;
		 }
#footer a span.initialLink{
         color:#004EAC;
 		display:none;
}
#footer a:hover {
         color:#000;
         text-decoration:underline;
}
#footer a:active {
         color:#000;
         text-decoration:underline;
}
#footer a:visited {
        color:#AD0067;
		}
         		 
#footer p span {
         padding:0 7px 0 7px;
}
.legal {
         clear:both;
		 font-size:80%;
}