@charset "iso-8859-1";
body{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #EEE6CF;
 font-size: 10px;
 color: #636363;
 margin-top: 0; 
 margin-left: 0;
 }

img{
 border: 0;
}
span {
line-height: 12px;
}

.borderbottom{
 background-image: url('images/borderbottom.jpg');
 background-position: bottom left;
 background-repeat: repeat-x;
 height: 14px;
}

br { 
line-height: 10px;
} 

p { 
line-height: 10px;
} 

.borderleft{
 position:absolute; 
 left:-12px; 
 top:0px; 
 width:13px; 
 height:672px; 
 z-index:1; 
 background-image: url(images/borderleft.jpg); 
 background-position: top right;
 background-repeat: repeat-y;
}

.borderleft2{
 position:absolute; 
 left:-12px; 
 top:0px; 
 width:13px; 
 height:74px; 
 z-index:1; 
 background-image: url(images/borderleft.jpg); 
 background-position: top right;
 background-repeat: repeat-y;
}

.borderright{
 position:absolute; 
 width:13px; 
 height:672px;
 z-index:1; 
 left: 766px;
 top: 0; 
 background-image: url(images/borderright.jpg); 
}

.borderright2{
 position:absolute; 
 width:13px; 
 height:74px;
 z-index:1; 
 left: 766px;
 top: 0; 
 background-image: url(images/borderright.jpg); 
}

img.middle{
 border: 0;
 text-align: center;
}

li{
  color: #CC0033;
  font-weight: bold;
  line-height: 1.8em;
}

td.linespacing {
  line-height: 1.8em;
}

p {
 font-size: 10px;
 line-height: 12px;
}

a{
 text-decoration: underline;
 color: #C23333;
}

a:link{
 text-decoration: underline;
 color: #C23333;
}
a:visited{
 text-decoration: underline;
 color: #C23333;
}

a:hover{
 text-decoration: underline;
 color: #636363;
}

a:active{
 text-decoration: underline;
 color: #C23333;
}

.newslink a:link{
 text-decoration: none;
 color: #C23333;
}
.newslink a:visited{
 text-decoration: none;
 color: #C23333;
}

.newslink a:hover{
 text-decoration: none;
 color: #636363;
}

.newslink a:active{
 text-decoration: none;
 color: #C23333;
}

a em{
 font-style: normal;
 text-decoration: underline;
 }

td.headerlogo{
 background-color: #FFFFFF;
}

td{
 vertical-align: top;
 font-size: 10px;
 color: #636363;
 line-height: 12px;
}

td.central{
 height: 90%;
 text-align: center;
 vertical-align: top;
 font-size: 10px;
 color: #636363;
 text-align: center;
 line-height: 12px;
}

td.headertabs{
 vertical-align: top;
 background-image: url('images/header.bg.gif');
 background-color: #AD0000;
}

.vertline{
 background-image: url('images/vertline.gif');
 background-repeat: repeat-y;
 width: 12px;
}

td.homecenter{
 width: 50%;
 vertical-align: top;
 padding: 0px 0px 0px 9px;
 border-spacing: 0px;
}

.footlink a:link{
 text-decoration: none;
 color: #636363;
 font-size: 11px;
}
.footlink a:visited{
 text-decoration: none;
 color: #636363;
 font-size: 11px;
}

.footlink a:hover{
 text-decoration: none;
 color: #C23333;
 font-size: 11px;
}

.footlink a:active{
 text-decoration: none;
 color: #636363;
 font-size: 11px;
}

.item a:link{
 text-decoration: none;
 color: #C23333;
 font-size: 11px;
}
.item a:visited{
 text-decoration: none;
 color: #C23333;
 font-size: 11px;
}

.item a:hover{
 text-decoration: none;
 color: #636363;
 font-size: 11px;
}

.item a:active{
 text-decoration: none;
 color: #C23333;
 font-size: 11px;
}

.boldred {
  font-weight: bold;
  color:#C23333;
}

.greybold{
  font-weight: bold;
  color:#636363;
}

.red {
  color:#C23333;
}

.bgred {
  font-weight: bold;
  color:#FFFFFF;
  background-color:#C23333;
}

.bold {
  font-weight: bold;
}

.center {
 text-align: center;
}

.left{
 text-align: left;
}
	
.right {
 text-align: right;
}

.justify{
 text-align: justify;
}
	
.white {
 text-align: center;
 background: #FFFFFF;
 width: 766px;
 padding: 0px;
 border-spacing: 0px;
}

