/* set all margins and pagging */
* {
margin: 0px;
padding: 0px;
border: 0px;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
	color: #444;
	font-size: .9em;
	font-weight: normal;
	line-height: 1.5;
}

a {
color: #730B0A;
}

a:active {
color: #4D8040;
}

a:hover {
color: #4D8040;
}

table {
font-size:100%;
}

/* set all heading to same*/
h1, h2, h3, h4, h5, h6 {
display:block;
font-weight: bold;
color: #730B0A;
font-size: 110%;
}

/* specific heading settings */
h1 {
font-size: 180%;
}

h2 {
font-size: 140%;
}

ul, ol {margin: 0px 0px 10px 30px;}

p {margin: 8px 0px 8px 0px;}
.italic {
font-style: italic;
}

/* define main page areas */
/* ====================== */

#container {
position: relative;
width: 960px;
margin: -1px 0px 0px 0px;
background:  url(../images/locations-bg-00.jpg) -1px 0px no-repeat;
height: 625px;
border-top: 1px solid #fff;
}

#skiplinks {
position: absolute;
left: -1000px;
}

#logo {
position: absolute;
left: 0px;
top: -1px;
}



/* ============================= */
/*         MENU                  */
/* ============================= */

#menu {
position: absolute;
left: 0px;
top: 200px;
width: 180px;
}

#menu ul {
list-style-image: url('../images/logo_small.gif');
}

#menu ul li {
margin: 0px 0px 10px 10px;
padding: 0px 0px 0px 10px;
}

#menu ul li a {
position: relative;
text-decoration: none;
color: #444;
margin: 0px 0px 0px 0px;
top: -2px;
}

#menu ul li a:hover {
color: #000;
}

/* ============================= */
/*  telephone numbers            */
/* ============================= */

#footer {
position: absolute;
bottom: 50px;
left: 20px;
text-align: right;
width: 200px;
font-size: 110%;
}

/* ============================= */

#content {
position: relative;
border: 1px solid #080;
margin: 150px 0px 0px 250px;
min-height: 300px;
font-size: 80%;
line-height: 1.2;
}

/* ============================= */
/* =========== HOME   ========== */
/* ============================= */

#contenttop {
position: relative;
margin: 0px 0px 0px 270px;
height: 300px;
font-size: 80%;
line-height: 1.2;
}


#contentbottom {
position: relative;
margin: 5px 0px 0px 270px;
min-height: 300px;
font-size: 80%;
line-height: 1.2;
}

#contenttop p {
position: absolute;
width: 200px;
bottom: 0px;
}

#contenttop #img1 {
display: block;
position: absolute;
bottom: 0px;
left: 200px;
}
#contenttop #img2 {
display: block;
position: absolute;
bottom: 0px;
left: 485px;
}

#contentbottom #img3 {
display: block;
position: absolute;
top: 0px;
left: 95px;
}
#contentbottom #img4 {
display: block;
position: absolute;
top: 0px;
left: 310px;
}
/* ============================= */
/* ======== COMMERCIAL  ======== */
/* ============================= */

#contenttopcomm {
position: relative;
margin: 0px 0px 0px 270px;
height: 300px;
font-size: 80%;
line-height: 1.2;
}

#contenttopcomm p {
position: absolute;
width: 200px;
bottom: 0px;
}

#contenttopcomm #img1comm {
display: block;
position: absolute;
bottom: 0px;
left: 200px;
}
#contenttopcomm #img2comm {
display: block;
position: absolute;
bottom: 0px;
left: 485px;
}

#contentbottomcomm {
position: relative;
margin: 5px 0px 0px 250px;
min-height: 300px;
font-size: 80%;
line-height: 1.2;
border-top: 1px solid #fff;
}

#contentbottomcomm #img3comm {
display: block;
position: absolute;
top: 0px;
left: 110px;
}
#contentbottomcomm #img4comm {
display: block;
position: absolute;
top: 0px;
left: 310px;
}

#contentbottomcomm p {
margin: 190px 90px 0px 310px;
}

/* ============================= */
/* ======== RESIDENTIAL  ======= */
/* ============================= */

#contenttopres {
position: relative;
margin: 0px 0px 0px 250px;
height: 300px;
font-size: 80%;
line-height: 1.2;
border-top: 1px solid #fff;
}

#contenttopres p {
margin: 50px 0px 0px 90px;
width: 220px;
border-top: 1px solid #fff;
}

#contenttopres #img1res {
display: block;
position: absolute;
bottom: 0px;
left: 90px;
}
#contenttopres #img2res {
display: block;
position: absolute;
bottom: 0px;
left: 316px;
}



#contentbottomres {
position: relative;
margin: 5px 0px 0px 250px;
min-height: 300px;
font-size: 80%;
line-height: 1.2;
border-top: 1px solid #fff;
}

#contentbottomres #img3res {
display: block;
position: absolute;
top: 0px;
left: 160px;
}
#contentbottomres #img4res {
display: block;
position: absolute;
top: 0px;
left: 395px;
}


