/*  
The Wellman Group
*/

body { 
	background: #484747;
	text-align: center;
	width: 680px; margin: auto; padding: 0;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	}

/* Page starts here. */

#container {width: 680px; margin:10px 0 0 0; padding: 0; text-align: left;}

/* The header and the top navigation. */

#header {width: 680px; height: 200px; text-align: left; margin-top: 0px; float: left; background: #484747;}

.nav {
	width: 180px; height: 196px; margin: 0px;
	float: right;  border-left: 1px solid #fff; display: inline;
}
	
.nav ul {
	margin: 0; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px ; list-style-type: none; 
}
	
.nav ul li a {
	padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; display: block; border-bottom: 1px solid #fff; font-size: 8pt; line-height: 1.6em; margin:0px; 
}

a {text-decoration: none; color: #00bfeb;}

a:hover {color: #ffffff; background-color: #5d5c5c;}
	
	/* The li:hover effect only works with Firefox and similar browsers, but looks nice, nevertheless. 	IE users will simply not see any changes. */

.nav ul li:hover {
	background-color: #484747;
}

.logo {	float: left; 
        background: url(images/logo.gif) left no-repeat; 
        height: 113px; 
        width: 473px;
		margin-top: 40px;
}

.logoresi {	float: left; 
        background: url(images/logo_resi.gif) left no-repeat; 
        height: 113px; 
        width: 473px;
		margin-top: 40px;
}

.logocom {	float: left; 
        background: url(images/logo_com.gif) left no-repeat; 
        height: 113px; 
        width: 473px;
		margin-top: 40px;
}


/* This is the homepage flash */

#flashcontent {
	float: right; 
	width: 614px; height: 228px; 
	border: 0px;
	/* text-align: */
	left; margin-top: 20px;
	padding-left: 20px;
}

#flashslideshow {
	float: right;
	width: 471px;
	height: 228px;
	border: 0px;

	/* text-align: */
	left; 								
	margin-top: 20px;
	padding-left: 20px;
	position:inherit;
	left: 401px;
	top: 236px;
}


#residential {
	float:right; 
	width: 524px; 
	height: 146px; 
	text-align: right;
	margin-top: 15px;
    margin-right: 40px;
}

#residential p{
        font-weight: normal; 
        font-size: 8pt; 
        text-transform: uppercase;
        color: #8e8e8e; 
}

#service{
	float:right; 
	width: 524px; 
	text-align: right; 
	margin-top: 0px;
    margin-right: 40px;
}

#res-pic {
	float:right; 
	width: 524px; 
	height: 376px; 
	text-align: right;
	margin-top: 0px;
    margin-right: 40px;
}

#download {
	float:right; 
	text-align: right;
	margin-top: 5px;
    margin-right: 40px;
    font-weight: normal; 
    font-size: 8pt; 
    text-transform: uppercase;
    color: #8e8e8e; 
}

#res-pic p{
        margin-bottom: 5px;
        font-weight: normal; 
        font-size: 8pt; 
        text-transform: uppercase;
        color: #8e8e8e; 
}

#flat_wide {
width: 524px; 
height: 106px;
background: url(images/flat_wide.jpg) top left no-repeat; 
text-align: left; 
margin-top: 20px;
margin-left: 100px;
clear: both;
}

#flat_wide_serv {
width: 524px; 
height: 146px;
background: url(images/service2.jpg) top left no-repeat; 
text-align: left; 
margin-top: 20px;
margin-left: 100px;
clear: both;
}

#flat_wide_res
{
width: 524px; 
height: 146px;
background: url(images/wide.jpg) top left no-repeat; 
text-align: left; 
margin-top: 20px;
margin-left: 100px;
clear: both;
}

#flat_wide_com
{
width: 524px; 
height: 146px;
background: url(images/com_wide.jpg) top left no-repeat; 
text-align: left; 
margin-top: 20px;
margin-left: 100px;
clear: both;
}

/* Column content. "#left" controls the general area, while ".block" controls each individual entry. */

#left {
	float: left; 
	width: 180px;
	text-align: left;  
	border: 0px;
	color:#ccc;
    display: inline-block;
	clear: both;
	height: 1%;
}



ul.bold li{font-weight: bold;}

#caption{
        margin-bottom: 5px;
        font-weight: normal; 
        font-size: 8pt; 
        text-transform: uppercase;
        color: #8e8e8e; 
margin-top: 100px;
text-align: right;
}

.block {
	width: 180px; padding-bottom: 0px; margin-top: 21px; clear: both; display: inline-block; height: 1%;
}

.block img{
	width: 180px; padding-bottom: 20px;
}

.block ul {
	margin: 0; padding: 0 0px 0 5px; 
	list-style-type: none;
}
	
