body {
 margin: 0;
 font-size: 0.75em;
 background-image: url('../images/stripe.png');
}

.logos {
 text-align: right;
 padding-right: 100px;
}

li {
 padding-top: 0.4em;
}

.mainlayout {
 background-color: white;
 color: black;
}

.logo {
 vertical-align: middle;
 text-align: left;
}

.address {
  color: #006;
  text-align: left;
}

.address strong {
  color: #0060a9;
}

.content {
 margin-left: 5%;
 margin-right:5%;
 background-color: white;
 color: black;
 border: solid 1px gray;
 font-family: Verdana, arial, sans-serif;
 background-image: url('../images/title-background.jpg');
 background-position: top right;
 background-repeat: no-repeat;
}

.menu {
  /*background: url("../images/menu-background.png");*/
  padding: 5px;
  border-top: solid 1px #333399;
  border-bottom: solid 1px #333399;
}

.menu table {
 float: left;
}

.menu a {
 display: block;
 font-weight: 600;
 text-decoration: none;
 color: #bb3300;
 height: 100%;
 padding: 5px;
 padding-left:10px;
 padding-right:10px;
 margin-top:4px;
 margin-bottom:4px;
 white-space: nowrap;
}

.menu a:hover {
 padding-top: 4px;
 padding-bottom: 4px;
 color: #e50;
}

/* b4d56f 903e97 a04ea7 d60b8c c4112f b4d56f 7b6954*/
#hometab { background-color: #b4d56f; }
#servicestab { background-color: #903e97; }
#servicessubtab { background-color: #a04ea7; }
#emergenciestab { background-color: #d60b8c; }
#vacanciestab { background-color: #c4112f; }
#contacttab { background-color: #00a9a6; } 

/* d2f687 ab52b3 f71ba7 e42142 0fc6c3 */
#hometab a:hover { background-color: #d2f687; }
#servicestab  a:hover { background-color: #ab52b3; }
#servicessubtab  a:hover { background-color: #ab52b3; }
#emergenciestab  a:hover { background-color: #f71ba7; }
#vacanciestab  a:hover { background-color: #e42142; }
#contacttab  a:hover { background-color: #0fc6c3; } 

#mainimages {
 background-color: #b4d56f;
 width: 650px;
}

#mainimages img {
 margin: 15px;
 margin-right: 0px;
}


#hometab a, #servicestab a, #emergenciestab a, #vacanciestab a, #contacttab a {
 color: white;
}

.menu img {
 border: 0px;
}

.borderImg {
  border: 1px solid #000044;
}

.menu {
 text-align:center;
 width: 100%;
}
.menu td {
 padding: 0;
}

.newsBox {
 float: right;
 margin-top: 0px;
 margin-left: 5px;
 width: 240px;
 border: 1px solid #004;
 padding: 10px;
}

.newsBox img {
 margin-left: 8px;
}

.mainbody td {
 vertical-align: top;
 text-align: left;
}

.mainbody h1, .mainbody h2 {
 font-family: arial, Verdana, sans-serif;
 letter-spacing: 0.2em;
 color: #0060a9;
 background-color: white;
 padding: 2px;
 font-weight: 100;
 margin: 0;
}
.mainbody h1 {
 font-size: 2em;
}
.mainbody h2 {
 font-size: 1.5em;
}

hr.green {
 border: 3px solid #296633;
}

hr.blue {
 margin: 0;
 border: 3px solid #39588f;
}

.topHeading {
 text-align: center;
 letter-spacing: 0;
 color: #a00;
 background-color: inherit;
 padding: 0;
 font-size: 1em;
}

.sideMenu {
 text-align: center;
}

#roofingsidemenu {
 background-color: #b4d56f;
 border-color: #b4d56f;
 color: white;
}
#flaggingsidemenu {
 background-color: #903e97;
 border-color: #903e97;
 color: white;
}
#decsidemenu {
 background-color: #d60b8c;
 border-color: #d60b8c;
 color: white;
}
#plasteringsidemenu {
 background-color: #c4112f;
 border-color: #c4112f;
 color: white;
}
#scafsidemenu {
 background-color: #7b6954;
 border-color: #7b6954;
 color: white;
}

/* d2f687 ab52b3 f71ba7 e42142 0fc6c3 */
#roofingsidemenu:hover { background-color: #d2f687; }
#flaggingsidemenu:hover { background-color: #ab52b3; }
#decsidemenu:hover { background-color: #f71ba7; }
#plasteringsidemenu:hover { background-color: #e3092d; }

.mainServices {
 background-color: white;
 text-align: center;
 background-image: url('../images/stripe.png');
 border-collapse: collapse;
}

.mainServices td {
 padding: 1px;
}

.mainbody a {
 color: #0060a9;
}

.mainbody a:hover {
 color: #009900;
}

.mainServices a, .newsBox a img {
 border: solid 3px #0060a9;
}

.mainServices a:hover, .newsBox a:hover img {
 border-color: #0370b9;
}

.mainServices a {
 margin-left: 4px;
 padding-bottom: 4px;
 text-align: center;
 color: black;
 text-decoration: none;
 display: block;
}

.mainServices a:hover {
 background-color: white;
 color: #a00;
}

.mainServices img {
 margin-top: 5px;
 border: solid 1px white; 
}

.sideTitle {
 text-align: center;
 margin-bottom: 10px;
 font-weight: 900;
}

.disclaimer {
 font-size: 0.8em;
 color: #555;
 padding: 7px;
}

.bodyText {
 padding-left: 10px;
 padding-right: 5px;
 width:100%;
}

.imageGroup {
 width:300px;
}

.imageGroup a {
 display: block;
 text-align:center;
 background-color: #efe;
 text-decoration: none;
 padding: 5px;
}

.imageGroup strong {
	display: block;
	text-align: center;
	margin: 5px;
}

.imageGroup img {
 margin: 1px;
}


/* Drop down menu */

#myMenu1, #myMenu2, #myMenu3, #myMenu4, #myMenu5, #myMenu6, #myMenu7, #myMenu8, #myMenu9 {
 width:      150px;
 position:   absolute;
 z-index:    20;
 margin:     -4px;
 visibility: hidden;
}


.downDown {
 width: 100%;
 background-color: white;
 color: black;
 border: solid 1px #aaa;
 text-align: left;
}

.div {
 border-top: 1px solid #A0A0A0;
}

ul li {
 list-style-image: url("../images/1bullet.png");
 margin-top:   10px;
}

.bodyImage {
 float: left;
 margin-right:20px;
 border: solid 1px #aaa;
}