body{
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #eeeeee;
	background-image: url(../images/background-repeat.gif);
	background-repeat: repeat-x;
	color: #4f606e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

.tiny-text{
	font-size: 0.7em;
	}

.left{
	float: left;
	padding: 0 5px 5px 0;
	}
.right{
	float: right;
	padding: 0 5px 5px 0;
	}
	

/*-----Table in Fire extinguishing equipment page---------------*/
.table-text{
	font-size: 0.7em;
	text-align: left;
	margin: 0 0 0 0;
	padding: 0 0 0 2px;
	}
.table-extinguishing{
	float: left;
	width: 500px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid red;
	}
/*----------------------------------------Position Main Interface-------------------*/

#interface {
	margin: 0px auto;
	width: 760px;
	}
	
	#container {
		float: left;
		margin: 5px 0 0 0;
		padding: 0 0 0 0;
		width: 760px;
	}
	/*----------------------------------------Header-------------------------------*/	
		#header {
			height: 129px;
			width: 760px;
			display: block;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			}
		
	/*----------------------------------------Horizontal menu-------------------------------*/	
		#horizontal-menu {
			height: 23px;
			width: 762px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-image: url(../images/menu-background.gif);
			background-repeat: no-repeat;
			}
			#phone-number{
				float: left;
				height: 17px;
				width: 170px;
				margin: 5px 0 0 2px;
				padding: 0 0 0 5px;
				font-size: 0.8em;
				color: #ffffff;
				background-color: #c32b02;
			}
			#horizontal-menu-list{
				float:left;
				width: 560px;
				list-style: none;
				padding: 0 7px 0 7px;
				margin: 2px 0 0 5px;
				color: #c32b02;
				background-color: #ffffff;
				}
			
			#horizontal-menu-list a{
				text-decoration: none;
				color: #c32b02;
				background-color: #ffffff;
				font-weight: bold;
				font-size: 0.85em;
				}
			
			#horizontal-menu-list a:hover{
				text-decoration: underline;
				}
			
			#horizontal-menu-list li{
				float: left;
				padding: 0 4px 0 0;
				margin: 0 0 0 0;
				}
	/*---------------------------------------Second menu //// Homepage-------------------------*/
	#second-menu-homepage{
		float: left;
		width: 551px;
		padding: 0 0 35px 0;
		margin: 0 0 0 0;
		}
	
	#second-menu-homepage .links-home a{
		text-decoration: underline;
		font-size: 0.8em;
		color: #6e6e6e;
		background-color: #ffffff;
		background-image: url(../images/grey-arrow.gif);
		background-repeat: no-repeat;
		background-position: 3px 3px;
		padding: 0 0 0 10px;
		margin: 0 0 0 0;
		display: block;
		}
	#second-menu-homepage .links-home a:hover{
		color: #c32b02;
		background-color: #ffffff;
		}
	#electrical-menu{
		float: left;
		width: 123px;
		margin: 0 0 0 0;
		padding: 0 13px 0 0;
		}
	#fire-alarm-menu{
		float: left;
		width: 123px;
		margin: 0 0 0 0;
		padding: 0 13px 0 0;
		}
	#fire-extinguishing-menu{
		float: left;
		width: 123px;
		margin: 0 0 0 0;
		padding: 0 13px 0 0;
		}
	#gas-plumbing-menu{
		float: left;
		width: 123px;
		margin: 0 0 0 0;
		padding: 0 13px 0 0;
		}
	
	/*---------------------------------------Second menu //// Other pages-------------------------*/
	#second-menu-other-pages{
		float: left;
		width: 551px;
		margin: 0 0 0 0;
		padding: 0 0 0 30px;
		}
	#second-menu-other-pages .links-home a{
		text-decoration: underline;
		font-size: 0.8em;
		color: #6e6e6e;
		background-color: #ffffff;
		background-image: url(../images/grey-arrow.gif);
		background-repeat: no-repeat;
		background-position: 3px 3px;
		padding: 0 8px 0 10px;
		margin: 0 0 0 0;
		}
	#second-menu-other-pages .links-home a:hover{
		color: #c32b02;
		background-color: #ffffff;
		}
	#second-menu-other-pages h1{
		font-size: 1.4em;
		font-family: Helvetica, Arial, sans-serif;
		padding: 0 0 5px 0;
		margin: 0 0 25px 0;
		border-bottom: 1px dotted #ccc;
		width: 521px;
		}
	
	.example{
		float: left;
		width: 92px;
		height: 200px;
		margin: 0 0 0 0;
		padding: 0 17px 50px 0;
		}
	.zone-picture{
		height: 170px;
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		/*border: 1px solid #6e6e6e;*/
		}
		
	#content_paragraph { 
		float: right;
		margin: 10px 0 0 0;
		padding: 0 0 0 20px;
		width: 360px;
		}
	#content-left-wrapper {
		float: left;
		width: 150px;
		}
	#content-left-wrapper ul {
		margin:0 0 16px 0;
		padding: 0 0 0 0;
		}
	#content-left-wrapper ul li {
		padding: 8px 0 0 0;
		}
		
	#thumbnails {
		float: left;
		width: 150px;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		}
	#thumbnails ul {
		float: left;
		width: 150px;
		margin: 0 0 16px 0;
		padding: 0 0 0 0;
		border: 1px solid red;
		}
	#thumbnails li {
		list-style:none;
		float: left;
		height: 69px;
		width: 69px;
		margin: 0 15px 15px 0;
		padding: 0 0 0 0;
		border: 1px solid #4f606e;
		
		}

						
	/*---------------------------------------Wrapper-----------------------------*/
		#wrapper{
			float: left;
			width: 762px;
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			background-image: url(../images/wrapper-width.gif);
			background-repeat: repeat-y;
			}
			
			
			/*----------------------------------------------Left Column-----------------------------------*/
			#left-column{
				float: left;
				width: 181px;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				}
				#vertical-menu{
					float: left;
					width: 181px;
					background-image: url(../images/left-column-width.gif);
					background-repeat: repeat-y;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					}
				
				#vertical-menu ul{
					float: left;
					list-style: none;
					padding: 0 0 13px 7px;
					margin: 2px 0 0 0;
					}
				
				#vertical-menu li{
					padding: 0 0 4px 0;
					margin: 4px 0 0 0;
					border-bottom: 1px solid #818181;
					}
				
				#vertical-menu a{
					text-decoration: none;
					font-size: 0.85em;
					color: #ffffff;	
					background-color: #6e6e6e;
					}
				
				#vertical-menu a:hover{
					text-decoration: underline;
					}
				
				.photo-left-column{
					float: left;
					width: 187px;
					height: 152px;
					padding: 0 0 0 0;
					margin: 0 0 0 0;
					border-top: 1px solid white;
					border-right: 1px solid white;
					border-bottom: 1px solid white;
					border-collapse:collapse;
					}
			
			/*----------------------------------------------Right Column-----------------------------------*/
			#right-column{
				float: right;
				width: 581px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				}
			#curve-top{
				float: left;
				width: 581px;
				height: 78px;
				}
			#wrapper-content{
				float: left;
				width: 502px;
				margin: 0 0 0 0;
				padding: 0 0 30px 30px;
				}
			#wrapper-content-services{
				float: left;
				width: 532px;
				margin: 0 0 0 0;
				padding: 0 0 30px 30px;
				}
			
			/*------------------------------------------Generic styles--------------------------*/
			#wrapper-content h1{
				font-size: 1.4em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 5px 0;
				margin: 0 0 25px 0;
				border-bottom: 1px dotted #ccc;
				width: 521px;
				
				}
			#wrapper-content h2{
				font-size: 1.15em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				color: #4d4d4d;
				background-color: #ffffff;
				}
			#wrapper-content h2 a{
				font-size: 1em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				color: #4d4d4d;
				background-color: #ffffff;
				}
			
			#wrapper-content h3{
				font-size: 1em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				}
			#wrapper-content h4{
				font-size: 1.15em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				color: #4d4d4d;
				background-color: #ffffff;
				}
			
			#wrapper-content ul{
				list-style: none;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				font-size: 0.9em;
				}
			#wrapper-content li{
				padding: 0 0 15px 0;
				margin: 0 0 0 0;
				}
			
			#wrapper-content p{
				/*float: left;*/ /*Need to remove because it overrides inline styles that are applied in tinymce*/
				font-size: 1em;
				padding: 0 15px 15px 0;
				margin: 0 0 0 0;
				}
			
			#wrapper-content .smaller-text{
				font-size: 0.9em;
				color: #999999;
				background-color: #ffffff;
				}
			
			a:link {
				text-decoration: underline;
				font-size: 1em;
				color: #c32b02;	
				background-color: #ffffff;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				}
			a:visited {
				font-size: 1em;
				color: #c32b02;	
				background-color: #ffffff;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				}
			a:active {
				font-size: 1em;
				color: #c32b02;	
				background-color: #ffffff;
				padding: 0 0 0 0;
				margin: 0 0 0 0;
				}
			a:hover{
				color: #000000;	
				background-color: #ffffff;
				text-decoration: underline;
				}
				
			
			/*------------------------------------------Generic styles for services--------------------------*/
			#wrapper-content-services h1{
				font-size: 1.4em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 5px 0;
				margin: 0 0 25px 0;
				border-bottom: 1px dotted #ccc;
				width: 521px;
				}
			#wrapper-content-services h2{
				font-size: 1.15em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				color: #4d4d4d;
				background-color: #ffffff;
				}
			#wrapper-content-services h2 a{
				font-size: 1em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				color: #4d4d4d;
				background-color: #ffffff;
				}
			
			#wrapper-content-services h3{
				font-size: 1em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				}
			#wrapper-content-services h4{
				font-size: 1.15em;
				font-family: Helvetica, Arial, sans-serif;
				padding: 0 0 0 0;
				margin: 10px 0 0 0;
				color: #4d4d4d;
				background-color: #ffffff;
				}
			
			#wrapper-content-services ul{
				list-style: square;
				padding: 0 0 30px 30px;
				margin: 0 0 0 0;
				font-size: 0.9em;
				}
			#wrapper-content-services li{
				padding: 0 0 5px 0;
				margin: 0 0 0 0;
				}
			
			#wrapper-content-services p{
				/*float: left;*/ /*Need to remove because it overrides inline styles that are applied in tinymce*/
				font-size: 1em;
				padding: 0 15px 5px 0;
				margin: 0 0 0 0;
				}
			
			#wrapper-content-services .smaller-text{
				font-size: 0.9em;
				color: #999999;
				background-color: #ffffff;
				}
				
				
					/*-------------------------------------Pages with EXAMPLES column on the right----------------*/
					
					/*#content_paragraph { 
						clear:both
						}
					#content-left-wrapper {
						float: left;
						width: 344px;
						}
					#content-left-wrapper ul {
						margin:0 0 16px 15px;
						padding-left:12px;
						}
					#content-left-wrapper ul li {
						padding-top:8px;
						padding:0;
						}
						
					#thumbnails {
						width:300px;
						margin:0;
						padding:0;
						}
					#thumbnails ul {
						width:300px;
						margin:0 0 16px 10px;
						padding:0;
						}
					#thumbnails ul li {
						list-style:none;
						float: left;
						height:69px;
						margin: 0 15px 15px 0;
						padding:0;
						border: 1px solid #4f606e;
						}
						
						
					a:link {
						text-decoration: none;
						font-size: 1em;
						color: #c32b02;	
						background-color: #ffffff;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}
					a:visited {
						text-decoration: none;
						font-size: 1em;
						color: #c32b02;	
						background-color: #ffffff;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}
					a:active {
						text-decoration: none;
						font-size: 1em;
						color: #c32b02;	
						background-color: #ffffff;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
					}
					a:hover{
						text-decoration: underline;
					}	
					#examples-wrapper{
						float: right;
						width: 116px;
						padding: 0 0 0 30px;
						margin: 70px 0 0 0;
						}
					
					#examples-wrapper .example a{
						text-decoration: none;
						background-image: url(../images/icon-example.gif);
						background-repeat: no-repeat;
						background-position: 0 4px;
						font-size: 0.8em;
						color: #c32b02;	
						background-color: #ffffff;
						padding: 0 0 0 7px;
						margin: 0 0 0 0;
						}
					
					#examples-wrapper .example a:hover{
						color: #c32b02;
						background-color: #ffffff;
						text-decoration: underline;
						}
					
					#examples-wrapper .example .zone-picture{
						width: 119px;
						height: 78px;
						background-image: none;
						border: 1px solid #4f606e;
						padding: 0 0 0 0;
						margin: 5px 0 15px 0;
						}
						
					#examples-wrapper .example .zone-picture a{
						width: 119px;
						height: 78px;
						padding: 0 0 0 0;
						margin: 0 0 0 0;
						text-decoration: none;
						}*/
					/*------------------------------------Example page------------------------------*/
					#zone-picture-big {
						float: left;
						margin: 10px 0 15px 0;
						padding: 0 0 0 0;
						/*border: 1px solid #4f606e;*/
						}
					#zone-picture-small {
						list-style:none;
						width:326px;
						float: left;
						margin: 0 0 15px 0;
						padding: 0 0 0 0;
						}
							
					
						
					
				
					
					/*--------------------------------------News page-------------------------------*/
					.sum-up-news{
						float: left;
						width: 100%;
						margin: 15px 0 0 0;
						padding: 0 0 15px 0;
						border-bottom: 1px dashed #4f606e;
						font-size: 0.9em;
						}
					
					.sum-up-news a{
						text-decoration: none;
						color: #4f606e;	
						background-color: #ffffff; 
						}
					
					.sum-up-news a:hover{
						color: #333333;
						background-color: #ffffff;
						}
					/*-------------------------------------Quotations--------------------------------*/
					.quotation{
						float: left;
						margin: 20px 0 0 0;
						padding: 0 30px 20px 40px;
						border-bottom: 1px solid #eeeeee;
						}
					.customer{
						font-size: 0.8em;
						color: #4d4d4d;
						background-color: #ffffff;
						}
					/*--------------------------------------FAQs-------------------------------------*/
					#list-of-questions{
						list-style-type: none;
						margin: 0 0 0 0;
						padding: 0 0 5px 0;
						border-bottom: 1px dashed #4f606e;
						}
					#list-of-questions li{
						margin: 0 0 0 0;
						padding: 0 0 8px 0;
						}
					#list-of-questions a{
						text-decoration: none;
						background-image: url(../images/icon-example.gif);
						background-repeat: no-repeat;
						background-position: 0 5px;
						color: #c32b02;	
						background-color: #ffffff;
						padding: 0 0 0 10px;
						margin: 0 0 0 0;
					}
					#list-of-questions a:hover{
						text-decoration: underline;
					}
					
					#list-of-answers{
						font-size: 0.9em;
						line-height: 1.5em;
						float: left;
						width: 100%;
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						}
						
						#list-of-answers ul{
						clear:both;
						width: 100%;
						}
					
					#list-of-answers ul li{
						float: left;
						width: 100%;
						margin-bottom:6px;
						}
					
					.question-answer{
						float: left;
						width: 100%;
						margin: 30px 0 0 0;
						padding: 0 0 0 0;
						border-bottom: 1px dashed #4f606e;
						}
					
					.faqs-top{
						float: right;
						margin: 0 0 0 0;
						padding: 0 0 5px 0;
						}
					.faqs-top a{
						text-decoration: none;
						color: #c32b02;	
						background-color: #ffffff;
						}
					
					.faqs-top a:hover{
						text-decoration: underline;
						}
					
					/*-------------------------------------Contact Page--------------------*/
						
					#contact-us {
						float: left;
						font-size: 0.9em;
						clear: both;
						margin: 0 0 0 10px;
						padding: 0 0 30px 0;
						}
					#map-dfp{
						float: left;
						width: 268px;
						height: 200px;
						margin: 0 0 30px 0;
						font-size: 0.8em;
						}
					#map{
						float: left;
						width: 268px;
						height: 200px;
						border: 1px solid #818181;
						margin: 0 0 0 0;
						font-size: 0.8em;
						}	
					#contact-us ul{
						list-style:none;
						margin: 20px 0 0 0;
						padding: 0 0 0 0;
						width: 210px;
						}
					#contact-us li{
						margin: 0 0 2px 0;
						padding: 0 0 4px 25px;
						}
					
					#contact-us a{
						text-decoration: none;
						color: #c32b02;
						background-color: #ffffff;
						}
					#contact-us a:hover{
						text-decoration: underline;
						}
					
					#postalAddress{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/templates/images/icons/email_open_image.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
					
					#telephone{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/templates/images/icons/telephone.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
						
					#mobile{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/Templates/images/icons/phone.png);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
					
					#emailAddress{
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						background-image: url(/templates/images/icons/email.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
						}
			
					#contact-form{
						float: left;
						width: 490px;
						padding: 0 0 0 10px;
						margin: 20px 0 0 0;
						background-color: #eeeeee;
						color: #505050;
						}
					
					#contact-form ul{
						list-style-type: none;
						float: left;
						padding: 0 0 10px 0;
						margin: 10px 0 0 0;
						}
					#contact-form li{
						float: left;
						width: 470px;
						padding: 0 0 5px 10px;
						margin: 5px 0 0 0;
						border-bottom: 1px dotted #dddddd;
						}
					
					#contact-form .contact-form-names{
						float: left;
						width: 60px;
						padding: 0 0 0 0;
						margin: 3px 0 0 0;
						display: block;
						}
					
					#contact-form input{
						float: left;
						width: 400px;
						padding: 0 0 0 0;
						margin: 2px 0 0 0;
						border: 1px solid #c3c1b9;		
						}
						
					#contact-form #contact-form-message{
						float: left;
						width: 460px;
						height: 100px;
						padding: 0 0 5px 0;
						margin: 0 0 0 0;
						border: 1px solid #c3c1b9;
						}
		/*---------------------------------------Footer-----------------------------*/
		#logos-bottom{	
			float: left;
			width: 762px;
			margin: 0 0 0 0;
			padding: 50px 0 0 0;
			background-image: url(../images/wrapper-width.gif);
			background-repeat: repeat-y;
			}
			#niceic{
				float: left;
				padding: 0 0 0 210px;
				margin: 65px 0 0 0;
				text-align: center;
				}
			#corgi{
				float: right;
				margin: 65px 0 0 0;
				padding: 0 15px 0 0;
				text-align: center;
				}
		#footer{
			float: left;
			width: 762px;
			height: 12px;
			margin: 0 0 0 0;
			padding: 15px 0 30px 0;
			color: #acacac;
			background-color: #eeeeee;
			font-size: 0.7em;
			background-image: url(../images/footer.gif);
			background-repeat: no-repeat;
			
		}
		#footer a{
			text-decoration: none;
			color: #acacac;
			background-color: #eeeeee;
		}
		#footer a:hover{
			text-decoration: underline;
		}
		#footer-left{
			float: left;
			padding: 0 0 0 15px;
			}
			
		#footer-right{
			float: right;
			padding: 0 15px 0 0;
			}