html{background:none}
body {
	background-color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #5f5d59;
}

#header {
	background: #0b2532 url('/images/global/header_bg.jpg') 50% 0 no-repeat;
	height: 191px;
}
	#header h1 {
		width: 550px;
		height: 110px;
		position:absolute;
		top:16px;
		left: 5px;
	}

		#header h1 a {
			display: block;
			width: 100%;
			height: 100%;
		}
	#header h1,
	#header #telephone_number {
		display: block;
		text-indent: -9999px;
	}
	#header a {
		color: #fff;
	}
	#header #header_inner {
		margin: 0 auto;
		position: relative;
		width: 960px;
		height: 191px;
	}
/*NAVIGATION*/
		#header_inner ul#top_nav {
			position:absolute;
			bottom: 0px;
			left: 0px;
		}
			#header_inner ul#top_nav li {
				float:left;
				height: 46px;
			}
			/*#header_inner ul#top_nav li.active_nav_item {
				background: #ccc url('/images/global/active_nav_item_bg.gif') 0 0 repeat-x;
			}*/
				#header_inner ul#top_nav li a {
					display: block;
					height: 100%;
					width: 100%;
					font-family: Times,Times New Roman;
					text-decoration: none;
					font-size: 1.27em;
					font-weight: bold;
					text-transform: capitalize;
					text-indent:-9999px;
				}
				/*ul#top_nav li.active_nav_item a {
					border-left: 1px solid #ccc;
				}*/
	/*//SPECIFIC NAV ITEMS//*/
				/*li#top_nav_home {
					border-left: 1px solid #ccc;
				}*/
				li#top_nav_home,
				li#top_nav_about-exclusive-gates,
				li#top_nav_exclusive-gates-specifications-and-quality,
				li#top_nav_our-exclusive-gates,
				li#top_nav_customised-gate-design,
				li#top_nav_contact-exclusive-gates {
					background-image: url('/images/global/top_nav.jpg');
					background-repeat: no-repeat;
					background-color: transparent;
				}

				li#top_nav_home  {
					background-position: 0px -1px;
					width: 100px;
				}
				li#top_nav_about-exclusive-gates  {
					background-position: -101px -1px;
					width: 115px;
				}
				li#top_nav_exclusive-gates-specifications-and-quality  {
					background-position: -218px -1px;
					width: 252px;
					
				}
				li#top_nav_our-exclusive-gates  {
					background-position: -470px -1px;
					width: 126px;
				}
				li#top_nav_customised-gate-design  {
					background-position: -596px -1px;
					width: 216px;
				}
				li#top_nav_contact-exclusive-gates  {
					background-position: -812px -1px;
					width: 150px;
				}
/*active nav items*/
				li#top_nav_home.active_nav_item  {
					background-position: 0px -49px;
				}
				li#top_nav_about-exclusive-gates.active_nav_item   {
					background-position: -101px -49px;
					width: 115px;
				}
				li#top_nav_exclusive-gates-specifications-and-quality.active_nav_item   {
					background-position: -218px -49px;
					width: 252px;
					
				}
				li#top_nav_our-exclusive-gates.active_nav_item   {
					background-position: -470px -49px;
					width: 126px;
				}
				li#top_nav_customised-gate-design.active_nav_item   {
					background-position: -596px -49px;
					width: 216px;
				}
				li#top_nav_contact-exclusive-gates.active_nav_item   {
					background-position: -812px -49px;
					width: 150px;
				}

/*hover nav items*/
				li#top_nav_home a:hover,
				li#top_nav_about-exclusive-gates a:hover,
				li#top_nav_exclusive-gates-specifications-and-quality a:hover,
				li#top_nav_our-exclusive-gates a:hover,
				li#top_nav_customised-gate-design a:hover,
				li#top_nav_contact-exclusive-gates a:hover {
					background-image: url('/images/global/top_nav.jpg');
					background-repeat: no-repeat;
					background-color: transparent;
				}

				li#top_nav_home a:hover  {
					background-position: -1px -50px;
				}
				li#top_nav_about-exclusive-gates a:hover  {
					background-position: -102px -50px;
				}
				li#top_nav_exclusive-gates-specifications-and-quality a:hover  {
					background-position: -219px -50px;
					
				}
				li#top_nav_our-exclusive-gates a:hover  {
					background-position: -471px -50px;
				}
				li#top_nav_customised-gate-design a:hover  {
					background-position: -597px -50px;
				}
				li#top_nav_contact-exclusive-gates a:hover  {
					background-position: -813px -50px;
				}
/*END NAVIGATION*/
		#header_inner a {
			border: 1px dotted transparent;
		}
		#header_inner a:focus {
			outline: none;
			border: 1px dotted #b0e1ff;
		}
			#header #header_inner #enquiry_link {
				display:block;
				width: 245px;
				height: 20px;
				text-indent: -9999px;
				position: absolute;
				top: 40px;
				right: 8px;
			}
#wrap {
	background:transparent url(/images/global/wrap-bg.jpg) repeat-y scroll 50% 0;
	margin:0 auto;
	padding:0 18px;
	width:960px;
}
#wrap-cap {
	background:transparent url(/images/global/wrap-cap.jpg) no-repeat scroll 50% 0;
	margin:0 auto;
	padding:0 18px;
	width:960px;
	height: 34px
}
	#main {
		background: #fff;
		border-top: 10px solid #C3C3C4;
		padding: 10px 15px 1px;
	}
		#content {
			background: transparent url(/images/global/dotted_line_grey_h.gif ) repeat-x scroll 0 100%
		}
	#main_text p {
		font-size: 1.1em;
		line-height: 1.5em;
	}
#footer {
	background-color: #fff;
	padding: 20px 15px 0;
}
#footer #footer_inner address {
	font-weight: bold;
	text-align: left;
	float:left;
	color: #050505;
	font-size: 1.1em;
}

