/* CSS Document */

/* Global Styles
--------------------------------------------------------------- */

body, html {
	min-height: 101%;
}

body {
	text-align: left;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../../images/misc/mainBg.png) repeat-x #bbbbae;
	margin-top: 3px;
}

#businesscard {
	background: #fff;
	margin: 10px;
	text-align:center;
}

a:link, a:visited, a:focus {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
	outline: none;
}

a:hover, a:active {
	color: #000;
	text-decoration: underline;
}

a img {
	border: none;
}

h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #990000;
	margin: 0px;
}

h2 {
	font-size: 1.4em;
}

.js-error { /* Javascript Error Box */
	clear:both;
	background:#e9e9e9 url(../../images/misc/warning.gif) 5px center no-repeat;
	border:#ddd solid 1px;
	color:#000;
	margin:20px;
	padding:10px 10px 10px 40px;
}
	.js-error p {
		margin:0;
		padding:0;
	}

/* Layout Styles
--------------------------------------------------------------- */

#container {
	width: 714px;
	padding: 0px 13px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#header {
	width: 714px;
	height: 99px;
	background: url(../../images/misc/headerShadow.png) bottom no-repeat;
}

	#flashLogo {
		z-index: 1;
		position: absolute;
		left: 60px;
		top: 0px;
	}
	
	#numberTop {
		z-index: 1;
		position: absolute;
		right: 30px;
		color: #fff;
		top: 40px;
		font-size: 3.8em;
	}

#contentContainer {
	width: 706px;
	background: #dadac7 url(../../images/misc/contentContainerBg.png);
	border-left: 4px solid #bfb5a0;
	border-right: 4px solid #bfb5a0;
	border-bottom: 4px solid #bfb5a0;
}

#navHolder {
	width: 706px;
	border-bottom: 1px solid #888;
	border-top: 1px solid #888;
	background: url(../../images/misc/navBg.png) repeat-x #B4B4B4;
}

#flashSlideshow {
	font-size: 1px;
	width: 706px;
	height:200px;
	background: url(../../images/misc/flashBg.jpg) center bottom no-repeat;
}
		
		
	.static-photo-banner-holder{
		width: 706px;
		height:200px;
	}
			
	#automatic .static-photo-banner-holder{
			background:url(../../images/misc/automatic-doors.jpg);	
	}
	
	#roller .static-photo-banner-holder{
			background:url(../../images/misc/roller-shutters.jpg);	
	}
	
	#manual .static-photo-banner-holder{
			background:url(../../images/misc/manual-doors.jpg);	
	}
	
	#carpark .static-photo-banner-holder{
			background:url(../../images/misc/car-park-barriers.jpg);	
	}
	
	#domestic .static-photo-banner-holder{
			background:url(../../images/misc/domestic-garage-doors.jpg);	
	}
	
	#preventative .static-photo-banner-holder{
			background:url(../../images/misc/maintain.jpg);	
	}
	
	#consumables .static-photo-banner-holder{
			background:url(../../images/misc/parts2.jpg);	
	}
	
	
	
		
		

#contentLeft {
	float: left;
	width: 448px;
}

	#contentLeft a {
		color: #000099;
		text-decoration: underline;
	}

#middleContent {
	width: 448px;
}

#flashMiddle {
	float: left;
	display: none;
}

#flashMiddleText {
	font-size: 1.2em;
	width: 142px;
	display: none;
	height: 115px;
	padding: 5px 10px;
	float: left;
	color: #fff;
	background: url(../../images/misc/flashMiddleText.png) bottom;
}

	#index #flashMiddleText,
	#index #flashMiddle {
		display: block;
	}

#flashMiddleText a {
	color: #FFFF00;
	font-size: 0.9em;
}

	#contentLeft-text {
		padding: 20px;
		float: left;
		font-size: 1.2em;
	}	

	#contentLeft #cta {
		width: 408px;
		background: url(../../images/misc/cta.png);
		height: 50px;
		text-align: center;
		color: #fff;
		padding-top: 30px;
		font-size: 3.4em;
	}

