/* This is the style sheet for www.homesbyhcs.com */
/* Classes are listed in order of appearance in markup */

.body 
{
background-color: #484744;
color: #484744;

}

div#left-column 
{
position:absolute; 
width:134px; 
height:693px; 
left: 0px; 
top: -116px;
}

div#hcs-logo
{
position:absolute; 
width:192px; 
height:115px; 
z-index:10; 
left: -109px; 
top: -77px;
}


div#header
{
position:absolute; 
width:800px; 
height:150px; 
left: 183px; 
top: 1px; 
z-index: 5;
}

div#container
{
position:absolute; 
width:800px; 
height:536px; 
left: 183px; 
top: 121px; 
z-index: 5;
background-color: #282826;
}


div#main-body
{
position:absolute; 
width:750px; 
height:487px; 
left: 25px; 
top: 25px;
background-color:#211E1B;
}

div#copyright
{
position:absolute; 
width:200px; 
height:23px; 
z-index:2; 
left: 300px; 
top: 516px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
/* The following styles are for the positioning of the images on each respective page */
div#main-body-image
{
position:absolute;
width:357px;
height:244px;
z-index:9;
left: 28px;
top: 90px;
background-color: #D5C7B3;
padding:8px;
}

div#about-body-image
{
position:absolute;
width:357px;
height:244px;
z-index:9;
left: 28px;
top: 90px;
background-color: #D5C7B3;
padding:8px;
}

div#design-body-image
{
position:absolute;
width:240px;
height:351px;
z-index:9;
left: 46px;
top: 79px;
background-color: #D5C7B3;
padding:8px;
}

div#build-body-image
{
position:absolute;
width:355px;
height:244px;
z-index:9;
left: 28px;
top: 90px;
background-color: #D5C7B3;
padding:8px;
}

div#contact-body-image
{
position:absolute;
width:357px;
height:244px;
z-index:9;
left: 19px;
top: 83px;
background-color: #D5C7B3;
padding:8px;
}

/*The following styles are for the formatting of the text portions of each respective page */
div#main-body-text
{
position:absolute; 
width:269px;  
z-index:2; 
left:438px; 
top: 90px;
background-color: #D5C7B3;
padding: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #804000;
}

div#about-body-text
{
position:absolute; 
width:269px; 
z-index:2; 
left:438px; 
top: 90px;
background-color: #D5C7B3;
padding: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #804000;
}

div#design-body-text
{
position:absolute; 
width:326px; 
height:351px; 
z-index:2; 
left:362px; 
top: 79px;
background-color: #D5C7B3;
padding: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #804000;
}

div#build-body-text
{
position:absolute; 
width:269px; 
z-index:2; 
left:438px; 
top: 90px;
background-color: #D5C7B3;
padding: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #804000;
}

div#portfolio
{
	position:absolute;
	width:677px;
	z-index:2;
	left:30px;
	top: 90px;
	background-color: #D5C7B3;
	padding: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #804000;
	height: 316px;
}

div#contact-body-text
{
position:absolute; 
width:286px; 
z-index:2; 
left:425px; 
top: 83px;
background-color: #D5C7B3;
padding: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #804000;
}

div#industry-logos
{
position:absolute; 
width:257px; 
height:24px; 
z-index:12; 
left: 72px; 
top: 399px;
}



div#validation
{
position:absolute; 
width:88px; 
height:31px; 
left:892px; 
top:682px; 
z-index:6;
}

.portfolio-text
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #804000;
}