/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

*{
	margin:0;
	padding:0;	
}

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background-color:#8291a1;
	margin-top: 0px;
}

a:link, a:visited, a:focus {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.6em;
	margin-bottom:5px;
}

p {
	margin:0px 0px 10px;
}

.js-error { /* Javascript Error Box */
	clear:both;
	background:#e9e9e9 url(../../images/misc/warning.gif) 5px center no-repeat;
	border:#ddd solid 1px;
	color:#000;
	margin:20px;
	padding:10px 10px 10px 40px;
}
	.js-error p {
		margin:0;
		padding:0;
	}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding:0px 20px 0px 0px;
	background:url(../../images/misc/body-bg.gif) repeat-y;
}
	
	
	#innercontainer{
		background:url(../../images/misc/watermark.gif) bottom left no-repeat;
		padding-left:25px;
		width:695px;
		margin-left:20px;
	}
	
		
	#subnav-fencing{
		width:150px;
		background:#fff;
		z-index:100;
		position:absolute;
		top:115px;
		left:121px;
		border:1px solid #0E3258;
		text-align:center;
		visibility:hidden;
		margin:0px;
		padding:0px;
	}
	
		#subnav-fencing ul{
			padding:0;
			margin:0;
			
		}
		
		#subnav-fencing li{
			list-style:none;
			margin:0px;
			display:block;
			width:150px;
			border:none;
		}
		
		#subnav-fencing a{
			display:block;
			padding-top:4px;
			padding-bottom:4px;
			background:#1D5A98;
			color:#fff;
			border:3px solid #fff;
			border-top:none;
			border-bottom:1px solid #fff;
		}
	
#header {

	
}

	#cta{
		float:right;
		width:350px;
		border:1px solid #1D5A98;
		margin-right:10px;
		margin-top:7px;
		text-align:right;
		padding:5px 10px 5px 5px;
	}
	
		#cta a{
			color:blue;
			text-decoration:underline;
	}
	
		#cta h2{
			padding:0px;
			margin:0px;
			font-size:1.1em;
			color:#0E3258;
			padding-bottom:2px;
		}
		
		#cta p{
			padding:0px;
			margin:0px;
			font-size:1.1em;
		}
	
#logo {
	font-size: 1px;
}

#headerseperator{
	width:690px;
	height:10px;
	padding:0px;
	margin:0px;
	font-size:1px;
	background:#0E3258;
	border-top:none;
}

#flashSlideshow {
	width: 690px;
	height: 190px;
	font-size:1px;
	padding-bottom:10px;
}

#contentLeft {
	float: left;
	width: 489px;
}

#title {
	background:#1D5A98;
	border-bottom:#0E3258 solid 5px;
}
	#title h1 {
		color:#eee;
		text-transform:uppercase;
		font-size:26px;
		margin:0;
		padding:5px 8px 3px 8px;
		font-weight:normal;
	}


#page-copy {
	padding:20px 20px 20px 0px;
}

#page-copy a{
	color:blue;
}

#page-copy a:hover{
	text-decoration:underline;
}
	


.number strong {
font-size:1.9em;
}

	#cscs{
		margin-top:20px;
	}
	
		#cscs img{
			padding-top:7px;
			padding-left:11px;
			padding-right:10px;
			border-right:1px solid #1D5A98;
		}
		
		#cscs h3{
			padding-top:10px;
			text-transform:uppercase;
			margin-bottom:0;
			padding-bottom:0;
		}
		
		#cscs p{
			padding-top:0;
			margin-top:0;
		}

#contentRight {
	float: right;
	width: 180px;
	padding-right:6px;
}

#contentRight1 {
	float: right;
	width: 200px;
	padding-right:6px;
}

.images {
background-image:url(../../images/misc/top-bg-images-right.jpg);
background-repeat:no-repeat;
height:156px;
text-align:center;
margin-bottom:10px;
padding-top:2px;
}

.images img {
border: 1px #0099FF solid;
margin-top:5px;
}

.images1 {
padding-left:15px;
padding-top:10px;
background-color:#1D5A98;
}

.images1 img{
padding-bottom:10px;
}


#contentRight a {
font-size:1.3em;
color:#FFFFFF;
font-weight:bold;
text-decoration: underline;
}

#contentRight a:hover {
color: #0000FF;
}


#flashScroll {
	padding:10px 10px;
	background:#1D5A98;
}

#dynaNumber{
	display:none;
}


/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	padding:0px 0px 0px 19px;
	margin:0;

	background-color:#1D5A98;
	width:671px;
}

#navigation ul#nav {
	margin: 0px;
	display: inline;
	list-style: none;
	padding: 0px;
	
}

#navigation ul#nav li {
	display: inline;
	padding:0;
	margin:0;
}
	
