/** Element Cross-Browser Reset **/
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }   
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0; }  
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }   
ol,ul {	list-style:none; }   
caption,th { text-align:left; }   
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }   
q:before,q:after { content:''; }   
abbr,acronym { border:0; }   

html {}
body { background: #eee; color: #7a7a7a; padding: 40px 0; }
div, p { font-family: Trebuchet MS; }
p { padding-bottom: 10px; }
a { color: #7a7a7a; text-decoration: none; }
a:hover { text-decoration: underline; }

#LayoutHolder 
{
	margin: 0 auto;
	border: solid 3px #e8e8e8;
	width: 680px;
	background-color: #fff;
 }
 
#Banner
 {
	background-image: url(Assets/Banner.jpg);
	height: 128px;
 }
 
#MenuHolder { height: 77px }
#Menu { height: 44px; background: #222 url(Assets/MenuBackground.gif) repeat-x left top; }
#Menu ul {}
#Menu li { float: left; }
#Menu li a { display: block; float: left; height: 29px; border-right: solid 2px #000; padding: 15px 40px 0px 40px; color: #ccc; text-decoration: none; }
#Menu li a:hover,
#Menu li.Active a { color: #fff; }
#SubMenu { height: 33px; background: #a30234 url(Assets/SubMenuBackground.gif) repeat-x left top; padding-left: 30px; font-size: 85%; }
#SubMenu li { float: left; background: transparent url(Assets/SubMenuDivider.gif) no-repeat left 5px; padding-top: 3px; }
#SubMenu li a {  display: block; padding: 5px 10px 0px 10px; color: #fff; text-decoration: none; }
#SubMenu li a:hover { text-decoration: underline; color: #fff; }
#SubMenu li.Active a { text-decoration: none; color: #ccc; } 
#SubMenu li.Active a:hover { color: #ccc; } 
#SubMenu li.First { background: none; }

#ContentFrame { padding: 40px; font-size: 85%; }

#ContentFrame h1
{
	width: 600px;
	margin-bottom: 40px;
	height: 90px;
	background: transparent none no-repeat left top;
}
#ContentFrame h1 span { display: none; } 
#ContentFrame h1.Home							{ height: 240px; background-image: url(Assets/HeadingHome.jpg); }
#ContentFrame h1.ProductRange					{ background-image: url(Assets/HeadingProductRange.jpg); }
#ContentFrame h1.ArcClassicRange				{ background-image: url(Assets/HeadingArcClassicRange.jpg); }
#ContentFrame h1.GalleryRange					{ background-image: url(Assets/HeadingGalleryRange.jpg); }
#ContentFrame h1.GattaRange						{ background-image: url(Assets/HeadingGattaRange.jpg); }
#ContentFrame h1.CustomRange					{ background-image: url(Assets/HeadingCustomRange.jpg); }
#ContentFrame h1.ExecutiveRange					{ background-image: url(Assets/HeadingExecutiveRange.jpg); }
#ContentFrame h1.BinsBollardsTreeGuardsRange	{ background-image: url(Assets/HeadingBinsBollardsTreeGuardsRange.jpg); }
#ContentFrame h1.Contact						{ background-image: url(Assets/HeadingContact.jpg); }

#ContentFrame h2 { color: #a30234; font-size: 135%; padding-bottom: 20px; }
#ContentFrame h3 { color: #a30234; font-size: 135%; }
#ContentFrame h3 span { color: #000; }

#ContentFrame .SplitFrame { width: 600px; overflow: auto; }
#ContentFrame .SplitFrame .Column1 { width: 360px; float: left; }
#ContentFrame .SplitFrame .Column2 { width: 200px; float: right; }

#ContentFrame .ContactSplitFrame { width: 600px; overflow: auto; }
#ContentFrame .ContactSplitFrame .Column1 { width: 300px; float: left; }
#ContentFrame .ContactSplitFrame .Column1 h2 { padding-bottom: 0px; }
#ContentFrame .ContactSplitFrame .Column2 { width: 270px; float: right; }
#ContentFrame .ContactSplitFrame a:hover { text-decoration: none; color: #000; }

#ContentFrame .SplitFrame .Column2 img { margin-bottom: 20px; border: none;}
#ContentFrame .SplitFrame .Column2 .LastImage { margin-bottom: 0px; }

#ProductRange ul { width: 100%; }
#ProductRange ul li { border-bottom: solid 1px #7a7a7a; }
#ProductRange ul li a { display: block; padding: 20px; text-decoration: none; color: #7a7a7a; font-size: 135%; }
#ProductRange ul li.First { border-top: solid 1px #7a7a7a;}
#ProductRange ul li a:hover { background: #e8e8e8; color: #a30234; }
#ProductRange ul li span { position: relative; left: 20px; top: -20px; }

.ProductListing .Product { border-bottom: solid 1px #7a7a7a; padding-bottom: 20px; margin-bottom: 40px; }
.ProductListing .ProductLast { border-bottom: solid 1px #7a7a7a; padding-bottom: 20px; margin-bottom: 0px; }
.ProductListing .TopLink { margin: 40px 0 0 0; background: transparent url(Assets/ArrowBackToTop.gif) no-repeat left center; padding: 0 0 0 20px; }

#Footer
{ 
	height: 47px;
	background: #a30234 url(Assets/Footer2.gif) no-repeat left top;
	color: #fff;
	font-size: 85%;
	padding: 38px 0px 0px 80px; 
}
#Footer a { color: #fff; text-decoration: none; }
#Footer a:hover { text-decoration: underline; }