/***** Global Settings *****/
html, body {
border:0;
margin:0;
padding:0;
}
html{
background:#eceeef url(i/background.gif) repeat-x;
}
body {
/* Set font as 10px - 1em will equal 10px */
font:62.5%/1.25 Arial, Helvetica, sans-serif;
width:980px;
margin:0 auto;
color:#455560;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}
h1{
padding:0;
font-size:2em;
}
h2 {
padding:0;
font-size:2.4em;
margin:0 0 24px;
}
h3 {
font-size:1.4em;
font-weight:bold;
}
/***** Common Formatting *****/
p, ul, ol, li {
margin:0;
padding:0;
}
li{
list-style:none;
}
img {
border:0;
}
.hide{
display:none;
}
/***** Links *****/
a{
text-decoration:underline;
color:#fff;
}
a:hover{
color:#afbd21;
}
/***** Wrapper *****/
#leasehold-management-bristol{
width:960px;
background:url(i/page.png) repeat-y;
margin:0 auto;
float:left;
padding:0 10px 20px;
}
/* ******************************** Masthead ********************************* */
#block-management-southwest{
background:url(i/block-management-bristol.gif) top left no-repeat;
height:144px;
position:relative;
}
h1{
width:228px;
height:144px;
position:relative;
overflow:hidden;
margin:0;
}
h1 span {
background:url(i/sustainable-block-management.gif);
position:absolute;
width:100%;
height:100%;
}
#accreditations{
float:left;
position:absolute;
top:0;
right:10px;
clear:both;
}
#accreditations li{
float:left;
}
#contact{
position:absolute;
top:104px;
right:20px;
font-size:1.2em;
color:#a2aab0;
}
#contact a{
color:#a2aab0;
margin-left:10px;
}
/* ******************************** Navigation ********************************* */
ul#nav{
width:660px;
background:url(i/navigation.gif) bottom no-repeat;
font-size:1.3em;
float:left;
padding:0 0 0 300px;
position:relative;
z-index:99;
}
ul#nav li{
float:left;
position:relative;
background:url(i/nav-break.gif) bottom right no-repeat;
padding:10px 0;
text-align:center;
}
li ul{
display:none;
position:absolute; 
width:240px;
top:37px;
left:-1px;
padding:0 20px 0 0;
}
#nav li ul li{
background:url(i/nav-dropdown.gif) top repeat-x;
margin:0;
padding:7px 0 7px 12px;
width:216px;
border-left:1px solid #090b0c;
border-right:1px solid #090b0c;
border-top:1px solid #5a6368;
border-bottom:1px solid #000;
text-align:left;
font-size:0.85em;
}
#nav li:hover ul, #nav li.over ul{
display:block;
}
#nav a{
text-decoration:none;
}
#li-index{
width:125px;

}
#li-services{
width:205px;

}
#li-greenpolicy{
width:185px;

}
#li-contact{
width:145px;
}
/* ******************************** Content ********************************* */
#block-management-bath{
background:url(i/content-index.jpg) top no-repeat;
padding:50px 40px 14px 378px;
float:left;
width:542px;
position:relative;
z-index:1;
}
#block-management-bath p{
font-size:1.4em;
margin:0 0 24px;
}
#block-management-bath p.intro{
font-size:1.8em;
}
#block-management-bath ul{
margin:8px 0 24px;
padding:0 0 0 14px;
}
#block-management-bath li{
font-size:1.4em;
list-style-type:disc;
margin-bottom:4px;
}
#block-management-bath a{
color:#455560;
}
#block-management-bath a:hover{
color:#afbd21;
}
#block-management-bath p.small{
font-size:1.1em;
}
/* ******************************** Sidebar ********************************* */
#estate-management-bristol{
position:absolute;
top:54px;
left:60px;
width:260px;
}
#estate-management-bristol h3{
background:url(i/nav-services-h3.png) top no-repeat;
padding:8px 10px;
font-size:1.8em;
color:#fff;
margin:0;
}
#estate-management-bristol h3 a{
text-decoration:none;
color:#fff;
}
#estate-management-bristol h3 a:hover{
color:#fff;
}
#block-management-bath #menu-services{
background:url(i/nav-services.png) bottom no-repeat;
margin:0;
padding:7px 0 20px;
}
#block-management-bath #menu-services li{
list-style:none;
margin-bottom:6px;
padding:0 10px 4px;
border-bottom:1px solid #c9c9c9;
}
#block-management-bath #menu-services li a{
text-decoration:none;
}
/* ******************************** Boxes ********************************* */
#boxes{
width:960px;
float:left;
margin:8px 0 0;
}
.box{
float:left;
width:305px;
padding-bottom:20px;
}
.box h3{
background:url(i/box-h3.gif) bottom no-repeat;
width:275px;
font-size:1.8em;
padding:6px 15px 10px;
}
.box p{
margin:10px 20px 0 86px;
}
.box p.nospace{
padding:0;
margin:0;
}
.box a{
color:#4b6f37;
}
#box-services{
margin-right:3px;
background:url(i/box-services.gif) bottom no-repeat;
margin-left:20px;
}
#box-greenpolicy{
margin-right:3px;
background:url(i/box-greenpolicy.gif) bottom no-repeat;
}
#box-contact{
background:url(i/box-contact.gif) bottom no-repeat;
}
/* *************************************** Footer ********************************* */
#block-management-bristol{
width:920px;
background:url(i/footer.png) top no-repeat;
clear:both;
padding:10px 30px;
margin:0 auto;
}
#block-management-bristol a{
color:#455560;
}
.space{
margin-right:14px;
}