#contentRight {
	float: right;
	width: 224px;
	text-align: center;
}

/* Horizontal Navigation Styles
--------------------------------------------------------------- */

#navigation {
	width: 706px;
}

	#navigation ul {
		margin: 0px;
		display: inline;
		list-style: none;
		padding: 0px;
	}
	
		#navigation li {
			display: inline;
			margin: 0px;
		}
			  
			#navigation a {
				float:left;
				color: #222;
				text-decoration:none;
				padding: 10px 10px;
				font-size: 1.2em;
				text-align: center;
				border-right: 1px solid #888;
			}
			
				#navigation a span {
					display: block;
				}
			
			#navigation a:hover {
				background: url(../../images/misc/navBg-hover.png) #4C4B4B repeat-x;
				color: #fff;
			}
			
			#navigation .index-a,
			#navigation .consumables-a,
			#navigation .contact-a {
				padding: 17px 9px 18px 9px;
			}
			
			#navigation .contact-a {
				border: none;
			}

		#index #navigation .index-a,
		#automatic #navigation .automatic-a,
		#roller #navigation .roller-a,
		#manual #navigation .manual-a,
		#carpark #navigation .carpark-a,
		#domestic #navigation .domestic-a,
		#preventative #navigation .preventative-a,
		#consumables #navigation .consumables-a,
		#contact #navigation .contact-a {
			background: #888 url(../../images/misc/navBgon.jpg);
			color: #fff;
		}


/* Footer Styles
--------------------------------------------------------------- */
#footer {
	clear: both;
	width: 706px;
	font-size: 1.1em;
	padding: 10px 0px;
	color: #999;
	background: #eee;
	text-align: center;
}
	#footer a {
		white-space: nowrap;
		color: #999;
		text-decoration: none;
	}
	#footer a:hover {
		color: #444;
		text-decoration:underline;
	}

ul#footerNav {
	float:left;
	margin: 0px;
	padding: 0px 5px;
	list-style: none;
	width: 696px;
	text-align: center;
}
	ul#footerNav li {
		display: inline;
		margin: 0px 5px 0px 0px;
		color: #FFFF00;
	}
	
	ul#footerNav li a:hover {
		text-decoration: underline;
		color: #333;
	}

ul#footerNav1 {
	float:left;
	margin: 0px;
	padding: 0px 2px;
	list-style: none;
	width: 696px;
	text-align: center;
}
	ul#footerNav1 li {
		display: inline;
		margin: 0px 2px 0px 0px;
		color: #FFFF00;
	}
	
	ul#footerNav1 li a:hover {
		text-decoration: underline;
		color: #333;
	}

ul#footerDetails  {
	clear:left;
	float: left;
	margin: 5px 0px 5px 0px;
	padding: 10px;
	width: 680px;
}
	ul#footerDetails li {
		display:block;
		list-style: none;
	}
	
ul#footerW3C {
	margin: 0px;
	text-align: center;
	padding: 0px 0px;
}
	ul#footerW3C li {
		display: inline;
	}

#adtrakDesign {
	text-align: center;
	width: 706px;
}

/* Class Styles
--------------------------------------------------------------- */

.clearfix {
	clear: both;
}

.img-left {
	border: 1px solid #ccc;
	float: left;
	margin: 0px 10px 10px 0px;
}

.img-right {
	border: 1px solid #ccc;
	float: right;
	margin: 0px 0px 10px 10px;
}

.img-leftNB {
	border: none;
	float: left;
	margin: 0px 10px 10px 0px;
}


.img-rightNB {
	border: none;
	float: right;
	margin: 0px 0px 10px 10px;
}

#logo {
	width: 200px;
	height: 100px;
	float: left;
}

	#contactTable #botBuster {
		display: none;
	}

.table01 {
	width: 100%;
}

	.table01 td {
		font-size: 1.4em;
		padding: 10px;
		background: #e0e0cf;
	}
	
		.table01 td img {
			margin: 0px;
		}