/* CSS Document */

body {
margin:0px;
padding:0px;
background-color:#000;
text-align:center;
}




/* --------- start layers -------------- */

#wrapper {
margin:0px auto 0px auto;
padding:0px;
width:100%;
text-align:center;
}

#spacer {
z-index:1;
height: 180px;
width:100%;
margin:0px;
padding:0px;
}

#logoBlock {
z-index:1;
margin:0px auto 0px auto;
padding:0px;
width:763px;
height:103px;
text-align:right;
}

#logoBlock img {
z-index:1;
border:0px;
margin:0px;
}

#navBlock {
z-index:3;
margin:0px auto 0px auto;
padding:0px 0px 0px 30px;
width:766px;
height:20px;
text-align:left;
background-image:url(images/navBG.jpg);
background-repeat:no-repeat;
}

#navHolder {
z-index:3;
margin:0px;
padding:0px;
text-align:left;
}

#imageBlockOne {
z-index:1;
margin:0px auto 10px auto;
padding:0px;
height:82px;
background-image:url(images/ikonConstructionBuildingImagesOne.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#000;
text-align:center;
}

#imageBlockTwo {
z-index:1;
margin:0px auto 10px auto;
padding:0px;
height:82px;
background-image:url(images/ikonConstructionBuildingImagesTwo.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#000;
text-align:center;
}

#imageBlockThree {
z-index:1;
margin:0px auto 10px auto;
padding:0px;
height:82px;
background-image:url(images/ikonConstructionBuildingImagesThree.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#000;
text-align:center;
}

#imageBlockFour {
z-index:1;
margin:0px auto 10px auto;
padding:0px;
height:82px;
background-image:url(images/ikonConstructionBuildingImagesFour.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#000;
text-align:center;
}

#imageBlockFive {
z-index:1;
margin:0px auto 10px auto;
padding:0px;
height:82px;
background-image:url(images/ikonConstructionBuildingImagesFive.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#000;
text-align:center;
}

#imageBlockSix {
z-index:1;
margin:0px auto 10px auto;
padding:0px;
height:82px;
background-image:url(images/ikonConstructionBuildingImagesSix.jpg);
background-repeat:no-repeat;
background-position:center;
background-color:#000;
text-align:center;
}

#headingWrapper {
z-index:1;
margin:-10px auto 0px auto;
padding:0px;
width:766px;
text-align: left;
}

#headingBlock {
z-index:1;
height:40px;
margin: 0px 0px 0px 180px;
padding:0px;
}

#contentBlock {
position: relative;
z-index:1;
margin:-23px auto 0px auto;
padding:0px;
width:766px;
text-align:left;
}

#cmsBlock {
position: relative;
z-index:1;
margin:20px auto 0px auto;
padding:0px;
width:766px;
text-align:left;
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
}

#cmsBlock a:link, #cmsBlock a:visited  {
z-index:1;
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:underline;
}

#cmsBlock a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:none;
}

#cmsBlock h1 {
font: bold 120% Arial, Helvetica, sans-serif;
color: #FFF;
}

#cmsBlock h2 {
margin:0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
}

#leftContentWrapper {
z-index:1;
float:left;
margin: -5px 0px 0px 15px;
width:130px;
}

.leftheading {
z-index:1;
font: bold 90% Arial, Helvetica, sans-serif;
color:#FFF;
}

#servicesBlock {
z-index:1;
margin: 10px 0px 0px 0px;
padding:0px;
height:120px;
text-align: left;
}

#servicesBlock img {
z-index:1;
margin: 0px 0px 25px 0px;
padding:0px;
border:0px;
}

ul#services {
z-index:1;
padding:10px 0px 10px 0px;
margin:0px;
}

ul#services li {
z-index:1;
display:block;
list-style:none;
padding: 6px 0px 8px 0px;
margin: 0px 0px 0px 0px;
border-top: 1px dashed #fff;
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
}

ul#services li.last {
z-index:1;
list-style:none;
padding: 10px 0px 10px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px dashed #fff;
font: bold 100% Arial, Helvetica, sans-serif;
color: #fff;
}

ul#services li a:link, ul#services li a:visited {
z-index:1;
padding: 0px;
font: bold 70% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

