@charset "utf-8";
/* CSS Document */

body {
	background-color: #dddddd;
}

h1 {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	text-transform:uppercase;
	font-weight: bold;
}
h2 {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	text-transform:uppercase ;
	font-weight: bold;
}

h3 {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	text-transform:uppercase ;
	font-weight: bold;
}
p {
	font-family: Verdana;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

.txt_1 {

	font-family: Tahoma;
	font-size: 10px;
	color: #820700;
	text-decoration: none;
}
.txt_2 {
	font-family: Verdana;
	font-size: 10px;
	color: #834300;
	text-decoration: none;
	text-align: center;
}
.txt_3 {
	font-family: Verdana;
	font-size: 10px;
	color: #642500;
	text-decoration: none;
}
.footer {
	font-family: Verdana;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}
.txt_4 {
	font-family: Verdana;
	font-size: 10px;
	color: #854500;
	text-decoration: none;
}
.txt_5 {
	font-family: Verdana;
	font-size: 10px;
	color: #F7941D;
	text-decoration: none;
}
.txt_6 {
	font-family: Verdana;
	font-size: 10px;
	color: #D4C394;
	text-decoration: none;
}
td{


}
bg{font-size:10px}
.style8 {font-family: Verdana; font-size: 10px; color: #333333; text-decoration: none; }
.navtext {font-family: Verdana; font-size: 11px; color: #fff; text-decoration: none; font-weight: bold; }


.style2 {color: #003300}
.style10 {font-size: 12px}
.style12 {
	color: #003300;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style13 {
	color: #000000;
	font-size: 9;
}

/*
navigation*/


#nav, #nav ul { /* all lists */
	margin: 0;
padding:0px;
	list-style: none;
	line-height: 1;	
	width:780px;
	text-align:center;
}

#nav a {
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	width: auto;
	text-align:center;
color:#fff;
}

#nav li { /* all list items */
	float: left;
	background-color:#7EB50E;
	border:1px #ffffff solid;
}



#nav li ul  { /* second-level lists */
	position: absolute;
	width: 200px;
		
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-size:12px;
	padding:0px 5px 5px 0px;
}

#nav li ul a{
	background:#7EB50E;
	padding:3px;
	font-weight:normal;
	text-decoration:none;
	color:#333333;
}
.main
{
	/*color: #ffffff;*/
	font-size:12px;
	height: 15px;
	padding:3px 2px 4px 2px;
	text-decoration:none;
	font-weight:bold;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

left:auto;

}

#nav li a:hover{
	color:#FFFFFF;
	background:#7EB50E;
	font-weight:normal;
	text-decoration:underline;
	font-weight:bold;
}

#nav li ul a:hover{
	color:#333333;
	background:#7EB50E;
	font-weight:normal;
	text-decoration:underline;
}

#content {
	clear: left;
	color: #333333;
	
}

#home {
	width:60px;
}

#maintenance {
	width:130px;
}

#containers {
	width:112px;
}

#fake {
	width:111px;
}

#exterior {
	width:111px;
}

#clients {
	width:80px;
}

#articles {
	width:75px;
}

#contact {
	width:80px;
}
.div1 {
	background: #FF0000; /* red background */
	width: 167px;
	height: 44px;
	position: absolute; /* we want to set an absolute position so the div can be moved in reference to the screen */
	top: 52px; /* this sets the positioning of the element in reference to the top left of your window. it will space it 50 pixels from the top */
	left: 582px; /* this will set the position of the element 50 pixels to right of the top left of your window. */
	z-index: 5; /* this will position it above anything with a lower z-index, sort of like layers. So you could layer these divs using z-index and have them stack on each other. */
}
</style>
.main .footer .txt_1 .style2 .navtext .sfhover .style10 .footer {
	color: #000;
}
.centre {
	text-align: center;
}