/* CSS Document */

td {
	font-family: "Helvetica", Arial, sans-serif;
	color:#ffffff;
	font-size:15px;
	line-height:18px;
	}
	
body {
	background-color: #000000;
}

H1 {
	color:#FF0000;
	line-height: 28px
}

H2 {
	color:#FF0000;
	line-height: 24px;
}

a {
	color: #FF0000;
	}
	
a:hover {
	color: #666666;
	}

.navbuttons a {
		font-family: "Helvetica", Arial, sans-serif;
		font-size: 13px;	
		font-weight: bold;
		text-decoration: none;
		
		display: block;
		padding: 4px;
		padding-left:10px;
		
		border-color: #000000;
		}

.navbuttons a:link {
		background-color: #000000;
		color: #FFFFFF;
		}

.navbuttons a:visited {
		background-color: #000000;
		color: #FFFFFF;
		}

.navbuttons a:active {
		background-color: #FF0000;
		color: #FFFFFF;
		}
		
.navbuttons a:hover {
		background-color: #FF0000;
		color: #FFFFFF;	
		}	
		
		
.gateStylesButtons a {
		color: #999999;
		font-size: 15px;	
		font-weight: bold;
		text-decoration: none;
		background-color: #FFFFFF;
		border-color: #999999;
		
		display: block;
		padding: 5px;
		height: 87px;
		width:  58px;
		
		background-position:center;
		background-repeat:no-repeat;
		
}

.gateStylesButtons a:link {
		background-color: #FFFFFF;
		border-color: #999999;
		color: #999999;
		height:110px;
}

.gateStylesButtons a:visited {
		background-color: #FFFFFF;
		color: #111111;
}

.gateStylesButtons a:active {
		background-color: #cdcaba;
		color: #111111;
}

.gateStylesButtons a:hover {
		background-color: #b2b78f;
		color: #FFFFFF;	
}


.gateStylesSelected {
		color: #FFFFFF;
		font-size: 15px;	
		font-weight: bold;
		text-decoration: none;
		background-color:#999966;
		border-color: #999999;
		
		display: block;
		padding: 5px;
		height: 87px;
		width:  58px;
		
		background-position:center;
		background-repeat:no-repeat;
		
		border-color:#999999;
		background-position:center;
}



.garageStylesButtons a {
		color: #999999;
		font-size: 15px;	
		font-weight: bold;
		text-decoration: none;
		background-color: #FFFFFF;
		border-color: #999999;
		
		display: block;
		padding: 5px;
		
		height: 110px;
		width:  133px;
		
		background-position:center;
		background-repeat:no-repeat;
		
}

.garageStylesButtons a:link {
		background-color: #FFFFFF;
		border-color: #999999;
		color: #999999;
		height:110px;
}

.garageStylesButtons a:visited {
		background-color: #FFFFFF;
		color: #999999;
}

.garageStylesButtons a:active {
		background-color: #FFFFFF;
		color: #00674e;
}

.garageStylesButtons a:hover {
		background-color: #FFFFFF;
		color: #00674e;
		text-decoration:underline;	
}


.quicklinks a:link{
	color:#999999;
	text-decoration:none;
	font-size:12px;
}

.quicklinks a:visited{
	color:#999999;
	text-decoration:none;
	font-size:12px;
}

.quicklinks a:active{
	color:#666666;
	text-decoration:none;
	font-size:12px;
}

.quicklinks a:hover{
		color: #FF0000;
		text-decoration: underline;
		background-color: #cdcaba;
		font-size:12px;
}


#navbar a {
	display:block;
	height:100px;
	padding:10px;
	
	background-repeat:no-repeat;
	background-position:right;
	
	color: #999999;
	text-decoration:none;
	font-size:18px;
	line-height:22px;
	}

#navbar .buttonmetal { background-image:url("images/home-metal.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonmetal:hover { background-image:url("images/home-metal-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonwood {  background-image:url("images/home-wooden.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonwood:hover { background-image:url("images/home-wooden-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonauto { background-image:url("images/home-automated.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonauto:hover { background-image:url("images/home-automated-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonsliding { background-image:url("images/home-sliding.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonsliding:hover { background-image:url("images/home-sliding-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonbarriers { background-image:url("images/home-barriers.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonbarriers:hover { background-image:url("images/home-barriers-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonaccess { background-image:url("images/home-access.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonaccess:hover { background-image:url("images/home-access-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttongarage { background-image:url("images/home-garage.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttongarage:hover { background-image:url("images/home-garage-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonfencing { background-image:url("images/home-fencing.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonfencing:hover { background-image:url("images/home-fencing-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonservice { background-image:url("images/home-service.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonservice:hover { background-image:url("images/home-service-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonFROG { background-image:url("images/Operators-FROG.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonFROG:hover { background-image:url("images/Operators-FROG-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonFERNI { background-image:url("images/Operators-FERNI.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonFERNI:hover { background-image:url("images/Operators-FERNI-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonKRONO { background-image:url("images/Operators-KRONO.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonKRONO:hover { background-image:url("images/Operators-KRONO-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonATI { background-image:url("images/Operators-ATI.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonATI:hover { background-image:url("images/Operators-ATI-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }

#navbar .buttonFAST { background-image:url("images/Operators-FAST.jpg"); background-color:#000000; color: #FF0000; }
#navbar .buttonFAST:hover { background-image:url("images/Operators-FAST-OVER.jpg"); background-color:#FF0000; color: #FFFFFF; }


.hidden { display:none; }

.garagecolours a {
	font-size: 11px;
	display:block;
	text-decoration:none;
	}
	
.garagecolours a:link {
	font-size: 11px;
	display:block;
	text-decoration:none;
	}

.garagecolours a:visited {
	font-size: 11px;
	display:block;
	text-decoration:none;
	}

.garagecolours a:active {
	font-size: 11px;
	display:block;
	text-decoration:none;
	background-color:#91b5a8;
color: #FFFFFF;
	}
	
.garagecolours a:hover {
display:block;
background-color:#91b5a8;
color: #FFFFFF;
	}