ul#services li a:link.active, ul#services li a:visited.active {
z-index:1;
padding: 0px;
font: bold 70% Arial, Helvetica, sans-serif;
color: #9F9074;
text-decoration: none;
}

ul#services li a:hover.active {
z-index:1;
padding: 0px;
margin: 0px;
font: bold 70% Arial, Helvetica, sans-serif;
color: #E10915;
text-decoration: none;
}


ul#services li a:hover {
z-index:1;
padding: 0px;
margin: 0px;
font: bold 70% Arial, Helvetica, sans-serif;
color: #E10915;
text-decoration: none;
}


#linkBlocks {
z-index:1;
margin: 43px 0px 0px 0px;
padding:0px;
}

#linkBlocks img {
z-index:1;
border: 0px;
margin: 3px 0px 0px 0px;
}

#rightContentWrapper {
z-index:1;
float:right;
margin: 15px 0px 0px 0px;
width:600px;
border-left: 1px dashed #fff;
}

.servicesBlock {
z-index:1;
float:left;
margin: 5px 10px 10px 0px;
padding: 10px;
width: 150px;
height:30px; 
border: 1px solid #E10915;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
text-align:center;
}

#servicesBlockWrapper {
z-index:1;
margin: 0px 0px 100px 0px;
padding: 0px;
width: 100%;
height:190px;
}

#leftKeylineBlock {
z-index:1;
float: left;
margin: 40px 0px 0px 8px;
border: 1px solid #E10915;
padding: 10px;
width:155px;
font: bold 66% Arial, Helvetica, sans-serif;
color:#fff;
}

.leftKeylineRed {
color: #E10915;
}

#fullText {
z-index:1;
margin: 30px 0px 0px 4px;
padding: 10px;
font: 70% Arial, Helvetica, sans-serif;
color:#fff;
width: 550px;
}

#fullText a:link, #fullText a:visited  {
z-index:1;
font: 100% Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
}

#fullText a:hover  {
z-index:1;
text-decoration:none;
}

#fullText ul {
margin: 0px 0px 0px 20px;
padding: 0px;
list-style:disc;
}

#fulltext img {
float: left;
margin: 0px 20px 0px 0px;
}

#fullText h2 {
margin: 0px 0px 5px 0px;
font: bold 140% Arial, Helvetica, sans-serif;
color: #E10915;
} 

#fullText h2 a:link, #fullText h2 a:visited {
font: bold 100% Arial, Helvetica, sans-serif;
color: #E10915;
text-decoration: underline;
} 

#fullText h2 a:hover {
text-decoration: none;
}

#fullText h3 {
margin: 0px 0px 5px 0px;
font: bold 120% Arial, Helvetica, sans-serif;
color: #E10915;
} 

#fullText h3 a:link, #fullText h3 a:visited {
font: bold 105% Arial, Helvetica, sans-serif;
color: #E10915;
text-decoration: underline;
} 

#fullText h3 a:hover {
text-decoration: none;
}


.projectWrap {
z-index:1;
margin: 0px 0px 30px 0px;
padding: 0px;
height: 100px;
width: 100%;
}

.projectImage {
z-index:1;
margin: 0px 20px 0px 0px;
width:100px;
background-color:#E10915;
float:left;
}

.projectImage img {
z-index:1;
margin:0px;
float:right;
}

#projectImageLarge {
z-index:1;
margin: 0px 0px 20px 0px;
width:330px;
height:147px;
background-color:#E10915;
}

#projectImageLarge img {
z-index:1;
margin:0px;
float:right;
}

.projectHeading {
z-index:1;
margin: 0px;
float:left;
width: 70%;
} 

#rightText {
z-index:1;
float: right;
margin: 30px 0px 0px 10px;
padding: 10px;
font: 70% Arial, Helvetica, sans-serif;
color:#fff;
width: 375px;
}

.rightTextColour {
color:#9F9074;
}

.smallerText {
font: 80% Arial, Helvetica, sans-serif;
color: #FFF;
}

.rightTextColour a:link, .rightTextColour a:visited{
color:#9F9074;
text-decoration:underline;
}

.rightTextColour a:hover{
color:#9F9074;
text-decoration:none;
}

