body {
background-color: #E0E3EB;
margin: 15px 0px 0px 20px;
}

A:link {
color: #B02B1B;
text-decoration: underline;
}

A:visited {
color: #3b1bb0;
text-decoration: underline;
}

A:hover {
color: #3b1bb0;
text-decoration: underline;
}

table#center {
width: 750px;
margin-left: auto;
margin-right: auto;
}

#topbanner {
padding: 0px 0px 5px 0px; 
}

#footer {
padding: 5px;
text-align: center;
font-family: Arial, sans-serif;
font-size: 10px;
color: #666666;
}

.main {
vertical-align: top;
margin: 0;
font-family: Arial, sans-serif;
font-size: 12px;
border: 1px solid #ACAFB5;
background: url(tfimages/textbg.gif);
}

h1 {
font-family: Arial, sans-serif;
font-size: 16px;
margin: 15px 25px 10px 15px;
color: #000;
}

.nomarg {
margin: 0px;
}

#flash {
margin: 0px;
}

#flash2 {
margin: 0px;
}


.hometext {
padding: 0px 15px 15px 15px;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 0px;
color: #333333;
}

.homebar {
display: block;
margin: 0px; 
font: bold 10px Arial, sans-serif;
background: #8397A9;
color: #DFDFDD;
padding: 5px;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}

/*Millwork*/

.mainmillwork {
vertical-align: top;
font-family: Arial, sans-serif;
font-size: 12px;
border: 1px solid #ACAFB5;
background: url(tfimages/textbg.gif);
z-index:200;
}

.millbg {
position: absolute;
left:442px;
top:312px;
z-index: 300;
}

