/* CSS Document */
/* SJP Building services site */

/* Deborah Da Silva - Autus - www.autus.co.uk */


body {
	margin: 20px auto;
	padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size: 11px;
	background: #e6e6e6;
	color:#000000;
}

a {
	text-decoration: underline;
	color:#8f0000;
}



a:hover {
color:#8f0000;
font-weight:bold;

}

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




h1 {
	font-size: 18px;
	color:#8f0000;
	margin: 0 0 5px 0;
	font-weight:lighter;
	line-height:1.3em;
	padding: 2px 0px 0px 0px;
}

h2 {
	font-size: 14px;
	color:#000000;
	margin: 0 0 5px 0;
	font-weight:lighter;
	line-height:1.3em;
	padding: 2px 0px 0px 0px;
}

h3 {
	font-size: 13px;
	color:#ffffff;
	margin: 0 0 5px 0;
	font-weight:lighter;
	line-height:1.3em;
	padding: 2px 0px 0px 0px;
}


h4 {
	font-size: 14px;
	color:#000000;
	margin: 0 0 5px 0;
	font-weight:lighter;
	line-height:1.3em;
	padding: 2px 0px 0px 0px;
}

#wrap { 
	width: 960px;
	margin:auto;
	padding: 0;
	background-color:#FFFFFF;

}


/* HEADER ITEMS */


#header {
width:960px;
height:280px;
background-image:url(../images/header_background.jpg);
background-repeat:no-repeat;

}
#sitemap {
margin-left:10px;
margin-top:0px;
width:150px;
height:50px;
background-image:url(../images/search_background_button.gif);
background-repeat:no-repeat;
padding-left:40px;
padding-top:5px;
text-align:left;
color:#FFFFFF;
font-size:11px
}

#sitemap a {
color:#FFFFFF;
text-decoration:none
}

#sitemap a:hover {
color:#FFFFFF;
text-decoration:underline
}




#strap {
width:350px;
height:185px;
float:left;
padding-left:30px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:23px;
font-weight:lighter

}


/* Menu */


#menu {
width:700px;
height:40px;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
clear:both;
}


#menu ul {
margin: 0; padding: 0px;height:40px;
	list-style-type: none; list-style-image: none; text-align:left
	   
}

#menu li { display: inline; float: left; 

} 

#menu li a  {
width:120px;
 border-right:solid 1px #ffffff;
 display:block; text-align: center;height:30px; padding-top:10px;
     text-decoration: none; font-size:13px;
color:#ffffff;



     }
	 
	 
#menu li a:hover {
background-color:#333333;
display:block;
color:#ffffff;
text-decoration:none;
font-weight:normal;

     }
	 
	 
#menu li .current {
background-color:#333333;
display:block;
color:#ffffff;
text-decoration:none;
font-weight:normal;
     }




/* MAIN CONTENT */



/* LEFT CONTENT */


#left {
width:300px;
background-image:url(../images/sidebar.gif);
background-repeat:no-repeat;
height:810px;
margin-top:0px
}


#leftnav {
width:210px;
margin-left:10px;
margin-top:10px;
color:#FFFFFF;
font-size:12px;
text-align:left;

}

.title {
font-size:14px;
color:#000000;
font-weight:bold
}

#left ul {
width:193px;
margin:0;
padding:0;
color:#000000;
list-style:none;
font-size:11px


}

#left li {
display:block;
margin-left:0;
padding-left:0;
color:#000000;
padding-bottom:7px;
margin-top:7px;
border-bottom:solid 1px #ffffff;
height:20px


}

#left li a{

color:#000000;
text-decoration:none;

}

#left li a:hover{

color:#4A4A4A;
font-weight:normal;
text-decoration:none;
font-size:11px

}

#left li .active{
	font-weight:normal;
	font-size:11px;
	color: #8f0000;




}



/* OTHERS */

.redtable {
background-color:#8f0000;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
padding:15px;
line-height:1.5em
}

.redtable a {
color:#FFFFFF;
text-decoration:none

}


.redtable a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: normal;

}


#whiteborder {
background-image:url(../images/white_box_hat_frame.gif);
background-repeat:no-repeat;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
width:305px;
height:290px;
margin-left:7px
}

#whiteborder h2{
padding-top:50px;
padding-left:10px
}

#whiteborder p{
padding-left:10px;
padding-right:15px

}


#goldtable {
color:#ffffff;
background-color:#d59758;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
width:297px;
}

#goldtable h3{
padding-top:10px;
padding-left:10px
}

#goldtable p{
padding-left:10px;
padding-right:15px

}

#goldtable a, a:hover{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight: normal;


}


#clear {
clear:both;
height:20px}


.homeboxes {
width:146px; height:124px;
}

#boxcopy {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}


.maincontent {
color:#333333;
padding-right:25px}

.maincontent a:link {
	color:#8f0000;
}



.maincontent a:hover {
	color:#8f0000;
	font-weight:normal;
	text-decoration: underline;


}


.greyline {
height:5px;
border-top:dotted 1px #999999;
margin-top:5px;
margin-bottom:5px
}


.floatright {float:right;
padding-left:10px;
padding-bottom:10px}

#italiclink {
font-size:11px;
color:#000000;
text-decoration:none}

#italiclink  a:link {
font-size:11px;
color:#000000;
font-style:italic;
text-decoration:none}

#italiclink a:hover {
font-size:11px;
color:#000000;
font-style:italic;
text-decoration:underline;
font-weight:normal;
}

#italiclink  a:visited {
font-size:11px;
color:#000000;
font-style:italic;
text-decoration:none}



#services {
font-size:11px;
color:#000000;
}

#services  a:link {
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:underline}

#services a:hover {
font-size:11px;
color:#8f0000;
font-weight:normal;
text-decoration:underline;

}

#services  a:visited {
	font-size:11px;
	color:#8f0000;
	text-decoration:underline;
	font-weight: normal;
}



/* FOOTER */


#footer{
width:960px;
color:#333333;
font-size:9px;
text-align:right;
height:30px;
margin:auto;
padding-top:10px}

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

#footer a:hover{
color:#333333;
text-decoration:underline}





#boxcopy1 {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy1 a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy1 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}

#boxcopy2 {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy2 a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy2 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}


#boxcopy3 {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy3 a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy3 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}

#boxcopy4 {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy4 a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy4 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}


#boxcopy5 {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy5 a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy5 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}


#boxcopy6 {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy6 a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy6 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}


#boxcopy7 {
text-align:left;
color:#FFFFFF; 
font-size:12px;
margin-top:50px;
width:120px;
margin-left:10px;
}

#boxcopy7 a{
color:#FFFFFF;
text-decoration:none

}

#boxcopy7 a:hover{
color:#FFFFFF;
text-decoration:underline;
font-weight:bold

}

a.discreetr:link,a.discreetr:visited,a.discreetr:active,a.discreetr:hover {
	text-decoration: none;
	cursor: text;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;

}

p.discreetr {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
	font-size: 11px;
	color: #CCCCCC;
	font-weight:normal;
	}