/* CSS Document */

/* Body and default styles */
body {
text-align: center;
min-width: 806px;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
}

ul {text-align:left; padding-left:20px;}

h1 {
color:#BD203A;
font-size:12px;
}

h2 {
color:#BD203A;
font-size:10px;}

a {color:#BD203A;}

a:hover, a:active {
color:#ccc;
text-decoration:none;
}

.sectiontitle {
border-left: #BD203A 8px solid;
width: 20px;
background-color:#FFFFFF;
float:left;
}

.sectiontitlehome {
border-left: #BD203A 8px solid;
width: 20px;
height: 133px;
background-color:#FFFFFF;
float:left;
}

/* homepage specials */
#homemenu {
padding-right: 86px;
}

img {border:0px;}

/* main wrappers */

#wrapper {
margin:40px auto;
width:806px;
text-align:center;
position:relative;
}

#footer {
position:absolute;
top: 500px;
left:0px;
width:806px;
text-align:center;
background-color:#BD203A;
color:#FFF;
padding: 4px 0px;
clear: both;
}

#logo {
position: absolute;
bottom: 0px;
right:0px;
float:right;
clear: both;
}

#topcontainer {
padding-left:30px;
padding-top: 70px;
padding-bottom: 0px;
clear: both;
}

#topcontainer2 {
padding-left:30px;
padding-top: 30px;
padding-bottom: 0px;
clear: both;
}


/* centre area */

#2colwrap {height:350px;}

#1colwrap {height:200px;}

#right {
padding: 0px 0px 0px 30px;
margin-left: 345px;
margin-right: 0px;
height:350px;
}

div#right { 
min-height:350px;
height:expression(this.scrollHeight > 350 ? "auto":"350px"); }

#left {
height:350px;
overflow:auto;
float: left;
background-color:#BAB9B8;
width: 318px;
margin: 0px;
padding-right:5px;
}

#left1col {
width:685px;
height:133px;
min-height:133px;
overflow:auto;
float: left;
text-align:right;
background-color:#BAB9B8;
margin: 0px;
padding-right:5px;
margin-bottom:0px;
}

#left1colhome {
width:685px;
height:133px;
min-height:133px;
float: left;
text-align:right;
background-color:#BAB9B8;
margin: 0px;
padding-left:33px;
padding-right:0px;
margin-bottom:0px;
}

.left1colservices {
width:685px;
height:350px;
min-height:350px;
overflow:hidden;
float: left;
text-align:right;
background-color:#fff;
margin: 0px;
padding-right:5px;
margin-bottom:0px;
}


.generic {background-image: url(images/blank.gif);}
.ethos {background-image: url(images/ethos.gif);}
.residential {background-image: url(images/residential.gif);}
.commercial {background-image: url(images/commercial.gif);}
.projects {background-image: url(images/projects.gif);}
.retail {background-image: url(images/retail.gif);}
.clients {background-image: url(images/clients.gif);}

#left p, #left h1, #left h2 {
text-align:justify;
padding: 6px 6px 0px 6px;}


/*boxes*/


#featboxwrapper
{
font-size: 10px;
width: auto;
}

.newsfeatwraap {
margin-left: 20px;
}

.featbox
{
background-color: #BD203A;
padding: 3px;
margin: 5px;
height: 100px;
width: 100px;
color: #fff;
float: left;
text-align: left;
position: relative;
}

.featboxgrey {
background-color:#CCCCCC;
margin: 10px 0px 5px 10px;
padding: 3px;
height: 100px;
width: 100px;
color: #fff;
float: left;
text-align: left;
position: relative;
}

.featbox img, .featboxgrey img {
position:absolute;
}

.featbox h2, .featbox p, .featboxgrey h2, .featboxgrey p {color:#fff;}

.featbox h2, .featbox p, .blankfeatbox2 ul, .featboxgrey h2, .featboxgrey p, .blankfeatbox2 p {
margin: 5px;
position: absolute;
bottom: 0px;
font-size: 10px;
}

.featbox a {
color:#FFF;
text-decoration:none;
}

.featboxgrey a {
color:#BD203A;
text-decoration:none;
}

.featbox a:hover {
color:#BAB9B8;
}

.featboxgrey a:hover {
color:#fff;
}

.blankfeatbox
{
background-color: #fff;
padding: 3px;
margin: 5px;
height: 100px;
width: 100px;
color: #ccc;
float: left;
position:relative;
}

.blankfeatbox2
{
background-color: #fff;
padding: 3px;
margin: 5px;
height: 100px;
width: 200px;
color: #ccc;
float: left;
position:relative;
}

.blankfeatbox2 a {
text-decoration:none;
color:#ccc;
}

.blankfeatbox2 a:hover {
text-decoration: underline;
color:#BAB9B8;
}

.featboxprojects {
background-color: #BAB9B8;
background-image: url(images/projects.gif);
background-position:left;
background-repeat:no-repeat;
padding: 3px;
margin: 5px;
height: 100px;
width: 100px;
color: #fff;
float: left;
}

.featboxservices {
background-color: #BAB9B8;
background-image: url(images/services.gif);
background-position:left;
background-repeat:no-repeat;
padding: 3px;
margin: 5px;
height: 100px;
width: 100px;
color: #fff;
float: left;
}

.clearboth { clear: both; }

.clearleft {clear:right;}

/* Menu */

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #BAB9B8;
color: #BD203A;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; float:right;}

#navcontainer ul li a, .companyname
{
padding: 0.2em 1em;
background-color: #BAB9B8;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #BD203A;
color: #fff;
}

.last {padding-right: 57px;}

.companyname {
padding-right: 250px;
}


body {
scrollbar-face-color: #ccc;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-darkshadow-Color:#fff;
}