* {padding: 0; margin: 0;}
img	{border: 0; }

img, div {behavior: url("../script/iepngfix.htc")}

body {text-align: center; color: #333; margin: 0; padding:0; background: #A5BDCF url("../img/bgnd-page.gif") repeat-x; font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, sans, sans-serif, _sans;}

p {text-align: left; color: #333; line-height: 1.5em; padding: 10px 0; margin: 0;}
a {color: #333; cursor: pointer;}
a:HOVER {text-decoration: none;}
ul {margin: 0;}

.l {float: left;}
.r {float: right;}
.spacer {height: 1.0em;}
.center {text-align: center;}
.acenter {align: center;}
.aright {text-align: right;}

.clear {clear: both;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.strong {font-weight: bold;}
.hidden {display: none;}
.mrg {padding: 0 20px;}

p.warning {padding: 10px; color: #800;}
p.success {padding: 10px; color: #080;}
p.spinner {padding: 10px;}
#responsediv, #responsediv2 {}

h1 {color: #A30F1F; font-size: 2.2em; font-weight: normal; margin: 0;}
h2 {color: #32659C; font-size: 1.4em; font-weight: normal; margin: 10px 0 0 0; border: #c2dcef dotted; border-width: 0 0 1px 0;}
h3 {color: #333; font-size: 1.2em; margin: 10px 0;}

.s20 {width: 20px;}
.s50 {width: 50px;}

.s100 {width: 100px;}
.s150 {width: 150px;}
.s200 {width: 200px;}
.s300 {width: 300px;}
.s500 {width: 500px;}
.p100 {width: 100%;}
.s80 {width: 80px;}
.h200 {height: 150px;}
/********************************************************************************/

#wrapper {width: 720px; margin: 0 auto; text-align: left; background: url("../img/bgnd-content.gif") top center repeat-y;}

#top {width: 720px; height: 360px; text-align: left; background: url("../img/bgnd-top.gif") repeat-x;}
#top-inside {width: 720px; height: 250px; text-align: left; background: url("../img/bgnd-top.gif") repeat-x;}

a.logo {float: left; margin: 15px 0 0 35px; display: block; width: 340px; height: 80px; background: url("../img/joe-miley-partners-logo-3.gif") no-repeat; text-indent: -9000px;}
p.phone {margin: 40px 20px 0 0; display: block;float: right; width: 180px; height: 30px; background: url("../img/phone.gif") no-repeat; text-indent: -9000px;}

#header {width: 700px; height: 250px; display: block; margin: 0 10px; position: absolute; top: 110px; clear: both; text-indent: -9000px; overflow: hidden;}
#header-home {width: 700px; height: 250px; display: block; margin: 0 10px; position: absolute; top: 110px; clear: both; overflow: hidden;}
#header-inside {width: 700px; height: 140px; display: block; margin: 0 10px; position: absolute; top: 110px; clear: both; text-indent: -9000px; overflow: hidden;}
#header-anim {width: 700px; height: 140px; display: block; margin: 0 10px; position: absolute; top: 110px; clear: both; overflow: hidden;}

.h01 {background: url("../img/header/01.jpg") no-repeat;}
.h02 {background: url("../img/header/02.jpg") no-repeat;}
.h03 {background: url("../img/header/03.jpg") no-repeat;}
.h04 {background: url("../img/header/road-construction.jpg") no-repeat;}
.h05 {background: url("../img/header/underground-car-park.jpg") no-repeat;}
.h06 {background: url("../img/header/04.jpg") no-repeat;}
.h07 {background: url("../img/header/slipform-kerbing.jpg") no-repeat;}
.h08 {background: url("../img/header/drainage.jpg") no-repeat;}
.h09 {background: url("../img/header/residential.jpg") no-repeat;}
.h10 {background: url("../img/header/dbo.jpg") no-repeat;}
.h11 {background: url("../img/header/residential-projects.jpg") no-repeat;}
.h12 {background: url("../img/header/leisure-projects.jpg") no-repeat;}
.h13 {background: url("../img/header/civil-engineering-projects.jpg") no-repeat;}
.h14 {background: url("../img/header/careers.jpg") no-repeat;}
.h15 {background: url("../img/header/quality.jpg") no-repeat;}
.h16 {background: url("../img/header/clients.jpg") no-repeat;}

#main-menu {width: 700px; height: 40px; display: block; background: url("../img/bgnd-menu.gif") no-repeat; margin: 0 10px; overflow: hidden;}
#main-menu ul {margin: 0 0 0 9px;}
#main-menu ul li {list-style: none; display: inline; text-align: center;}
#main-menu ul li a {display: block; float: left; font-size: 1.2em; text-decoration: none; padding: 11px 25px;}
#main-menu ul li a:HOVER, #main-menu ul li a.on {background: #666 url("../img/bgnd-menu-item.gif") repeat-x; color: #fff;}

#page {width: 720px; margin: 0 auto;}

#content {width: 680px; padding: 20px; display: table;}

#rhs {float: right; width: 450px; padding: 0 0 10px 0;}

form.inputform {}
form.inputform fieldset {border: none;}
form.inputform p {margin: 0 0 10px 0; padding: 0;}
form.inputform p.dimensions {padding: 3px; background: #eee;}
table {margin: 0; border-collapse: collapse; color: #333; background: none;}
table td {padding: 5px; text-align: left; vertical-align: top;}
table td.rightalign {text-align: right;}
table td.centeralign {text-align: center; vertical-align: middle;}
table tr.alt {border: 1px solid #eee; border-width: 1px 0; background: #eee;}
table tr td.action {padding: 5px; border-top: 1px solid #A5BDCF; text-align: center; }
form.inputform table select, input, textarea {padding: 0 0 0 2px; border: 1px solid #A5BDCF; color: #333; font: inherit;}
form.inputform table select, input {padding: 0.3em;}
form.inputform input.submit { margin: 5px 0 0 5px; background: #A5BDCF; border: 1px solid #A5BDCF; color: #fff; font-weight: bold;}
span.mand {color: #A5BDCF; font-weight: bold; text-align: left;}
.ht {font-size: 0.8em; color: #777;}

ul {margin: 0 0 10px 25px; list-style-image: url("../img/arrow-red.gif");}
ul li {line-height: 1.5em; padding: 5px 0 0 0; margin: 0;}

#locationMap {width: 450px; height: 300px; margin: 10px 0;}

dl {margin: 10px 0; clear: both;}
dl dt {padding: 10px 5px; font-size: 1.2em; color: #32659C; font-weight: bold; cursor: pointer; border: 1px dotted #ccc; border-width: 0 0 1px 0;}
dl dt:HOVER, dl dt.on {color: #333; background: #ddd url("../img/bgnd-gradient.gif") repeat-x; border: 1px solid #ccc; border-width: 0 0 1px 0;}
dl dd {display: none; padding: 10px 5px; border: 1px #32659C solid; border-width: 0 0 1px 0;}

dl dd input {margin: 5px 0 0 0;}
dl dd p span {color: #f00; font-size: 1.2em; font-weight: bold;}

a.homepage-projects {width: 220px; height: 340px; display: block; text-indent: -9000px; background: url("../img/homepage-projects.jpg") no-repeat;}
a.homepage-projects:HOVER {background: url("../img/homepage-projects-hover.jpg") no-repeat;}

ul.projects {padding: 0; margin: 0;}
ul.projects li {list-style: none; background: none; float: left; display: block; width: 210px; height: 150px; padding: 10px 5px 0 5px; overflow: hidden;}
ul.projects li a {color: #fff; text-decoration: none; width: 210px; height: 150px; display: block; overflow: hidden;}
ul.projects li a div {width: 210px; height: 150px; display: block; overflow: hidden;}
ul.projects li a span {width: 200px; height: 20px; display: block; color: #fff; font-size: 1.3em; font-weight: bold; background: url("../img/trans-black-projects.png"); padding: 125px 5px 5px 5px; cursor: pointer; position: relative; top: -150px;}
ul.projects li a:HOVER span {width: 200px; height: 20px; display: block; color: #fff; font-size: 1.3em; font-weight: bold; background: url("../img/trans-blue-projects.png"); padding: 125px 5px 5px 5px; cursor: pointer; position: relative; top: -150px;}

ul.pics {padding: 0; margin: 0 0 10px 0;}
ul.pics li {list-style: none; background: none; float: left; display: block; width: 144px; height: 108px; padding: 6px 3px 0 3px; overflow: hidden;}
ul.pics li a img {border: 4px solid #eee;}
ul.pics li a:HOVER img {border: 4px solid #ccc;}

#lhs {float: left; width: 230px; padding: 0 0 10px 0;}

#lhs ul {list-style: none; width: 210px; margin: 0; text-align: right;}
#lhs ul li {margin: 0; list-style-image: none;}
#lhs ul li.last {border: none;}
#lhs ul li a {padding: 7px 20px 7px 5px; text-decoration: none; font-size: 1.2em; display: block; background: url("../img/arrow-red.gif") 96% 50% no-repeat;}
#lhs ul li a:HOVER, #lhs ul li a.on {background: #32659c url("../img/arrow-red.gif") 96% 50% no-repeat; color: #fff;}

#bcrumb {margin: 0 0 10px 0;}
#bcrumb ul {list-style: none; margin: 0;}
#bcrumb ul li {display: inline; margin: 0 5px 0 0; font-size: 0.9em;}
#bcrumb ul li a {padding: 0 0 0 10px; background: url("../img/arrow-red.gif") 0 50% no-repeat;}
#bcrumb ul li a.curr {font-weight: bold; text-decoration: none;}

#footer {width: 720px; height: 135px; background: url("../img/bgnd-footer.gif") top center no-repeat; clear: both;}
#footer-content {width: 680px; margin: 0 auto; padding: 45px 0 0 0; overflow: hidden;}
#footer-content p {padding: 0; margin: 0;}
#footer-content p.rm, #footer-content p.rm a {color: #aaa; font-size: 0.8em;}