/* CSS Document */
BODY {
	FONT-SIZE: 12px; PADDING: 0px; MARGIN: 0px; background: url(../images/bg.gif) #0d2749 repeat-x ; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; padding-top: 20px;
}
#media-home {width: 900px; display: block; height: 332px;}
#media-blank {width: 900px; display: block; height: 250px; background-image:url(../images/media-home1.jpg);}
#media-estate-gates {width: 900px; display: block; height: 250px; background-image:url(../images/media-estate-gates.jpg);}
#media-about {width: 900px; display: block; height: 250px; background-image:url(../images/media-about.jpg);}
#media-gate {width: 900px; display: block; height: 250px; background-image:url(../images/media-gate.jpg);}
#media-access {width: 900px; display: block; height: 250px; background-image:url(../images/media-access.jpg);}
#media-commercial {width: 900px; display: block; height: 250px; background-image:url(../images/media-commercial.jpg);}
#media-fencing {width: 900px; display: block; height: 250px; background-image:url(../images/media-fencing.jpg);}
#media-before {width: 900px; display: block; height: 250px; background-image:url(../images/media-before.jpg);}
#media-contact {width: 900px; display: block; height: 250px; background-image:url(../images/media-contact.jpg);}
#media-recent {width: 900px; display: block; height: 250px; background-image:url(../images/media-recent.jpg);}
#media-testimonials {width: 900px; display: block; height: 250px; background-image:url(../images/media-testimonials.jpg);}
#media-testimonials {width: 900px; display: block; height: 250px; background-image:url(../images/media-testimonials.jpg);}
#media-featured {width: 900px; display: block; height: 250px; background-image:url(../images/media-featured.jpg);}














.product-left {width: 180px; margin-right: 10px; margin-bottom: 20px;}
.product-right {float: right; width: 450px; margin-bottom: 20px;}

#sitemap {}
#sitemap-top {width: 920px; height: 10px; bbackground-image: url(../images/sitemap-bg.gif);block; font-size: 1px; }
#sitemap-bottom {width: 920px; height: 10px; display: block; font-size: 1px; float: left; bbackground-image: url(../images/sitemap-bg.gif);}
#sitemap-bg {width: 920px; height: 150px;  bbackground-image: url(../images/sitemap-bg.gif);}
#sitemap a {
	color: #abb9ca;
	display: block;
	width: 270px;
	text-decoration: none;
}
#sitemap a:hover {text-decoration: underline;}
#sitemap .subheader {
	margin-left: 20px;
	font-weight: bold;
	width: 250px;
}
#sitemap a.subheader:hover {text-decoration: underline;}
#sitemap .sublink {
	margin-left: 20px;
	width: 250px;
}
#sitemap a.sublink:hover {text-decoration: underline;}
#sitemap .sublink2 {
	margin-left: 40px;
	width: 230px;
}
#sitemap a.sublink2:hover {text-decoration: underline;}
#footer h2 {
	margin-top: 0;
	font-size: 14px;
	font-weight: bold;
	color: #e5e5e5;
}
#footer ul {
	padding: 0;
	margin: 0;	
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 298px;
	margin-left: 5px;
	line-height: 20px;
}

#footer li.first {
	margin-left: 0px;
}
#footer li.second {
}
#footer li.third {
}
#footer li ul {
	margin: 0;
}
.centeredclear {text-align:center; clear:both;}
#footer li li {
	display: list-item;
	float: none;
	padding: 3px 0;
	background: url(../images/footer-dash.gif) repeat-x left bottom;
}







































.spacerclear {height: 2px; font-size: 1px; clear: both;}











#customer-testimonials {width: 205px; height: 34px; background-image: url(../images/button-customer-testimonials.gif);}
#customer-testimonials a {width: 205px; height: 34px; display: block;}
#customer-testimonials a:hover {width: 205px; height: 34px; background: url(../images/button-customer-testimonials.gif) -205px 0px no-repeat; }
#recent-work {width: 205px; height: 34px; background-image: url(../images/button-recent-work.gif);}
#recent-work a {width: 205px; height: 34px; display: block;}
#recent-work a:hover {width: 205px; height: 34px; background: url(../images/button-recent-work.gif) -205px 0px no-repeat; }
#featured-products {width: 205px; height: 134px; background-image: url(../images/button-featured-products.gif);}
#featured-products a {width: 205px; height: 134px; display: block;}
#featured-products a:hover {width: 205px; height: 134px; background: url(../images/button-featured-products.gif) -205px 0px no-repeat; }