#footer #footer_inner #nav_footer {
	position:relative;
	float:right;
	background: #fff url('/images/global/footer-logos.jpg') left top no-repeat;
	height: 115px;
	width: 710px;
	padding-bottom:10px;
}
#footer #footer_inner #nav_footer a {
	display: block;
	padding-top:70px;
	text-align:center;
	position: absolute;
	font-weight:bold;
}
#footer #footer_inner #nav_footer a:hover {text-decoration:none}
#footer #footer_inner #nav_footer a.notext {
	text-indent:-9999px;
}
#grange-door {
	width: 140px;
	height: 70px;
	right: 0px;
	top: 0px;
}
#scottish-engineering {
	width: 155px;
	height: 50px;
	right: 195px;
	top: 20px;
}
#quality_award {
	width: 120px;
	height: 70px;
	left: 0px;
	top: 10px;
}
#environment_award {
	width: 140px;
	height: 70px;
	left: 170px;
	top: 10px;
}
#safety_award {
	width: 160px;
	height: 70px;
	left: 355px;
	top: 10px;
}
#footer_outer {
	margin:0 auto;
	padding:25px 15px 20px;
	width:930px;
}
#footer_outer #add_links {float:left}
#footer_outer a {
	font-weight:bold;
	text-decoration:none;
	margin:0px 5px;
}
#footer_outer a:hover {text-decoration:underline}
#footer_outer a#heehaw{
	float:right;
	font-weight:lighter;
	font-variant:small-caps;
}

/*STYLUS GENERICUS*/
p{margin-bottom: 1em;}
a{color: #050505; text-decoration: none;}
a:hover{text-decoration: underline;}

#header_link{ text-indent: -999999px; display: block; height: 110px; left: 5px; position: absolute; top: 16px; width: 550px; }
#header_link a{display: block; width: 100%; height: 100%;}
h1{}
#home_h1{}
h1{font-weight: normal !important; font-family:Garamond, Georgia, Times, Serif; font-size: 3.91em; color:#767676; padding: 5px 10px 15px; background: #E5E5E5 url(/images/global/dotted_line_grey_h.gif) repeat-x scroll 0 100%; display: block; margin-bottom: 15px;}
#home_h1{ background: none; padding: none; margin: none;}
/*h2{font-weight: normal !important; font-family:Garamond, Georgia, Times, Serif; font-size: 3.91em; color:#767676; padding: 5px 10px 15px; background: #E5E5E5 url(/images/global/dotted_line_grey_h.gif) repeat-x scroll 0 100%; display: block; margin-bottom: 15px;}*/
#home_h2{font-weight: normal !important; font-family:Garamond, Georgia, Times, Serif; font-size: 3.91em; color:#767676; padding: 5px 10px 15px; background: #E5E5E5 url(/images/global/dotted_line_grey_h.gif) repeat-x scroll 0 100%; display: block; margin-bottom: 15px;}
h2{}
h3{font-family:Garamond, Georgia, Times, Serif; font-size: 2.5em; color:#767676; display: block; margin-bottom: 5px;}
h4{font-family:Garamond, Georgia, Times, Serif; font-size: 2em; color:#767676; display: block; margin-bottom: 5px;}
h5{font-family:Garamond, Georgia, Times, Serif; font-size: 1.5em; color:#767676; display: block; margin-bottom: 5px;}
strong{font-weight: bold}
em{font-style:italic}
#main_text ul {
}
#main_text ul li {
margin-left: 20px;
list-style-type: disc;
}

.access_nav a {
	text-indent: -9999px;
	line-height: 0.01em;
	display: block;
	float:left;
	color: #fff;
}
.access_nav a:focus {
	text-indent: 0px;
	line-height: 1em;
}
.left {
	float:left;
}
.right {
	float:right;
}
img.left,
img.right {
	border: 10px solid #ccc;
	margin-bottom: 15px;
}
img.left {
	margin-right: 24px;
}
img.right {
	margin-left: 24px;
}
.clear {
	clear: both;
}

/*TinyMCE styles*/
body.mceContentBody{
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.69em;
	color: #938d84;
}
body.mceContentBody ul {
	margin-left: 0.5em;
}
body.mceContentBody ul li {
margin-left: 1em;
list-style-type: disc;
}

/* Facebox styles */  

.gate {background:#fff; width:605px}
.gate h2 {font-size:170%; background:#E5E5E5; padding:5px 10px;font-weight:bold!important;}
.gate ul {margin-bottom:10px}
.gate ul li {background:url(/images/gate_li.jpg) no-repeat 0 2px; padding-left:20px; margin-bottom:7px; }
.gate img {float:left; margin-right:10px}
.gate .left-col {width:395px}
.gate #g_features {float:right; width:200px}
#facebox .close_image {position:absolute; top:0px; right:0px; z-index:200; display:inline;}
.gallery-list-row img {border:5px solid #cbcbcf; margin:0px 20px}

/* Don't get it wrong page */

.left_col_photos {float:left; margin-right:5px; width:340px}
.right_col_photos {float:right; margin-left:5px; width:340px}
.left_col_photos img, .right_col_photos img  {display:block; margin:0px auto 5px; border:5px solid #CBCBCF;}
.left_col_photos p, .right_col_photos p {display:block;font-size:1.1em;padding:0px auto 5px;text-align:center; font-weight:bold }//color:#756F7B;
#main_text .left_col_photos p.header,#main_text .right_col_photos p.header {border-bottom:2px solid #756F7B; font-size:1.4em} 
.wrong_text {float:left; width:100%}
.left_col_photos p.header { color: #cc0000; }
.right_col_photos p.header { color: green; }
/* Hide those images */