via {
 font-size: 12px;
}

div.container {
	position: relative;
	margin: 0 auto;
	width: 766px;
	height: 650px;
	background-color: #FFFFFF;
	text-align: left;
}

/* INDEX */
div.header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 185px;
}

div.portfolios {
	position: absolute;
	top: 185px;
	left: 6px;
	width: 200px;
	height: 400px;
}

div.welcome {
    background-color: #FFFFFF;
	position: absolute;
	top: 185px;
	left: 207px;
	width: 360px;
	height: 400px;
}

div.flashintro {
    background-color: #FFFFFF;
	position: absolute;
	top: 197px;
	left: 2px;
	width: 357px;
	height: 250px;
}

div.map {
	background-image: url('images/map.gif');
    background-color: #FFFFFF;
	background-position: bottom left;
 	background-repeat: no-repeat;
	position: absolute;
	top: 185px;
	left: 207px;
	width: 360px;
	height: 400px;
}

div.about {
    background-color: #FFFFFF;
	position: absolute;
	top: 185px;
	left: 207px;
	width: 360px;
	height: 400px;
}
div.welcomecontent {
	position: absolute;
	top: 0px;
	left: 10px;
	width: 345px;
	height: 400px;
}

div.news {
	position: absolute;
	z-index: 9;
	top: 185px;
	left: 580px;
	width: 185px;
	height: 400px;
	background-color: #FFFFFF;
}

div.footer {
	z-index:9;
	position: relative;
	margin: 0 auto;
	left: -6px;
	top: 30px;
	width: 766px;
	text-align: center;
	height: 35px;
}

div.footer_about {
	z-index:9;
	position: relative;
	margin: 0 auto;
	left: -1px;
	top: 25px;
	width: 766px;
	text-align: center;
	height: 35px;
}

div.whitefill {
	z-index:1;
	background-color: #ffffff;
	position: relative;
	margin: 0 auto;
	left: -5px;
	top: 60px;
	width: 765px;
	text-align: center;
}

/* BRICKS */

div.introduction{
	background-color: #FFFFFF;
	position: absolute;
	top: 185px;
	left: 6px;
	width: 24%;
	height: 60%;
}

div.range{
	position: absolute;
	top: 200px;
	left: 218px;
	width: 520px;
	height: 450px;
	z-index: 9;
}

div.newsitem{
	background-color: white;
	position: absolute;
	top: 208px;
	left: 218px;
	width: 520px;
	height: 40%;
}

div.line{
	position: absolute;
	top: 200px;
	left: 207px;
	width: 2px;
	height: 50%
}

div.brick{
	position: absolute;
	top: 200px;
	left: 218px;
	width: 75%;
	height: 450px;
	background: url('images/folder.gif') no-repeat top left;
}

div.title{
	color: #CC0033;
	font-size: 14px;
	font-weight: bold;
	position: absolute;
	top: 8px;
	left: 16px;
	width: 225px;
	height: 26px;
}

div.single{
	position: absolute;
	top: 50px;
	left: 15px;
	width: 200px;
	height: 310px;
}

div.capture{
	position: absolute;
	top: 180px;
	left: 355px;
	width: 190px;
	height: 290px;
}

div.details{
	z-index:9;
	position: absolute;
	top: 30px;
	left: 220px;
	width: 300px;
	height: 140px;
}

/* SLATES */


div.intro{
	position: absolute;
	top: 185px;
	left: 6px;
	width: 24%;
	height: 60%;
}
div.types{
	position: absolute;
	top: 225px;
	left: 29%;
	width: 20%;
	height: 60%;
}
div.col_1{
	background-color: white;
	position: absolute;
	top: 0px;
	left: 15px;
	width: 300px;
	height: 200px;
}

div.col_2{
	background-color: white;
	position: absolute;
	top: 0px;
	left: 325px;
	width:200px;
	height: 200px;
}

div.slategrid{
	position: absolute;
	top: 206px;
	left: 47%;
	width: 50%;
	height: 60%;
}



/* FORMS */

div.header{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 	color: #636363;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 65px;
	}
	
div.form{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 	color: #636363;
	position: absolute;
	top: 75px;
	left: 0px;
	width: 100%;
	height: 100%;
	}

#buildstore_banner{
 position: absolute;
 left: 190px;
 top: 15px;
 height: 60px;
 width: 234px
}

#portfolio{
height: 360px;
}