	
	* { margin: 0; padding: 0;
	}
	
	/* GENERAL /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #000000; background-color: #FFFFFF; 
	font-size: 11px; background-image: url(../img/bg.gif); background-repeat: repeat-x; font-size: 13px;  
	}
	.general_link { font-weight: bold; color: #148fa7; text-decoration: none; 
	}
	.general_link:hover { color: #333333 
	}
	.smaller { font-size: 14px !important; font-weight: normal !important; 
	}
	.standard_list { width: 220px; float: left; padding: 0; margin: 0;
	}
	.standard_list ul { padding: 25px 0 0 15px; margin: 0;
	}
	.standard_list ul li { padding: 0; margin: 0; list-style-type: circle;
	}
	.standard_list ul li.list_space { padding: 0; margin: 0; list-style-type: none;
	}
	
	/* LAYOUT /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#container { margin: 0 auto; padding: 0 10px 10px 10px; width: 770px; height: 1000px; background-image: url(../img/home-main-bg.jpg); 
	background-repeat: no-repeat; background-position: 0 122px; 
	}
	#container_other { margin: 0 auto; padding: 0 10px 10px 10px; width: 770px; height: 1000px;
	}
	#header { margin: 0; width: 770px; padding: 16px 0 0 0; height: 105px; 
	}
	#logo { margin: 0; float: right; width: 415px; height: 0px; padding-top: 101px; overflow: hidden; display: block;
	background-image: url(../img/logo.gif); background-repeat: no-repeat;  
	}
	#email { float: right; width: 185px; text-align: center; padding-top: 20px;
	}
	#email a { text-decoration: none; color: #FFFFFF; background-image: url(../img/email.gif); background-repeat: no-repeat; height: 0; 
	padding-top: 20px; overflow: hidden; display: block;
	}
	#email a:hover { background-image: url(../img/email-over.gif);
	}
	#page { margin: 0; padding: 0; width: 770px; float: left; background-color: #ffffff; background-image: url(../img/bg.gif); background-repeat: repeat-x; background-position: 0 -121px;
	}
	#page h1 { font-weight: normal; color: #594e7a; padding-bottom: 10px; font-size: 26px; 
	}
	#page h2 { font-size:16px; font-weight: normal; color: #594e7a; padding-bottom: 20px; 
	}
	#page h3 { font-size:14px; font-weight: bold; color: #594e7a; padding-bottom: 0px; margin: 0;
	}
	#page p { padding-bottom: 20px; line-height: 1.3em
	}
	.highlight { color: #8c3574; font-size: 14px;
	}
	#page_left { margin: 0; width: 533px; padding: 19px 0 0 0; float: left; background-image: url(../img/home-bg.gif); background-repeat: no-repeat; 
	background-position: 236px 196px; 
	}
	#page_left_other { margin: 19px 0 50px 0; width: 493px; padding: 7px 20px 100px 20px; float: left; background-color: #FFFFFF; border-left: 1px solid #8c3574;
	background-image: url(../img/other-bg.gif); background-repeat: no-repeat; background-position: 0 0;
	}
	#page_left_other h3.title { color: #FFFFFF; padding: 0 0 35px 20px; font-weight: normal;
	}
	#page_left_prod { margin: 19px 0 50px 0; width: 493px; float: left; background-color: #ffffff; border-left: 1px solid #8c3574;
	background-image: url(../img/other-bg-prod.gif); background-repeat: no-repeat; background-position: 0 0; padding: 0 20px 0 20px;
	}
	#page_left_prod h3.title { color: #FFFFFF; padding: 8px 0 20px 17px; font-weight: normal; 
	}
	#page_left_prod h3.subtitle { padding: 0 0 10px 0; font-size: 18px;
	}
	#footer { margin: 0; padding: 0 0 50px 9px; width: 761px; color: #FFFFFF; background-color: #00222c; float: left; font-size: 12px;
	}
	#footer a { color: #c47fb1; text-decoration: none;
	}
	#footer p { padding-top: 20px; 
	}
	#footer p.ta { color: Silver; font-size: 10px;  
	}
	#footer p.ta a { color: Silver; font-weight: bolder; font-size: 11px;  
	}
	
	/*MENU /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#page_right_menu { margin: 19px 0 0 0; padding: 0; width: 214px; padding: 6px; float: right; background-color: #00222c; border-right: 10px solid #913879;
	}
	#page_right_menu ul { padding:0px; margin:0px;
	}
	#page_right_menu ul li { list-style-type: none;
	}
	#page_right_menu ul li a { width: 214px; height: 0; padding-top: 26px; overflow: hidden; display: block; 
	background-image: url(../img/nav.gif); background-repeat: no-repeat; background-position: 0 0;
	}
	#page_right_menu ul li#home a { background-position: 0 0;
	}
	#page_right_menu ul li#about a { background-position: 0 -26px; 
	}
	#page_right_menu ul li#metal_gates a { background-position: 0 -52px; 
	}
	#page_right_menu ul li#automation_systems a { background-position: 0 -78px; 
	}
	#page_right_menu ul li#commercial_perimeters a { background-position: 0 -104px; 
	}
	#page_right_menu ul li#bespoke_fabrications a { background-position: 0 -130px;
	}
	#page_right_menu ul li#welding_consumables a { background-position: 0 -156px;
	}
	#page_right_menu ul li#case_studies a { background-position: 0 -182px;
	}
	#page_right_menu ul li#contact a { background-position: 0 -208px;
	}
	#page_right_menu ul li#home a:hover, .body_home #page_right_menu ul li#home a { background-position: -225px 0;
	}
	#page_right_menu ul li#about a:hover, .body_about #page_right_menu ul li#about a  { background-position: -225px -26px; 
	}
	#page_right_menu ul li#metal_gates a:hover, .body_metal_gates #page_right_menu ul li#metal_gates a { background-position: -225px -52px; 
	}
	#page_right_menu ul li#automation_systems a:hover, 
	.body_automation_systems #page_right_menu ul li#automation_systems a, 
	.body_frog #page_right_menu ul li#automation_systems a, 
	.body_ferni #page_right_menu ul li#automation_systems a, 
	.body_krono #page_right_menu ul li#automation_systems a, 
	.body_ati #page_right_menu ul li#automation_systems a, 
	.body_fast #page_right_menu ul li#automation_systems a, 
	.body_sliding_gates #page_right_menu ul li#automation_systems a,
	.body_garage_doors #page_right_menu ul li#automation_systems a,
	.body_parking_barriers #page_right_menu ul li#automation_systems a,
	.body_rising_bollards #page_right_menu ul li#automation_systems a	
	{ background-position: -225px -78px; 
	}
	#page_right_menu ul li#commercial_perimeters a:hover, .body_commercial_perimeters #page_right_menu ul li#commercial_perimeters a { background-position: -225px -104px; 
	}
	#page_right_menu ul li#bespoke_fabrications a:hover, .body_bespoke_fabrications #page_right_menu ul li#bespoke_fabrications a { background-position: -225px -130px;
	}
	#page_right_menu ul li#welding_consumables a:hover, .body_welding_consumables #page_right_menu ul li#welding_consumables a { background-position: -225px -156px;
	}
	#page_right_menu ul li#case_studies a:hover, .body_case_studies #page_right_menu ul li#case_studies a { background-position: -225px -182px;
	}
	#page_right_menu ul li#contact a:hover, .body_contact_us #page_right_menu ul li#contact a { background-position: -225px -208px;
	}
	.body_metal_gates #page_right_menu ul li#metal_gates a { background-position: -225px -52px; 
	}

	/*HOME /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#flash { width: 494px; height: 187px; background-color: #104d59; padding: 6px;
	}
	#home_title { width: 190px; background-image: url(../img/title-bg.gif); background-color: #8d3675; padding: 0; margin: 0 0 10px 0;
	}
	#home_title h3 { padding: 3px; margin: 0; color: #FFFFFF; font-weight: normal;
	}
	.intro_text { font-size: 14px; height: 70px; padding: 0; margin: 0;
	}
	.intro_text p {padding: 0; margin: 0;
	}
	#home_menu { width: 505px; float:left; padding: 0 0 80px 0; 
	}
	#home_menu ul  { background-image: url(../img/home-menu.jpg); background-repeat: no-repeat; float: left; background-position: -1px 1px; width: 500px; padding: 0; margin: 0;
	}
	#home_menu ul li  { list-style-type: none; float: left; 
	}
	#home_menu ul li a  { list-style-type: none; overflow: hidden; display: block; margin: 0;
	}
	#home_menu ul li #circle_metal_gates { width: 138px; height: 0; padding-top: 138px;  
	}
	#home_menu ul li #circle_parking_barriers { width: 138px; height: 0; padding-top: 138px; 
	}
	#home_menu ul li #circle_garage_doors { width: 131px; height: 0; padding-top: 138px; 
	}
	#home_menu ul li #circle_fencing_gates { width: 138px; height: 0; padding-top: 133px; 
	}
	#home_menu ul li #circle_sliding_gates { width: 138px; height: 0; padding-top: 133px;  
	}
	#home_menu ul li #circle_came { width: 131px; height: 0; padding-top: 133px; 
	}
	
	/*INFO BOX /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#info { width: 213px; float: right; background-color: #00222c; border-right: 10px solid #913879; margin-top: 10px; padding: 6px;
	}
	#info_inner { border: 1px solid #914e7f; padding: 0 0 20px 0; background-image: url(../img/info_bg.gif); background-repeat: repeat-x;
	}
	#info h3 { padding: 8px 0 15px 35px; color: #FFFFFF; background-image: url(../img/info-arrow.gif); background-repeat: no-repeat; 
	background-position: 22px 11px; font-weight: normal; margin: 0;
	}	
	#info p { padding: 12px 20px 0 24px; color: #FFFFFF; font-size: 12px; margin: 0;
	}
	.open_quote { background-image: url(../img/open-quote.gif); background-repeat: no-repeat; background-position: 0 0; width: 15px; height: 18px; margin: 0; display: block; 
	}
	.closed_quote { background-image: url(../img/closed-quote.gif); background-repeat: no-repeat; background-position: right; width: 165px; height: 17px; margin: 0; display: block;
	}
	
	/*SUB MENU /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#page_right_menu_sub { margin: 8px 0 0 0; padding: 0; width: 214px; padding: 6px; float: right; background-color: #00222c; border-right: 10px solid #913879;
	}
	#page_right_menu_sub ul { margin: 0; padding:0;
	}
	#page_right_menu_sub ul li { list-style-type: none; margin-bottom: 1px;
	}
	#page_right_menu_sub ul li a { width: 189px; padding: 5px 5px 5px 20px; overflow: hidden; display: block; background-color: #edbb79; text-decoration: none; color: #000000; 
	background-image: url(../img/sub-arrow.gif); background-repeat: no-repeat; background-position: 5px 7px;
	}
	#page_right_menu_sub ul li a:hover, 
	.body_frog #page_right_menu_sub ul li#electric_gate_operators a, 
	.body_ferni #page_right_menu_sub ul li#electric_gate_operators a, 
	.body_krono #page_right_menu_sub ul li#electric_gate_operators a, 
	.body_ati #page_right_menu_sub ul li#electric_gate_operators a, 
	.body_fast #page_right_menu_sub ul li#electric_gate_operators a,
	.body_sliding_gates #page_right_menu_sub ul li#sliding_gates a,
	.body_garage_doors #page_right_menu_sub ul li#garage_doors a,
	.body_parking_barriers #page_right_menu_sub ul li#parking_barriers a,
	.body_rising_bollards #page_right_menu_sub ul li#rising_bollards a
	{ background-color: #e28d20; color: #FFFFFF; background-image: url(../img/sub-arrow-over.gif);
	}
	#page_right_menu_sub ul li#rising_bollards a {
	}
	.body_metal_gates #page_right_menu_sub ul li#electric_gate_operators a {
	background-color: #e28d20; color: #FFFFFF; background-image: url(../img/sub-arrow-over.gif);
	}

	/*SUB SUB MENU /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#sub_sub_menu { margin:0; padding: 0 0 40px 0px; width: 490px; float: left;
	}
	#sub_sub_menu ul { margin: 0; padding:0;
	}
	#sub_sub_menu ul li { list-style-type: none; float: left;
	}
	#sub_sub_menu ul li a { padding: 0 20px 0 15px; text-decoration: none; color: #FFFFFF; background-image: url(../img/sub-sub-arrow.gif); background-repeat: no-repeat;
	background-position: 0 3px;
	}
	#sub_sub_menu ul li a:hover, .body_frog #sub_sub_menu ul li.frog a, .body_ferni #sub_sub_menu ul li.ferni a, .body_krono #sub_sub_menu ul li.krono a, 
	.body_fast #sub_sub_menu ul li.fast a, .body_ati #sub_sub_menu ul li.ati a { color: #e08b1e; background-image: url(../img/sub-sub-arrow-over.gif); 
	}
	#sub_sub_menu ul li.ferni a { 
	}
	#sub_sub_menu ul li.kono a { 
	}
	#sub_sub_menu ul li.ati a { 
	}
	#sub_sub_menu ul li.fast a {  
	}
	.body_metal_gates #sub_sub_menu ul li.frog a, .body_metal_gates #sub_sub_menu ul li.ati a { color: #e08b1e; background-image: url(../img/sub-sub-arrow-over.gif); 
	}
	
	/*BROCHURE MENU /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.brochure_menu { margin:0; padding: 0 0 40px 0px; width: 490px; float: left;
	}
	.brochure_menu ul { margin: 0; padding:0;
	}
	.brochure_menu ul li { list-style-type: none; float: left;
	}
	.brochure_menu ul li a { width: 161px; height: 0; padding-top: 95px; overflow: hidden; text-decoration: none; color: #FFFFFF; background-color: #15464f; display: block; 
	margin: 10px 2px 0 0; background-image: url(../img/automated-buttons.jpg); background-repeat: no-repeat; background-position: 0 0; 
	}
	.brochure_menu ul li#electric_gate_operators_large { background-position: 0 0;
	}
	.brochure_menu ul li#sliding_gates_large a { background-position: -163px 0;
	}
	.brochure_menu ul li#garage_doors_large a { background-position: -326px 0; 
	}
	.brochure_menu ul li#parking_barriers_large a { background-position: 0 -97px; 
	}
	.brochure_menu ul li#rising_bollards_large a { background-position: -164px -97px; 
	}
	.brochure_menu ul li#electric_gate_operators_large a:hover { background-position: 0 -194px;
	}
	.brochure_menu ul li#sliding_gates_large a:hover { background-position: -163px -194px;
	}
	.brochure_menu ul li#garage_doors_large a:hover { background-position: -326px -194px; 
	}
	.brochure_menu ul li#parking_barriers_large a:hover { background-position: 0 -291px; 
	}
	.brochure_menu ul li#rising_bollards_large a:hover { background-position: -164px -291px; 
	}
	
	/*PDF BOX /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#pdf { width: 226px; float: right; background-color: #00222c; border-right: 10px solid #913879; margin-top: 10px; padding: 0;
	}
	#pdf h3 { padding: 8px 0 15px 35px; color: #FFFFFF; background-image: url(../img/info-arrow.gif); background-repeat: no-repeat; 
	background-position: 22px 11px; font-weight: normal;
	}	
	#pdf_inner a {color: #FFFFFF; font-size: 12px; padding: 90px 0 0 0; background-image: url(../img/pdf.gif); 
	background-repeat: no-repeat; height: 0; overflow: hidden; display: block; width: 226px;
	}
	#pdf_inner a:hover { background-position: 0 -98px;
	}

	/*RIGHT COL FOOTER /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	#right_col_footer { width: 236px; height: 236px; float: right; background-image: url(../img/right-bar-footer.gif); background-repeat: no-repeat;
	background-position: 0 0; 
	}

	/*ABOUT /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.large_img { float: left; border: 1px solid #333333; margin: 0 0 20px 0; 
	}
	.small_img { float: left; border: 1px solid #333333; margin: 0 10px 10px 0; 
	}
	.large_img_product, .large_img_other { float: left; margin: 0 0 20px 0; 
	}

	/*RIGHT COL FOOTER /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.product_image { margin-bottom: 20px;
	}
	
	/*GALLERY /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.gallery_left_button a { width: 21px; height: 300px; background-color: #333333; float: left; display: block; text-decoration: none;
	color: #FFFFFF;
	}
	.gallery_center_image { width: 440px; height: 290px; background-color: red; float: left; display: block; border: 5px solid #346772;
	}
	.gallery_right_button a {  width: 21px; height: 300px; background-color: #333333; float: left; display: block;
	text-decoration: none; color: #FFFFFF; 
	}
	.gallery_left_button a img, .gallery_right_button a img { border: 0; padding: 0; margin: 0; 
	}
	.galleryPara { padding-top: 20px; float:left;
	}

	/*BOLLARDS BARRIERS LISTS /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.barriers_list {width: 420px; padding: 8px 0 40px 20px; margin: 0; }
	.barriers_list ul { padding: 0; margin: 0; }
	.barriers_list li { padding: 4px 0 0 0; list-style-type: circle; }
	
	.model_list { list-style-type: none; width: 492px; padding: 0 0 30px 0; float: left; }
	.model_list li { width:87px; height: 100px; float: left; margin-right: 3px; background-color: #913879; padding: 4px; }
	.model_list li.end { margin-right: 0; }
	.model_list li h3 { color: #FFFFFF !important; font-size: 12px !important; }
	.model_list li p { color: #FFFFFF; }
	
	.bollards_list { list-style-type: none; width: 490px; padding: 8px 0 40px 0; }
	.bollards_list li { color: #FFFFFF; width:85px; height: 133px; float: left; background-color: #990000; margin-right: 3px; padding: 4px; border: 1px solid #999999; }
	.bollards_list li.one { background-color: #304038; }
	.bollards_list li.two { background-color: #545a3a; }
	.bollards_list li.three { background-color: #666666; }
	.bollards_list li.four { background-color: #d00800; }
	.bollards_list li.five { background-color: #182018; }
	
	/*CONTACT FORM /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.form { width: 490px;
	}
	.form ul, li { padding: 0; margin: 0; list-style-type: none;
	}
	.form fieldset { margin: 0; padding: 0; border: 0; width: 485px;
	}
	.form label { background-color: #8d3675; display: block; margin: 10px 0 10px 0; padding: 3px 0 3px 6px; font-size: 14px; color: #FFFFFF; width: 485px;
	}
	.form input, .form textarea { width: 100%; 
	}
	.form .form_button { width: 100px; margin-top: 5px; background-color: #8d3675; border: 0; padding: 3px; color: #FFFFFF;
	}
	.checkFix { float: left; padding: 0 0 20px 0; width: 15px;
	}
	.contactMessage { font-size: 18px; color: #8d3675; float: left; height: 400px;
	}  