body, html {
	background: url(images/bg.gif);
	margin: 0px auto;
	padding: 0px;
	height: 100%;
	border: 0px;}
	
/* Containers */	
#outer{
	background: url(images/bg-mechanical-top.gif) repeat-x;
	width: 100%;
	height: 100%;
	text-align: center;}
	
#bodywrapper {
	background: #F6F6F6;
	border: #666666 solid 1px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
	padding: 6px;
	width: 758px;}
	
#bodycontainer {
	background: #DDDDDD;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	width: 742px;
	padding: 7px;}
	
#intro{
	background: url(images/introbg.gif) no-repeat;
	float: right;
	width: 243px;
	height: 200px;
	margin-bottom: 5px;}
	
#navcontainer{
	margin-right: auto;
	margin-left: auto;
	width: 455px;
	height: 21px;
	margin-top: 10px;}
	
#banner{
	background: url(images/banner.jpg);
	width: 763px;
	height: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;}
	
#generalcontractor{
	background: #2F1C1C;
	border: #423030 solid 1px;
	height: 330px;
	width: 242px;}
	
#mechanicalcontractor{
	background: #1C202F;
	border: #303442 solid 1px;
	height: 330px;
	width: 242px;
	float: right;
	margin-left: 5px;}
	
#service{
	background: #1C2F20;
	border: #304234 solid 1px;
	height: 330px;
	width: 242px;
	float: right;
	margin-left: 5px;}
	
.project{
	background: #CACACA;
	width: 722px;
	height: 150px;
	padding: 10px;
	margin-bottom: 15px;}
	
.projectimage{
	margin-right: 10px;
	float: left;}
	
.grouptext{
	width: 228px;
	height: 230px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;}
	
ul{
	margin: 8px 0px 0px 0px;
	padding: 0px;}
	
li{
	list-style-type: disc;
	margin-left: 16px;
	padding: 0px;}
	
	
/* Text styles */

.text {
	color: #000000;
	font-family: tahoma, arial;
	font-size: 11px}

a.text {
	color: #2E3C5F;
	text-decoration: none;
	font-family: tahoma, arial;
	font-size: 11px}

a.text:hover {
	color: #2E3C5F;
	text-decoration: underline;
	font-family: tahoma, arial;
	font-size: 11px}
	
.whitetext {
	color: #FFFFFF;
	font-family: tahoma, arial;
	font-size: 11px}

.boldtext {
	color: #000000;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 11px}

a.boldtext {
	color: #2E3C5F;
	text-decoration: none;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 11px}

a.boldtext:hover {
	color: #2E3C5F;
	text-decoration: underline;
	font-weight: bold;
	font-family: tahoma, arial;
	font-size: 11px}
	
.footertext {
	color: #BEBEBE;
	font-family: tahoma, arial;
	font-size: 11px}
	
a.footertext {
	color: #BEBEBE;
	font-family: tahoma, arial;
	text-decoration: none;
	font-size: 11px}
	
a.footertext:hover {
	color: #BEBEBE;
	font-family: tahoma, arial;
	font-size: 11px;
	text-decoration: underline;}


/* Text box styles */
.textbox  { 
	font-family:verdana,arial; 
	font-size:11px; color:#666; 
	border:1px solid #999}
	
	
/* Buttons and images */
img{
	border: 0px;}
	
#nav-mc a {
	background: url(images/btn-mc.gif) no-repeat top;
	width: 269px; 
	height: 21px;
	float: left;}
	
#nav-mc a:hover {
	background: url(images/btn-mc.gif) no-repeat bottom;}
	
#nav-service a {
	background: url(images/btn-service.gif) no-repeat top;
	margin-left: 45px;
	width: 139px; 
	height: 21px;
	float: left;}
	
#nav-service a:hover {
	background: url(images/btn-service.gif) no-repeat bottom;}
	
	
	
/* PNG fix */
img, div, a { behavior: url(iepngfix.htc); }