@charset "UTF-8";
/* CSS Document */
html{height:100%;}

/*--------------------PAGE LAYOUT SETTINGS------------------*/
body {height:100%;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;color:#333333;font-weight:100;background:url(../canterbury-fencing-Images/backgrounds/bg.jpeg); margin:0px;padding:0px;}

h1 {font-size: 45px;font-family:Arial;font-weight:bold;color:#000000;font-weight:bold;margin-top:0px; text-decoration:none;}
h2 {font-size: 25px;font-family:Arial;color:#CC9900;font-weight:bold;margin-top:20px;margin-bottom:10px;line-height:25px;}
h3 {font-size: 22px;font-family:Arial;color:#CC9900;margin:20px 0px 5px 0px;fon-weight:bold;}
h4 {font-size:18px;color:#CC9900;font-weight:bold;margin:0px 0px 5px 0px}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}
p{margin:0px 0px 5px 0px;}
li{list-style:none;}
#wrapper{top:0px;min-height:100%;height:auto !important;height:100%;width:100%;background:none;margin:-10px auto -220px auto;}
#page-wrapper{z-index:60;height:inherit;width:900px;background:none;margin-left:auto;margin-right:auto;margin-bottom:}
.wood-top{position:fixed;top:0px;width:100%;background-color:#FFFFFF;background-image:url(../canterbury-fencing-Images/backgrounds/wood-top.jpg);background-repeat:repeat-x;height:10px;z-index:130;box-shadow:0px 0px 3px #666666;}

.header-container{
	position:absolute;
	top:0px;
	height:93px;
	width:900px;
	background:none;
	z-index:10;
	
}
	.page-title{
	
	margin-left:6px;
	margin-top:0px;
	height:50px;
	width:500px;
	color:black;
	background:none;
}
	.topcontactform {
	position:fixed;
	right:42px;
	top:0px;
	height:80px;
	width:357px;
	color:white;
	font-size:10px;
	background-color:#FFFFFF;
	background-image:url(../canterbury-fencing-Images/backgrounds/kent-fence.jpg);
	border:solid 0px #CCCCCC;
	border-top:none;
	border-bottom-left-radius:10px;border-bottom-right-radius:10px;
	text-align:center;
	box-shadow:0px 0px 3px #666666;
	z-index:130;
	
}	
#number{top:0px;color:white;margin-top:25px;font-size:40px;font-weight:bold;text-shadow:0px 0px 6px #000000; }
.text{color:white;margin-top:10px;font-size:16px;text-shadow:0px 0px 4px #000000;}


/*----navbar settings*----*/
#nav-bar{  position:absolute;top:100px;height:10px;width:900px;z-index:100; font-size:16px;z-index:80;}
#nav a, #nav a:active, #nav a:visited {display:block;height:20px;float:left;padding:0px 10px 0px 10px;color:#333333;margin:;text-decoration:none;outline:none;border-right:solid 1px #666666;}
#nav a.selected, #nav a.selected:visited { color: #CC9900;text-decoration:none; outline:none;border-right:solid 1px #666666;}
#nav {width:900px;}
.hiddencontent {background:#eee;display:none;}
.hiddencontent2{background:#eee;display:none;}
.clear {clear:both;}
	
#menu{position:absolute;background:white;width:240px;height:150px;z-index:100;border:solid 1px #CCCCCC;border-top:none; border-left:none;border-top-left-radius:10px;border-bottom-right-radius:10px;color:#333333;padding:15px;}
	#menu a, #menu a:active {float:left;color:#333333; border-bottom:solid 1px white;display: block;width:100%;margin-right:10px;text-decoration:none;outline:none;}
			#menu a:hover {float:left;color:#333333; border-bottom:solid 1px #CC9900;display: block;width:100%;margin-right:5px;text-decoration:none;outline:none;}
			#menu a:visited {float:left;color:#333333;margin-right:10px;text-decoration:none;outline:none;}
			#menu a.selected #menu a.selected:visited {text-decoration:none; outline:none;color:#333333;}
			.links {float:left;width:180px;padding:5px;}


#services{position:absolute;margin-left:60px;background:white;width:240px;height:230px;z-index:110;color:#333333;padding:15px;border:solid 1px #CCCCCC;border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
#products{position:absolute;margin-left:60px;background:white;width:760px;height:150px;z-index:110;;color:#333333;padding:10px;border:solid 1px #CCCCCC;border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
	#products a, #products a:active {float:left;color:#333333; border-bottom:solid 1px white;display: block;width:100%;margin-right:10px;text-decoration:none;outline:none;}
			#products a:hover {float:left;color:#333333; border-bottom:solid 1px #CC9900;display: block;width:100%;margin-right:5px;text-decoration:none;outline:none;}
			#products a:visited {float:left;color:#333333;margin-right:10px;text-decoration:none;outline:none;}
			#products a.selected #products a.selected:visited {text-decoration:none; outline:none;color:#333333;}
			.links {float:left;width:180px;padding:5px;}
	
#request-quote{position:absolute;margin-left:225px;background:white;width:350px;height:230px;z-index:130;color:#333333;padding:15px;border:solid 1px #CCCCCC;border-top:none;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}
#testimonial{
	position:absolute;
	margin-left:225px;
	background:white;
	width:465px;
	height:160px;
	z-index:130;
	;
	color:#333333;
	padding:15px;
	border:solid 1px #CCCCCC;
	border-top:none;
	left: 46px;
	border-bottom-right-radius:10px;border-bottom-left-radius:10px;
}
	#testimonal a, #testimonal a:active {float:left;color:#333333; border-bottom:solid 1px white;display: block;width:100%;margin-right:10px;text-decoration:none;outline:none;}
			#testimonal a:hover {float:left;color:#333333; border-bottom:solid 1px #CC9900;display: block;width:100%;margin-right:5px;text-decoration:none;outline:none;}
			#testimonal a:visited {float:left;color:#333333;margin-right:10px;text-decoration:none;outline:none;}
			#testimonal a.selected #product a.selected:visited {text-decoration:none; outline:none;color:#333333;}
			.links {float:left;width:180px;padding:5px;}
			
			
#form{height:auto; width:auto;}
	
#sentform{padding:100px;text-align:center;}


#content-wrapper{position:relative;top:130px;height:auto;width:100%;margin-top:10px;background:white;border:solid 1px #CCCCCC;padding-bottom:5px;margin-bottom:50px;border-radius:11px;z-index:70;}

	#gallery-container{width:100%;height:300px;border-top-left-radius:4px;border-top-right-radius:4px;z-index:90;}
	
	#product-pres{margin-top:0px;height:10px;width:100%;background:url(../canterbury-fencing-Images/backgrounds/wood-top.jpg)bottom;background-repeat:repeat-x;box-shadow:0px 1px 3px #666666;}
	
	
	
	.main-content{float:right; height:auto;width:600px;display:block;text-align:left;margin:50px 30px 30px 0px;}
			.main-content li{list-style-type:decimal;}
			
			.terms {position:relative;height:auto;width:600px; font-size:12px;}
			.product-container {position:relative;height:auto;width:600px;border-top:solid 1px #CCCCCC;}
				
				.spec-sheet {height:150px;width:600px;padding-bottom:15px;padding-top:10px;}
					.list {position:relative;width:100px;float:left; text-align:right; padding-right:5px; text-decoration:none;list-style:none; line-height:20px;font-size:12px;font-weight:bold;}
					.description{position:relative;float:left;width:495px;height:auto; line-height:20px;font-size:12px;}
	
	
	
	
	.left-content{float:left;height:auto;width:210px;display:block;margin:50px 0px 30px 30px;left:0px; font-weight:bold;}
			.left-content a, .left-content a:active {float:left;color:#333333; border-bottom:solid 1px white;display: block;width:100%;margin-right:10px;text-decoration:none;outline:none;font-size:12px;}
			.left-content a:hover {float:left;color:#333333; border-bottom:solid 1px #CC9900;display: block;width:100%;margin-right:5px;text-decoration:none;outline:none;font-size:12px;}
			.left-content a:visited {float:left;color:#333333;margin-right:10px;text-decoration:none;outline:none;font-size:12px}
			.left-content a.selected .left-content a.selected:visited {text-decoration:none; outline:none;color:#333333;font-size:12px;}
			
			.product-list{position:relative;width:auto;height:auto;margin-bottom:20px;}
				.product-list a,.product-list a:active{float:left;color:#333333; border-bottom:solid 1px white;display: block;width:100%;margin-right:10px;text-decoration:none;outline:none;font-size:14px;}
				.product-list a:hover {float:left;color:#333333; border-bottom:solid 1px #CC9900;display: block;width:100%;margin-right:10px;text-decoration:none;outline:none;font-size:14px;}
				.product-list a:visited {float:left;color:#333333;margin-right:10px;text-decoration:none;outline:none;font-size:14px;}
				.product-list a.selected, .product-list a.selected:visited {text-decoration:none; outline:none;color:#333333;font-size:14px;}
			.call {left:-30px;position:relative;padding-top:20px;}
	.wood-bot{position:absolute;bottom:0px;width:100%;background:url(../canterbury-fencing-Images/backgrounds/wood-top.jpg);background-repeat:repeat-x;height:10px;z-index:140;box-shadow:0px 0px 3px #666666;}		
	
#footer{background:url(../canterbury-fencing-Images/backgrounds/footer1.jpg);background-repeat:repeat-x;height:220px;width:100%;clear:both;position:relative;margin-top:300px;padding:20px -20px 10px 10px;z-index:70;font-size:12px;}
		#footer a, #footer a:active, #footer a:visited {float:left;color:#CCCCCC;margin-right:10px;text-decoration:none;outline:none;}
#footer a.selected, #footer a.selected:visited {color:#CCCCCC;text-decoration:none; outline:none;}

		#customer-services{position:absolute;width:200px;height:auto;left:0px;color:#CCCCCC;margin:10px;z-index:72;top: 20px;}
			#customer-services li{list-style:none;}
		#quick-links{position:absolute;width:200px;height:auto;left:220px;color:#CCCCCC;margin:10px;z-index:72;top: 20px;}
		#social{position:absolute;width:200px;height:auto;left:440px;color:#CCCCCC;margin:10px;z-index:72;top: 20px;;}
		
		
		#copyright{position:absolute;width:auto;height:auto;left:2px; color:#CCCCCC;bottom:1px;}
		#footer-title{
	position:absolute;
	top:20px;
	width:auto;
	height:auto;
	padding:px;
	right:10px;
	color:#CCCCCC;
	margin:10px;
}
.footerpush{ height:4em;}



#scroller {
	width:8000px;
	height:500px;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:500px;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	display:block; float:left;
	width:1000px; height:500px;
	
	font-family:georgia;
	font-size:18px;
	line-height:140%;
}
#scroller li img {
	width:auto;
	height:500px;
	overflow:visible;}
#scroller li a{
	margin-top:450px;
	width:230px;
	float:right;
	font:14px Tahoma,Helvetica,Arial,sans-serif;
	
	}
#blocker {position:absolute;
	
	
	
	width:600px;
	height:100%;
	z-index:150;}