#navigation ul#nav li a {
	padding:0;
	margin:0;
	float:left;
	color: #fff;
    text-decoration:none;
	padding: 5px 19px 5px 20px;
	font-size: 1.2em;
	text-transform:uppercase;
	letter-spacing:-1px;
	text-align:center;
	font-weight:bold;
}

#navigation ul#nav li a:hover {
	color:#1d5a98;
	font-size: 1.2em;
	background:#eee;
}

/*#navigation ul#nav li a.left {
	padding: 5px 23px 5px 0px;
}*/

#navigation ul#nav li a.right {
	padding: 5px 20px 5px 20px;
}

  
/*#navigation ul#nav li a {
	float:left;
	color: #666;
    text-decoration:none;
	padding: 0px 20px 0px 0px;
	line-height:30px;
	font-weight: normal;
	font-size: 18px;
	text-transform:uppercase;
	letter-spacing:-1px;
}

#navigation ul#nav li a:hover {
	color:#1d5a98;
	font-size: 20px;
}*/

body#home #navigation ul#nav li.nav-home a,
body#commercial #navigation ul#nav li.nav-commercial a,
body#fencing #navigation ul#nav li.nav-fencing a,
body#domestic #navigation ul#nav li.nav-domestic a,
body#gates #navigation ul#nav li.nav-gates a,
body#railings #navigation ul#nav li.nav-railings a,
body#acoustic #navigation ul#nav li.nav-acoustic a,
body#barriers #navigation ul#nav li.nav-barriers a,
body#contact-us #navigation ul#nav li.nav-contact-us a {

	color:#061c34;
	letter-spacing:-1px;
	line-height:1.2em;
	padding-top:6px;
	padding-bottom:3px;
}

body#home #navigation ul#nav li.nav-home a:hover,
body#commercial #navigation ul#nav li.nav-commercial a:hover,
body#fencing #navigation ul#nav li.nav-fencing a:hover,
body#security #navigation ul#nav li.nav-security a:hover,
body#domestic #navigation ul#nav li.nav-domestic a:hover,
body#gates #navigation ul#nav li.nav-gates a:hover,
body#railings #navigation ul#nav li.nav-railings a:hover,
body#acoustic #navigation ul#nav li.nav-acoustic a:hover,
body#barriers #navigation ul#nav li.nav-barriers a:hover,
body#contact-us #navigation ul#nav li.nav-contact-us a:hover {
	color:#000;
}

/* Footer Styles
--------------------------------------------------------------- */

#footer {
	clear: both;
	width: 720px;
	padding: 25px 30px 10px;
	color: #ccc;
	font-size: 11px;
	margin-left:auto;
	margin-right:auto;
	background:url(../../images/misc/footer-bg2.gif) top left no-repeat;
}
	#footer a {
		color: #ccc;
		text-decoration: none;
	}
	#footer a:hover {
		color: #aaa;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 500px;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 720px;
}
	ul#footerDetails li {
		display:block;
	}
	
ul#footerW3C {
	float: right;
	margin: 0px;
	padding: 0px;
}
	ul#footerW3C li {
		display: inline;
	}

#adtrakDesign {
	float: right;
	clear: right;
}

/* Class Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.img-left {
	border: 1px solid #ccc;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	border: 1px solid #ccc;
	float: right;
	margin: 0px 0px 10px 10px;
}

.img-leftNB {
	border: none;
	float: left;
	margin: 0px 10px 10px 0px;
}


.img-rightNB {
	border: none;
	float: right;
	margin: 0px 0px 10px 10px;
}


/* bottom cta 
--------------------------------------------------------------- */

	#feature {
		background:url(../../images/misc/cta.jpg) no-repeat;
		width:400px;
		height:70px;
		margin-left:15px;
		padding:10px 20px 0 20px;
	}
	
	
	body#acoustic #feature {
	background: url(../../images/misc/cta-acoustic.gif) no-repeat;
    }
	
	body#security #feature {
	background: url(../../images/misc/cta-security.gif) no-repeat;
    }
	
	body#domestic #feature {
	background: url(../../images/misc/cta-domestic.gif) no-repeat;
    }
	
	body#railings #feature {
	background: url(../../images/misc/cta-railings.gif) no-repeat;
    }
	
	body#barriers #feature {
	background: url(../../images/misc/cta-barriers.gif) no-repeat;
    }
	
	body#fencing #feature {
	background: url(../../images/misc/cta-security.gif) no-repeat;
    }




	#feature p{
		margin:0px;
		padding:0;
		color:#FFFFFF;
		font-size:1.4em;
	}
	
		#feature strong{
		color:#FFFF00;
	}
	
textarea.code {
	width:485px;
	height:50px;
}

.list {
	margin-left:30px;
	padding-bottom:20px;
}