


/*     TEXT STYLING     */

p {
font-family: arial, sans-serif;
font-size: 1.1em;
text-align: left;
color: #333;
margin: 0px;
padding: 0px;
line-height: 150%;
}

h1 {
font-family: arial, sans-serif;
font-size: 1.4em;
font-weight: bold;
text-align: left;
color: #333;
margin: 0px;
padding: 0px;
line-height: 150%;

clear: both;
}



p.backlinks {
width: 300px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 15px 35px;
font-size: 0.9em;
color: #666;
}

p.backlinks a {
text-decoration: none;
color: #666;
}

p.backlinks a:link {
text-decoration: none;
color: #666;
}

p.backlinks a:visited {
text-decoration: none;
color: #666;
}

p.backlinks a:hover {
text-decoration: underline;
color: #666;
}

p.backlinks img {
float: left;
margin: 4px 15px 10px 0px;
padding: 0px;
border: 0px;
}


span.bold {
font-weight: bold;
}








/*     GENERAL LAYOUT     */

body {
font-family: arial, sans-serif;
font-size: 76%;
text-align: center;
background: #fff url(../img/mainbg.gif) repeat-y 50% 0;
height: 100%;
margin: 0;
padding: 0;
}

div.maincontainer {
width: 732px;
margin: 0px auto;
padding: 0px;
text-align: left;
background: #fff;
}

div.contentouter {
background: #fff url(../img/colours.jpg) no-repeat bottom right;
margin: 0;
padding: 0;
}

div.nav {
position: relative;
height: 170px;
width: 732px;
margin: 0;
padding: 0;
text-align: left;
background: url(../img/logotext.gif) no-repeat 0px 80px;
}

div.nav p {
position: absolute;
top: 144px;
left: 530px;
color: #000;
margin: 0;
padding: 0px 0px 18px 10px;
text-align: left;
font-family: verdana, arial, sans-serif;
border-left: 3px solid red;
}

div.nav a {
text-decoration: none;
color: #000;
}

div.nav a:link {
color: #000;
}

div.nav a:hover {
color: #000;
text-decoration: underline;
}

img.logo {
position: absolute;
top: 31px;
left: 26px;
width: 118px;
height: 130px;
}

img.dulux {
position: absolute;
top: 8px;
left: 500px;
width: 200px;
height: 68px;
}









div.content {
float: left;
width: 523px;
margin: 10px 0px 30px 0px;
padding: 0px;
text-align: left;
background: url(../img/see-through-white.gif);
}

div.content p {
margin: 0px;
padding: 0px 20px 0px 30px;
}

div.content h1 {
margin: 0px;
padding: 0px 20px 7px 24px;
}

div.contentright {
float: left;
width: 209px;
margin: 0px;
padding: 0px;
text-align: left;
font-size: 0.9em;
}

span.crtop {
font-weight: bold;
}

div.contentright p {
clear: both;
text-align: right;
margin: 0px 35px 0px 0px;
padding: 0px;
}

div.contentright a {
text-decoration: none;
color: #000;
}

div.contentright a:link {
color: #000;
}

div.contentright a:hover {
color: #000;
text-decoration: underline;
}

div.contentright a.emaillink {
font-size: 0.95em;
}


div.clear {
clear: both;
width: 720px;
height: 0;
margin: 0;
padding: 0;
}





/*    LIST STYLING    */

ul.alignedlist {
color: #333;
font-family: arial, sans-serif;
font-size: 1.1em;
line-height: 150%;
}

ul.alignedlist li {
margin: 0px 0px 3px 0px;
padding: 0;
}

div.alignedlistouter {
margin: 0px 0px 0px 5px;
padding: 0;
width: 480px;
}




/*    LIST STYLING    */







/*    ADDRESS BOX STYLING    */

div.rightbox {
float: right;
width: 208px;
height: 400px;
margin: 20px 0px 0px 0px;
padding: 0;
background: url(../img/sidepanel.gif) no-repeat bottom left;
border-top: 1px solid #CCC;
}

div.rightbox p {
margin: 0;
padding: 16px 20px 26px 20px;
text-align: left;
}

div.rightbox a { color:#333 }
div.rightbox a:link { text-decoration: underline; color:#333 }
div.rightbox a:visited { text-decoration: underline; color:#333 }
div.rightbox a:hover { text-decoration: underline; color: #000 }

img.menuarrow {
margin: 0px 5px 0px 3px;
padding: 0;
}

/*    ADDRESS BOX STYLING    */







/*    JOB EXAMPLES STYLING    */

div.jobexampleouter {
margin: 10px 0px 0px 30px;
padding: 0;
}

div.jobexample {
float: left;
width: 222px;
margin: 0px 10px 20px 0px;
padding: 0;
}

img.jobexamplepic {
border: 1px solid #666;
}

div.jobexampleouter p {
margin: 0;
padding: 0px 0px 0px 3px;
text-align: left;
font-size: 0.95em;
font-style: italic;
}

/*    JOB EXAMPLES STYLING    */









img.floatright {
float: right;
margin: 10px 0px 10px 0px;
background: #FFF;
padding: .5em;
}

img.floatleft {
float: left;
margin: 18px 25px 10px 0px;
background: #FFF;
padding: .6em;
border: 1px solid #CCC;
}

img.bongos {
float: right;
margin: 35px 45px 20px 0px;
padding: 0;
}