div.slant1 {
height:190px; 
margin: 0 0 0 0px; 
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

div.slant2 {
height: 20px; 
margin: 0 0 0 0px;
padding: 0; 
float: right; 
clear: right;
z-index:300;
}

div.slant3 {
height: 150px; 
margin: 0 0 0 0px;
padding: 0; 
float: right; 
clear: right;
z-index:300;
}

/*Text Pages*/

.articlehead {
font-family: Arial, sans-serif;
font-size: 16px;
margin: 20px 25px 5px 25px;
color: #333333;
font-weight: bold;
line-height: 26px;
}

.articletext {
padding: 10px 25px 25px 25px;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 0px;
color: #333333;
}

.links {
padding: 0px 10px 7px 25px;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 18px;
margin: 0px;
color: #333333;
}

.link hr {
width: 530px;
margin: 0px 25px 0px 25px;
}

.linkhead {
font-family: Arial, sans-serif;
padding: 10px 25px 10px 25px;
font-size: 14px;
line-height: 18px;
margin-bottom: 5px;
font-weight: bold;
font-style: italic;
color: #666;
}

.address {
padding: 10px;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 0px;
color: #000000;
}

.contractor {
margin: 0px 10px 10px 0px;
position: absolute;
left:220px;
top:515px;
z-index: 300;
}

/*Green Building Wrap*/

.panels {
margin: 0px 10px 10px 0px;
position: absolute;
left:568px;
top:150px;
z-index: 300;
}

.cont1 {
height: 20px; 
width: 160px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont2 {
height: 20px; 
width: 170px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont3 {
height:20px; 
width: 190px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont4 {
height:20px; 
width: 190px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont5 {
height:4px; 
width: 205px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}
.cont6 {
height:20px; 
width: 175px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont7 {
height:20px; 
width: 185px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont8 {
height:20px; 
width: 215px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont9 {
height:40px; 
width: 200px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont10 {
height:30px; 
width: 130px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont11 {
height:20px; 
width: 100px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont12 {
height:15px; 
width: 80px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.cont13 {
height:15px; 
width: 60px;
padding: 0; 
float: right; 
clear: right;
z-index:400;
}

.navhead {
display: block;
margin: 0px;
font: bold 12px Arial, sans-serif;
background-color: #8397A9;
color: #DFDFDD;
padding: 7px 10px 7px 10px;
}

.galleryhead {
display: block;
margin: 0px;
font: bold 12px Arial, sans-serif;
background-color: #333;
padding: 7px 10px 7px 10px;
}

.botbar {
display: block;
margin: 0px;
background-color: #8397A9;
}


/*Navigation*/


#navcontainer {
display: block;
text-align: left;
margin: 0px; 
border-left: 1px solid #ACAFB5;
border-right: 1px solid #ACAFB5;
border-bottom: 1px solid #ACAFB5;
vertical-align: top;
 }

#navdown {
display: block;
color: #5B5C5D;
background: #D0D8E0 url(tfimages/dot.gif) 10px 50% no-repeat;
font: 12px Arial, sans-serif;
text-decoration: none;
padding: 7px 10px 7px 25px; 
margin: 0px;
border-bottom: 1px solid #ACAFB5;

}

#navcontainer a {
display: block;
font: 12px Arial, sans-serif;
color: #333333;
background: #E0E3EB url(tfimages/arrow_up.gif) 10px 50% no-repeat;
text-decoration: none;
padding: 7px 10px 7px 25px; 
border-bottom: 1px solid #ACAFB5;
}

#navcontainer a:link {
color: #333333; 
}

#navcontainer a:visited {
color: #333333; 
}

#navcontainer a:hover {
color: #5B5C5D;
background: #D0D8E0 url(tfimages/dot.gif) 10px 50% no-repeat;
}

.selected a:link{
color: #5B5C5D;
background: #D0D8E0 url(tfimages/dot.gif) 10px 50% no-repeat;
}

/*FAQ*/

.faq {
font-weight: bold;
padding: 0px 25px 0px 25px;
margin: 7px 0px 7px 0px;}

.faqintro {
font-style: italic;
padding: 10px 25px 5px 25px;
line-height: 16px;
margin: 0px;
color: #333;
}

.faqtext {
padding: 0px 25px 0px 25px;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 0px;
color: #333333;
}

.back {
text-align: right;
margin-right: 25px;
}

hr {
border: 0;
width: 530px;
color: #8397a9;
background-color: #8397a9;
height: 2px;
margin-top: 15px;
margin-bottom: 15px;
}

#link {
border-top: 2px solid #8397a9;
width: 580px;
}

/*Portfolio Pages*/

.porttext {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
color: #333333;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}

.vporttext {
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
color: #333333;
padding: 15px;
}

#portnav A:link {
color: #e0e3eb;
text-decoration: underline;
font-weight: bold;}

#portnav A:visited {
color: #C1CBD4;
text-decoration: underline;
font-weight: bold;}

#portnav A:hover {
color: #E0d585;
text-decoration: underline;
font-weight: bold;}

.portbg {
font: 11px Arial, sans-serif;
background-color: #ececec;
color: #666;
}

.portphoto {
border: 1px solid #ececec;
}

.button {
width: 100px;
text-align: center;
color: #ececec;
background-color: #8397A9;
font-size: 10px;
font-family: Arial, sans-serif;
padding-top: 8px;
padding-bottom: 9px;
padding-right: 5px;
padding-left: 5px; }

.portcenter {
background-color: #8397A9;
text-align: center;
padding-top: 8px;
padding-bottom: 9px;
padding-right: 5px;
padding-left: 5px;
color: #ececec;
font-size: 10px;
font-weight: bold;
letter-spacing: 1px;
font-family: Arial, sans-serif; }

.click {
font-size: 10px;
letter-spacing: 1px;
color: #ececec;
font-weight: bold;
text-align: center;
background-color: #8397a9;
padding: 5px 3px 5px 3px;
margin: 0px;
}

/*Contact*/

.contacttext {
padding: 10px 25px 10px 25px;
font-family: Arial, sans-serif;
font-size: 12px;
line-height: 16px;
margin: 0px;
color: #333333;
}

.tableform {
font-family: Arial, sans-serif;
font-size: 12px;
background-color: #ececec;
width: 525px;
border: 1px solid #A6A9Af;
padding-right: 30px;}

.updateform {
border: 1px solid #8397a9;
font-size: 12px;
}

.submit {
background-color: #8397a9;
color: #dfdfdc;
font-size: 10px;
}

.townheadl {
font-size: 12px;
line-height: 18px;
text-align: center;
font-weight: bold;
margin: 0px;
color: #333333;
padding: 2px;
border: 1px solid #A6A9Af;
}

.townheadr {
font-size: 12px;
line-height: 18px;
text-align: center;
font-weight: bold;
margin: 0px;
color: #333333;
padding: 2px;
border-right: 1px solid #A6A9Af;
border-top: 1px solid #A6A9Af;
border-bottom: 1px solid #A6A9Af;
}

.towns {
padding: 10px 10px 10px 20px;
font-family: Arial, sans-serif;
font-size: 11px;
line-height: 18px;
margin: 0px;
color: #333333;
}

.towntable {
margin-bottom: 15px;
margin-top: 15px;
}

.townborder1 {
border-left: 1px solid #A6A9Af;
border-bottom: 1px solid #A6A9Af;
}
.townborder2 {
border-left: 1px solid #A6A9Af;
border-bottom: 1px solid #A6A9Af;
border-right: 1px solid #A6A9Af;
}

.townborder3 {
border-right: 1px solid #A6A9Af;
border-bottom: 1px solid #A6A9Af;
}