/* stylesheet for Middlebrook Property Maintenance */
/* Richard Henry West Midlands Media 2007 */

body {
background:#fff;
font-size:medium;
color:#000;
font-family:Verdana, Arial, sans-serif;
margin:0;
padding:0
}

p {
font-size:80%;
line-height:150%
}
h1 {
float:left;
font-size:86%;
text-indent:10px;
color:#fff;
margin:0;
padding:0
}
h2 {
font-size:86%;
margin:10px 0 4px 8px
}

#page {
margin:8px auto;
width:760px;
height:100%;
background:#D54712
}

.banner {
clear:both;
float:left;
width:100%;
height:147px;
margin:0;
padding:0;
background:#D54712/*url(../images/middlebrook_header.png)no-repeat top left*/
}
#linkstrip {
float:left;
background:#D54712;
width:100%;
/*height:100%*/
margin-bottom:12px
}
.directions {
padding: 6px;
border:1px solid #B5B8D7;
margin-left:176px;
width:400px
}
#pagelinks {
float:left;
width:721px;
background:#273894;
height:22px;
border:2px solid #fff;
margin:4px 0 0 16px;
padding:2px;
}
#pagelinks a {
font-size:80%;
color:#fff;
text-decoration:none;
margin:0 -6px 0 16px
}
#pagelinks a:hover {
color:#F6F449
}
#content {
clear:left;
/*float:left;*/
background:#D44913 url(../images/red_blue_red.png)repeat-x top left;
height:100%;
width:100%;
padding:0;
margin:0;
border:0
}
#content ul {
font-size:80%;
list-style-type:square;
color:#0C112C;
margin:0 6px 0 16px;
padding:0 6px 0 16px
}
#content ol {
font-size:80%;
margin:0 6px 0 16px;
padding:0 6px 0 16px;
display:block
}
#content ol li {
margin:1px 0 1px 0;
line-height:1.4em;
color:#0C112C
}
#content_one {
width:100%;
height:100%;
padding-bottom:8px;
background:#fff transparent
}
#content_left {
float:left;
margin:6px 2px 0 6px;
border:1px solid #B5B8D7;
background:#fff;
display:block;
height:100%;
overflow:auto
}
#content_left ul {
float:left;
list-style-type:none;
padding:4px;
margin:4px
}
#content_left img {
clear:left;
float:left;
margin:6px 0 4px 24px
}
#content_left a img {
border:0
}
#content_right {
margin:0;
padding:0;
height:100%;
overflow:auto
}
.content_one {
margin:12px 15px 4px 15px;
background:#fff;
border:1px solid #273894;
padding-bottom:4px;
height:100%
}
.content_one p {
color:#000;
margin:10px;
line-height:1.4em;
display:block
}
.maintext {
float:left;
margin-left:6px
}
.inlineright {
clear:right;
float:right;
width:220px;
display:inline;
margin:0 7px 8px 9px;
border:4px solid #B5B8D7;
background:#B5B8D7
}
#gallery {
margin:0 15px;
padding:8px 0;
display:none
}
.switch_show {
font-size:80%;
color:#fff;
text-decoration:none;
margin-left:22px;
padding:0 0 6px 0
}
.switch_hide {
font-size:80%;
color:#fff;
text-decoration:none;
margin-left:8px;
padding:0 0 6px 0
}
.hidden {
display:none;
text-align:left;
margin:6px 15px 0 15px;
padding:8px 0;
background:#fff
}
.show {
font-size:86%;
color:#fff;
margin:4px 0 4px 18px;
cursor:pointer;
display:block;
line-height:20px
}
.images {
/*clear:both;
width:652px;
height:200px;
margin:10px 0 10px 16px;*/
display:none
}
.hidden img {
border:2px solid #B5B8D7;
margin:8px 0 8px 26px;
width:200px;
vertical-align:top
}
#content_two {
clear:both;
float:left;
height:100%;
padding-bottom:1px;
background:#fff transparent;
margin:-6px 0 6px 15px
}
.content_two {
background:#273894;
color:#fff;
padding-bottom:4px
}
.content_two p {
margin:10px;
background:#273894 transparent;
color:#fff;
line-height:1.4em
}
form {
margin:10px;
font-size:76%
}
#expertnotice {
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
border:0
}
.expert {
clear:both;
float:left;
margin:0 0 10px 0;
padding:0;
border:0
}
img.footerimage {
margin: 6px 0
}
#years {
clear:left;
float:left;
margin:0;
}
.contact {
float:right
}

#listpages {
width:146px;
float:left;
margin:6px 0 6px 6px
}
#listpages ul {
padding:0 0 1px 0;
margin:0;
list-style:none
}
#listpages li {
width:100%;
clear:left;
float:left;
text-indent:4px
}
#listpages a {
display:block;
color:#fff;
width:100%;
background:#273894;
text-decoration:none;
padding:1px 0 1px 1px
}
#listpages a:hover {
background:#F6F449;
color:#273894;
/*border:1px solid #273894*/
}

/*--- ende ---*/