#contentbottomres p {
margin: 190px 330px 0px 95px;
}

/* ============================= */
/* ========= VEHICLES  ========= */
/* ============================= */

#contentvehicles {
position: relative;
margin: 50px 0px 0px 250px;
font-size: 80%;
line-height: 1.2;
height: 500px;
}

#contentvehicles p {
position: absolute;
top: 420px;
left:412px;
width: 240px;
}

#contentvehicles #img1veh {
display: block;
position: absolute;
top: 53px;
left: 145px;
}

#contentvehicles #img2veh {
display: block;
position: absolute;
top: 0px;
left: 410px;
}

#contentvehicles #img3veh {
display: block;
position: absolute;
top: 200px;
left: 0px;
}

#contentvehicles #img4veh {
display: block;
position: absolute;
top: 200px;
left: 205px;
}

#contentvehicles #img5veh {
display: block;
position: absolute;
top: 300px;
left: 410px;
}

/* ============================= */
/* ========= OTHER  ========= */
/* ============================= */

#contentother {
position: relative;
margin: 00px 0px 0px 270px;
font-size: 80%;
line-height: 1.2;
height: 500px;
}

#contentother p {
position: absolute;
top: 60px;
left:40px;
width: 210px;
z-index: 100;
}

#contentother #img1oth {
display: block;
position: absolute;
top: 40px;
left: 280px;
}

#contentother #img2oth {
display: block;
position: absolute;
top: 70px;
left: 395px;
}

#contentother #img3oth {
display: block;
position: absolute;
top: 210px;
left: 150px;
}

#contentother #img4oth {
display: block;
position: absolute;
top: 258px;
left: 395px;
}

#contentother #img5oth {
display: block;
position: absolute;
display: block;
position: absolute;
top: 415px;
left: 130px;
}

#contentother #img6oth {
display: block;
position: absolute;
top: 415px;
left: 265px;
}


/* ============================= */
/* =========== ABOUT  ========== */
/* ============================= */
#contenttopabout {
position: relative;
margin: 100px 30px 0px 300px;
font-size: 80%;
line-height: 1.2;
border: 1px solid #fff;
}

#contentbottomabout {
position: relative;
margin: 35px 30px 0px 250px;
min-height: 300px;
font-size: 80%;
line-height: 1.2;
}

#imgabout1 {
display: block;
float: left;
margin: -30px 10px 20px 0px;
}

.aboutclear {
clear: left;
}

.aboutpdf1 {
margin: 20px 0px 0px 150px;
}
.aboutpdf {
margin: 20px 0px 0px 50px;
}

/* ============================= */
/* ========== CONTACT  ========= */
/* ============================= */

#contentcont {
position: relative;
margin: 20px 0px 0px 270px;
font-size: 80%;
line-height: 1.2;
height: 500px;
}

#contactbox {
position: absolute;
background: #faef3f;
width: 350px;
height: 180px;
top: 170px;
left: 140px;
padding: 20px 10px 10px 20px;
font-size: 110%;
}

#contactbox span {
display: block;
float: left;
width: 20px;
}

#address {
position: absolute;
bottom: 5px;
right: 5px;
width: 100px;
height:80px;
}


#img1cont {
position: absolute;
display: block;
top: 0px;
left: 400px;
}

#img2cont {
position: absolute;
display: block;
top:  10px;
left: 490px;
}

#img3cont {
position: absolute;
display: block;
top:  140px;
left: 545px;
}

#img4cont {
position: absolute;
display: block;
top:  220px;
left: 530px;
}

#img5cont {
position: absolute;
display: block;
top:  390px;
left: 80px;
}

#img6cont {
position: absolute;
display: block;
top:  470px;
left: 190px;
}

#img7cont {
position: absolute;
display: block;
top:  310px;
left: 10px;
}

#img8cont {
position: absolute;
display: block;
top:  240px;
left: 50px;
}



/* ============================= */
/* ============================= */
.bold {
font-weight: bold;
}

.red {
color: #f00;
}

.centre {
text-align: center;
}

.imagefr {
float: right;
margin: 0px 0px 10px 20px;
}

.imagefl {
float: right;
margin: 0px 20px 10px 0px;
}


form {
display:inline;
} 
input, textarea, select {
border: 1px solid #730B0A;
}

label {
font-weight: normal;
cursor: pointer;
}

.radio {
border: 0px;
}

.button {
cursor: pointer;
color: #000000;
font-size: 90%;
font-weight: bold;
border: 1px solid #730B0A;
background: #eee;
}

.mandatory {
color: #f00;
}

div.ptable {
overflow: auto;
width: 600px;
position: relative;
background: #cccccc;
border: 1px solid #730B0A;
color: #000000;
padding: 2px;
}

div.prow {
overflow: auto;
width: 100%;
margin: 0px 0px 0px 0px;
}

div.prow span.coll {
float: left;
width: 150px;
text-align: left;
} 

div.prow span.colr {
float: right;
width: 430px;
text-align: left;
}