#container {background-color: #e5e5e5; margin: 0px auto; width: 900px; padding: 10px; text-align: left;}
#container2 {background-color: #ffffff; width: 900px; display: block;}
#header {width: 900px; margin: 0px auto; height: 125px; text-align: left; background-image: url(../images/header.gif)}
#logo {height: 125px; width: 250px; margin-left: 30px;}
#logo a{height: 125px; width: 250px; display:block;}
#media-template {width: 900px; display: block; height: 250px;}
.clear	{clear:both;}
#footer {width: 920px; margin: 0px auto; text-align: left; padding-top: 10px;}
#subfooter {width: 920px; margin: 0px auto; color: #abb9ca; text-align: center; padding-top: 10px; line-height: 25px;}
#subfooter a {color: #abb9ca;}
#subfooter a:hover {text-decoration: none;}
.linkswhiteu {	color: #ffffff;	text-decoration: underline;}
a.linkswhiteu:hover {text-decoration: none;}
.bold {font-weight:bold;}
.boldblue {color: #0d2749; font-weight:bold;}
.spacer {height: 2px; font-size: 1px;}
.spacer5 {height: 5px; font-size: 1px;}
#content {width: 880px; margin: 0px auto; padding: 10px; text-align: left; display: block;}
#content-left {width: 650px; padding-top: 10px;}
#content-right {width: 205px; float: right; padding-top: 10px; display: block;}
.linksbnav {	color: #ffffff;	text-decoration: none; padding-left: 10px; padding-right: 10px;}	
a.linksbnav:hover {	text-decoration: underline; padding-left: 10px; padding-right: 10px;}
.linksbody {	text-decoration: underline; color: #333333;}	
a.linksbody:hover {	text-decoration: none;}
.linkscredit {	text-decoration: underline; color: #e5e5e5;}	
a.linkscredit:hover {	text-decoration: none;}
.tdsponsors {text-align: center; width: 200px;}
.linksservices {width: 400px; display: block; color: #333333; text-decoration:underline; height: 20px; margin-left: 30px;;}
a.linksservices:hover {text-decoration:none;}
#linksemail {	color: #ffffff;	text-decoration: underline;}
#linksemail a:hover {text-decoration: none;}










/*nav*/

#divnav {margin: 0px auto;}	
#nav { 
	background:url("../images/nav.gif") no-repeat; 
	width:900px; 
	height:40px; 
	margin:0;
	padding:0; 
	list-style: none;
	line-height: 1;
	 text-align: left;
	}

#nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;

}

#nav span { display: none; }

#nav li, #nav a { height:40px; display:block; } /* add the height again */

#nav li { float:left; list-style:none; position:relative; }

#nav-01 { width: 65px;}
#nav-02 { width: 87px;}
#nav-03 { width: 175px;}
#nav-04 { width: 135px;}
#nav-05 { width: 108px;}
#nav-06 { width: 78px;}
#nav-07 { width: 145px;}
#nav-08 { width: 107px;}


/*-------------- X position of item -84px (width of first item)/ height of item from above -40px (height of visibale portion of menu) ------------- */
#nav-01 a:hover { background:url("../images/nav.gif") 0px -40px no-repeat; }
#nav-02 a:hover { background:url("../images/nav.gif") -65px -40px no-repeat; }
#nav-03 a:hover { background:url("../images/nav.gif") -152px -40px no-repeat; }
#nav-04 a:hover { background:url("../images/nav.gif") -327px -40px no-repeat; }
#nav-05 a:hover { background:url("../images/nav.gif") -462px -40px no-repeat; }
#nav-06 a:hover { background:url("../images/nav.gif") -570px -40px no-repeat; }
#nav-07 a:hover { background:url("../images/nav.gif") -648px -40px no-repeat; }
#nav-08 a:hover { background:url("../images/nav.gif") -793px -40px no-repeat; }


#nav a {
	display: block;
/*	width: 10em;*/
}

#nav li {
	float: left;
/*	width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -9999em;
	padding-right:1px;			
	background-color:#ffffff;	/* this is the bgcolor of drop down menu*/
}




/*start of third level*/

#nav li ul ul {
	margin: -25px 0 0 10em;
}
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}







/* end of third level */





#nav li:hover, #nav li.hover {  
    position: static;  
}


/* test for IE7 hack

*/

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li { 
	height:25px; 				/* Height of each drop down nav list item */
	border:1px solid #e5e5e5;
	border-top:none;
	width: 200px;
	}	

#nav li ul li a {
	width:100%;
	height:25px;				/* Height of each drop down nav link, same as above */
	line-height:25px;			/* Height of each drop down nav link, same as above */
	}

#nav li ul li a span {
	display:block;
	padding-left:14px;
	text-align: left;
	font-size: 12px;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#333333;
	font-weight: bold;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }


/* Hover styles for drop down items */

#nav ul a:hover { 
	background-image:none;
	background-color:#325e9a;
	color:#ffffff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line*/
#nav-02 ul, #nav-02 li { width:200px; }
#nav-03 ul, #nav-03 li { width:200px; }
#nav-04 ul, #nav-04 li { width:200px; }
#nav-05 ul, #nav-05 li { width:200px; }
#nav-06 ul, #nav-06 li { width:200px; }