body{
  text-align: center;
  color: white;
  background: #1c1107;
}

img{
border: 0;
padding: 0;
margin: 0;
}

#container {
  margin: 0 auto;
  width: 753px;
  text-align: left;
  background: #1c1107;
  height: 575px;
  min-height: 575px;
}

#topbar{
  background: #ffffff url('header_back.jpg');
  height: 59px;
  min-height: 59px;
}


#nav_main{
  	background: #666666 url('nav_back.jpg');
  	position:absolute;
  	top: 68px;
  	height: 25px;
  	min-height: 25px;
  	width: 753px;
  	min-width: 753px;
  	padding: 0;	
}

#topcontent_home{
   z-index: 0;
   background: url(topcontent_home.gif);
   height: 130px;
  min-height: 130px;
}

#topcontent_aff{
  z-index: 0;
  background: url(topcontent_aff.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_about{
  z-index: 0;
  background: url(topcontent_about.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_contact{
  z-index: 0;
  background: url(topcontent_contact.gif);
  height: 130px;
  min-height: 130px;
}


#topcontent_hvac{
  z-index: 0;
  background: url(topcontent_hvac.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_plumbing{
  z-index: 0;
  background: url(topcontent_plumbing.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_process{
  z-index: 0;
  background: url(topcontent_process.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_sheetmetal{
  z-index: 0;
  background: url(topcontent_sheetmetal.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_designbuild{
  z-index: 0;
  background: url(topcontent_designbuild.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_service{
  z-index: 0;
  background: url(topcontent_service.gif);
  height: 130px;
  min-height: 130px;
}


#topcontent_energy{
  z-index: 0;
  background: url(topcontent_energy.gif);
  height: 130px;
  min-height: 130px;
}

#topcontent_home p, #topcontent_aff p, #topcontent_about p, #topcontent_contact p, #topcontent_hvac p, #topcontent_plumbing p, #topcontent_process p, #topcontent_sheetmetal p, #topcontent_designbuild p, #topcontent_service p, #topcontent_energy p{
  padding-left: 155px;
  padding-right: 10px;
  padding-top: 30px;
  color: #522e11;
  font: 8pt verdana, arial, sans-serif;
}


#content{
  background: #1c1107;
  width: 569px;
  min-width: 569px;
  height: 385px;
  min-height:385px;
  margin: 0;
  padding: 0;
}

#content p{
 font: 10pt verdana, arial, sans-serif;
 padding: 5px 10px 10px 2px;
 margin: 0;
}

.aff{
padding: 0 0 0 5px;
font: 14pt verdana, arial, sans-serif;
color: white;
position: relative;
top: 5px;
}

.aff2, .afflink{
padding: 0 0 0 5px;
font: 8pt verdana, arial, sans-serif;
text-decoration: none;
color: white;`

}

.afflink:hover{
text-decoration: underline;
}


#rightbar{
background: #bdbdbd url('fauxcolumn.gif') repeat-y;
float: right;
color: #f6531d;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

#rightbar li{
padding-bottom: 10px;	
}

#rightbar li a{
font: 12pt arial narrow, arial, verdana, sans-serif;
font-weight: 900;
color: #f6531d;
text-decoration: none;
}

#rightbar li a:hover{
color: #fff;
}

#lowerright{
clear: both;
float: right;
background: #1c1107 url('bottomright.gif');
height: 123px;
min-height: 123px;
width: 	175px;
min-width: 175px;
}

#lowerright a{
color: #ffffff;
font: 10pt verdana, arial, sans-serif;
position: relative;
left: 15px;
top: 92px;
}

#sosumi{
font: 8pt verdana, arial, sans-serif;
padding-top: 25px;
padding:bottom: 10px;
text-align: center;
}

#sosumi a{
text-decoration: none;
color: #FFFFFF;
}

#sosumi a:hover{
text-decoration: underline;
}

#homenews{
background: url('home_news.gif');
height: 128px;
min-height: 128px;
width: 569px;
min-width: 569px;
position: relative;
}

#homenews h1{
color: white;
font: 14pt verdana, arial, sans-serif;
padding: 15px 0 5px 2px;
margin: 0;
}

#homenews h2{
color: white;
font: 10pt verdana, arial, sans-serif;
padding: 2px 0 5px 5px;
text-decoration: underline;
margin: 0;
}

#homenews p{
color: white;
font: 8pt verdana, arial, sans-serif;
padding: 2px 0 5px 5px;
margin: 0;

}

.learnmore{
color: #dc521e;
font: 8pt verdana, arial, sans-serif;
padding: 0 0 0 10px;
margin: 0;
text-decoration: none;
}

.learnmore:hover{
text-decoration: underline;
}

#flashhome{
background: #f1f1f1;
}

/* navigation (Project7 Dropdowns)
   ------------------------------- */

#menuwrapper {
}

.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

#p7menubar, #p7menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}


#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
	font-size: .85em;
	color: #FFFFFF;
}

#p7menubar a.trigger {
	padding: 5px 17px 5px 10px;
	background-image: url(p7PM_dark_south.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#p7menubar li {
	float: left;
	width: 12em;  /* Width for IE5 Mac. */
	margin-bottom: 0;
}


#p7menubar li ul, #p7menubar ul li  {
	width: 12.5em;  /* Allows sub-menu width to expand if users resize the text in-browser */
}

#p7menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 3px 12px 3px 16px;
}

#p7menubar li ul {
	position: absolute;
	z-index: 5;
	display: none;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000000;
	background: #ffffff url(navbaron.gif) repeat-x;
}

#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #000000;
	background-color: transparent;
}


/*The Important directive is required for older browsers. */
#p7menubar ul a:hover {
	background-color: #606060!important;
	color: #FFFFFF!important;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}