#copyrightWrapper {
z-index:1;
clear:both;
margin:0px auto 0px auto;
padding:0px;
width:766px;
text-align:left;
}

#copyrightText {
position: relative;
z-index:1;
margin:0px 0px 0px 30px;
padding:0px;
text-align:left;
font: 55% Arial, Helvetica, sans-serif;
color: #fff;
}

#copyrightText a:link, #copyrightText a:visited {
font: 100% Arial, Helvetica, sans-serif;
color: #fff;
text-decoration:underline;
}

#copyrightText a:hover {
text-decoration:none;
}

#copyrightWrapper img {
border:0px;
margin:-10px 0px 0px 0px;
}


/* --------- styles ---------- */

.date {
margin:0px;
font: 70% Arial, Helvetica, sans-serif;
color: #9F9074;
}



/* --------- navigation -------------- */

#nav, #nav ul {
z-index:3;
font: bold 75% Arial, Helvetica, sans-serif;
color:#FFF;
padding: 2px 0px 0px 0px;
margin: 0px;
width: 100%;
list-style: none;
text-align: left;
}

#nav li.first {
z-index:3;
float: left;
margin: 0px;
padding: 0px 7px 0px 26px;
border-right: 1px solid #FFF;
}

#nav li {
z-index:3;
float: left;
margin: 0px;
padding: 0px 7px 0px 7px;
border-right: 1px solid #FFF;
}

#nav li.last {
z-index:3;
float: left;
margin: 0px;
padding: 0px 7px 0px 7px;
}

#nav a {
z-index:3;
margin: 0px;
padding: 0px;
display: block;
} 

#nav a:link, #nav a:visited {
z-index:3;
display: block;
color: #FFF;
text-decoration: none;
}

#nav a:hover, #nav a:active {
z-index:3;
color:#C36615;
text-decoration: none;
}

#nav li ul {
z-index:3;
text-align: left;
position: absolute;
left: -999em;
height: auto;
width: 5em;
margin: -1px 0px 0px -33px;
}

#nav li ul a:link, #nav li ul a:visited {
z-index:3;
font:bold 130% Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none;
padding: 7px 0px 7px 25px;
background-color:#45450F;
display: block;
}

#nav li ul li {
z-index:3;
border:none;
}

#nav li ul a:hover {
z-index:3;
color:#FFF;
text-decoration: none;
background-color:#A55812;
}

#nav li ul a {
z-index:3;
padding: 5px 0px 5px 0px;
width: 9em;
display: block;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}

/* --------- end Nav -------------- */

/* --------- FORM STYLING -------- */

/* start form styling */

form {
z-index:1;
margin: 0px;
padding: 0px;
font: 100% Arial, Helvetica, sans-serif;
color: #FFF;
width:100%;
}

input {
margin: 0px;
padding: 3px;
border: 1px solid #CCC;
background-color: #FFF; 
font: bold 100% Arial, Helvetica, sans-serif;
color: #000;
vertical-align: middle;
}

textarea {
margin: 0px;
padding: 3px;
border: 1px solid #CCC;
background-color: #FFF; 
font: bold 100% Arial, Helvetica, sans-serif;
color: #000;
vertical-align: middle;
}

select {
margin: 0px;
padding: 3px;
border: 1px solid #CCC;
background-color: #FFF; 
font: bold 100% Arial, Helvetica, sans-serif;
color: #000;
vertical-align: middle;
}

.submit {
margin: 0px;
padding: 4px;
border: none;
background-color: #FFF; 
font: bold 120% Arial, Helvetica, sans-serif;
color: #000;
}

.formColL {
float: left;
left: 0px;
padding: 4px;
position: relative;
text-align: left;
width: 20%;
}

.formColR {
float: left;
left: 0px;
padding: 4px;
position: relative;
text-align: left;
width: 75%;
}

.formColFull {
float: left;
left: 70px;
padding: 4px;
position: relative;
text-align: left;
width: 100%;
}


.formInputBox {
font-size: 9px;
}

.formInputLabel {
font-size: 12px;
}

.formInputsRequired {
color: #ff0000;
font-weight: bold;
}

.formRows {
margin:0px;
padding: 0px;
position: relative;
width: 100%;
}

.desc {
font: 100% Arial, Helvetica, sans-serif;
color: #00165A;
}