.block ul li a {
padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 10px; display: block; border-bottom: 1px solid #fff; font-size: 8pt; line-height: 1.6em; margin:0px; 
}
	
.block ul li:hover { background-color: #484747;}

/* The right content, where the main content is held. "#right" controls the general area, ".content" controls each individual entry, "entryfooter" controls the bottom of each entry.*/

#right {
	float: right; 
	width: 450px; 
	text-align: justify; 
    color:#ccc;
	margin-right: 15px;
}

#right2 {
	float: right; 
	width: 250px; 
	text-align: justify; 
    color:#ccc;
	margin-left: 455px;
	display: inline-block;
}
#left2 {
	float: left; 
	width: 180px;
	text-align: left;  
	border: 0px;
	color:#ccc;
    display: inline-block;
	clear: both;
	height: 1%;
}

.block2 {
	float: right;
	width: 180px; 
	margin-left: 455px;
	padding-bottom: 0px; 
	margin-top: 21px; 
	clear: both; 
	display: inline; 
	height: 1%;
	position:absolute;
}

.img2 {	float: left; 
        height: 113px; 
        width: 473px;
		margin-top: 4px;
		position:absolute;
		
		
}
#right-res {
	float: right; 
	width: 450px; 
	text-align: justify; 
    color:#ccc;
	margin-right: 65px;
}

#comright {
	float: left; 
	width: 450px; 
	text-align: justify; 
    color:#ccc;
margin-left: 100px;
}

#res {
	float: left; 
	width: 650px; 
	text-align: justify; 
    color:#ccc;
	margin-right: 15px;
}

h1 {
	font-size: 18px; color: #00bfeb; font-weight: normal;
}

h1.main {
	font-size: 16pt; color: #00bfeb; font-weight: normal; line-height: 1.6em; border-bottom: 1px solid #cccbcb; margin:15px 0 0 0;
}

#left h1{
	font-size: 9pt; color: #00bfeb; font-weight: bold; line-height: 1.6em; border-bottom: 1px solid #cccbcb; margin:15px 0 0 0;
}

h2 {
	font-size: 18px; color: #00bfeb; font-weight: normal;
}
	
h2.main {
	font-size: 16pt; color: #00bfeb; font-weight: normal; line-height: 1.6em; border-bottom: 1px solid #cccbcb; margin:15px 0 0 0;
}

h2.main_thumb {
	font-size: 12pt; color: #00bfeb; font-weight:bold; line-height: 1.6em; border-bottom: 1px solid #cccbcb; margin:15px 0 0 0;
}	
#right h3 {
	font-size: 10pt; color: #c63; font-weight: normal; text-align:right; margin:0;
}

#left h2{
	font-size: 9pt; color: #00bfeb; font-weight: bold; line-height: 1.6em; border-bottom: 1px solid #cccbcb; margin:15px 0 0 0;
}

h3.left {
	font-size: 9pt; color: #fff; font-weight: bold; line-height: 1.6em; border-bottom: 1px solid #cccbcb; margin:15px 0 0 0;
}

h4 {font-weight: bold; 	
	font-size: 8.5pt; 
	color: #fff;}

.imagine {border-top: 1px solid #cccbcb; margin:15px 0 0 0; padding-top: 20px; margin-top: 40px;}

.rescontent {
	width: 550px; 
    border-left: 1px solid #cccbcb;
    padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.content {
	width: 450px; 
    border-left: 1px solid #cccbcb;
    padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.text {
	width: 450px; 
	padding-bottom: 5px;
	font-size: 8.5pt; 
	line-height: 1.6em; 
	color: #fff; 
}
	
.footer {
	text-align:center;
   	font-size: 8.5pt; 
	line-height: 1.9em; 
	color: #fff; 
    border-top: 2px solid #666;
    border-bottom: 2px solid #666;
	margin:15px 0 0px 0;
}

.alignright {
float: right; 
}

.alignright img {
margin-bottom: 10px;
}
	
.alignleft {
	float: left;
}

.compics img {
margin-bottom: 10px;
}

.compics {
margin-bottom: 10px;
margin-bottom: 5px;
font-weight: normal; 
font-size: 8pt; 
text-transform: uppercase;
color: #8e8e8e; 
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px solid #999;
}

.indent {
	padding-left: 20px;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #666;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.postmeta {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

/*
textarea, input { 
border:1px solid #00bfeb;
background:#cccbcb;
color:#ffffff;
}
*/

/* forms and tables*/

div.spacer {
  clear: both;
}

div.row {
  clear: both;
  padding-top: 8px;
}

div.row span.label {
  float: left;
  width: 185px;
  text-align: right;
}

div.row span.formw {
  float: right;
  width: 255px;
  text-align: left;
} 
#mainText div
{
	float:right;
}
#mainText{
width:100%;
height:auto;
}

/* End of the stylesheet. */