/*background*/

body{
margin-top: 120px;
background-image: url(image/background.jpg);
scrollbar-base-color: #660066;
}

#frame{
position: relative;
width: 871;
height: 397;
background-color: #ffffff;
border-style: none;
}


/*photos*/

#homephoto{
position: absolute;
background-image: url(image/homephoto.jpg);
width:676;
height:397;
top:0;
left: 195;
}

#valuesphoto{
position: absolute;
background-image: url(image/valuesphoto.jpg);
width: 676;
height: 397;
top: 0;
left: 195;
}

#staffphoto{
position: absolute;
background-image: url(image/staffphoto.jpg);
width: 676;
height: 397;
top: 0;
left: 195;
}


#environmentphoto{
position: absolute;
background-image: url(image/environmentphoto.jpg);
width: 676;
height: 397;
top: 0;
left: 195;
}

#contactusphoto{
position: absolute;
background-image: url(image/contactusphoto.jpg);
width: 676;
height: 397;
top: 0;
left: 195;
}


#testimonialsphoto{
position: absolute;
background-image: url(image/testimonialphoto.png);
width: 676;
height: 397;
top: 0;
left: 195;
}

#applicationphoto{
position: absolute;
background-image: url(image/applicationphoto.jpg);
width: 676;
height: 397;
top: 0;
left: 195;
}




/*navigation bar*/

#purpleborder{
position: absolute;
background-color: #660066;
width: 215;
height:397;
top:0;
left: 0;
border-style: none;
}

#logo{
position: absolute;
background-image: url(image/logo.png);
width: 201;
height:	55;
top: 15;
left: 10;
}

#mainnavigation{
position: relative;
height: 180;
width:196;
top: 120;
left: 10;
padding: 0;
}



/*text boxes*/

#hometextbox{
position: absolute;
background-image: url(image/hometextbox.png);
height: 280;
width: 319;
top: 52;
left: 337;
filter: alpha(opacity=80);
}

#thankyoutextbox{
position: absolute;
background-image: url(image/thankyoutextbox.png);
height: 100;
width: 319;
top: 52;
left: 337;
filter: alpha(opacity=80);
}

#hometext{
position: absolute;
border-style: none;
height: 307;
width: 300;
top: 60;
left: 350;
text-align: left;
}

#valuestextbox{
position: absolute;
background-image: url(image/valuestextbox.png);
height:	254;
width: 311;
top: 57;
left: 343;
filter:alpha(opacity=80);
}

#valuestext{
position: absolute;
height: 254;
width: 311;
top: 65;
left: 330;
text-align: left;
}

#stafftext{
position: absolute;
height: 342;
width: 400;
top: 32;
left: 45;
text-align: left;
}

#stafftextbox{
position: absolute;
background-image: url(image/stafftextbox.png);
height:	315;
width: 400;
top: 20;
left: 55;
filter:alpha(opacity=45);
}

#environmenttextbox{
position: absolute;
background-image: url(image/environmenttextbox.png);
height:	203;
width: 311;
top: 45;
left: 339;
filter:alpha(opacity=85);
}

#environmenttext{
position: absolute;
height: 203;
width: 295;
top: 60;
left: 347;
text-align: left;
}

#contactustextbox{
position: absolute;
height:	350;
width: 400;
top: 40;
left: 250;
}

#applicationtextbox{
position: absolute;
height:	350;
width: 400;
top: 45;
left: 250;
}

#flashadvert{
position: absolute;
height: 40;
width: 130;	
top: 330;
left: 35;
}


/*fonts*/


p{
font-family: Arial;
font-size: 9pt;
color: #660066;
font-weight: bold;
}

.list{
font-family: Arial;
font-size: 10pt;
color: #660066;
font-weight: bold;
}

.staff{
font-family: Arial;
font-size: 9pt;
color: #660066;
font-weight: bold;
}


.fieldstyle{
font-family: Arial; 
font-size: 14px; 
font-weight: normal; 
color: #000000; 
background-color: #FFFFFF; 
border: 1px solid #000000; 
vertical-align: middle;
}


.heading{
font-size: 17px;
font-family: Arial;
font-decoration: bold;
}




a:link, a:visited{
font-family: arial;
font-size: 16;
font-style: bold;
color: #0000ff;
text-decoration: none;

}

a:hover {
font-family: arial;
font-size: 16;
font-style: bold;
color: #ff0033;
text-decoration: none;

}