/*------------------------------COLORS-------------------------------

				GREEN:			8CC640		(links)
				LIGHT GREEN:	afe667		(link hover)	
				DARK:			001920		(footer bg)


--------------------------------------------------------------------*/
body	{
	background:url(../img/bg.jpg) top left repeat-x #00212a;	
	color:#CCC;
	font-family:Calibri,Arial, Helvetica, sans-serif;
	font-size:14px;
}

a:link, a:visited	{
	color:#8CC640;
	text-decoration:underline;
}
a:hover	{
	color:#afe667;
	text-decoration:none;
}

h2	{
	text-indent:-9999px;	
}
h3	{
	color:#CCC;
	margin:0 0 0 0;
	font-size:22px;
	font-weight:bold;
}


/*------------------------------HEADER-------------------------------*/
#header	{
	margin:40px 0 0 0;
}
	#logo	{
		background:url(../img/logo.png) top left no-repeat;
		display:block;
		height:80px;
		text-indent:-9999px;
	}
	#phone-number	{
		background:url(../img/phone.png) center left no-repeat;
		height:65px;
		text-indent:-9999px;
	}
	
	ul#nav	{
		background:url(../img/nav-bg.png) center no-repeat;	
		height:47px;
		margin-top:15px;
	}
	ul#nav li	{
		display:block;
		float:left;
		margin:0 15px 0 0px;
		width:140px;
	}
	ul#nav li a	{
		display:block;
		height:45px;

	}
	ul#nav li a:hover	{
		background-position:bottom;
	}
	ul#nav li a:active	{
		margin:1px 0 0 1px;
	}
	
	.nav-home, .nav-about-us, .nav-services, .nav-quotations, .nav-technical-questions, .nav-contact-us	{
		text-indent:-9999px;	
	}
	
	.nav-home	{
		background:url(../img/nav-home.png) top no-repeat;	
	}
	.nav-about-us	{
		background:url(../img/nav-about-us.png) top no-repeat;	
	}
	.nav-services	{
		background:url(../img/nav-services.png) top no-repeat;	
	}
	.nav-quotations	{
		background:url(../img/nav-quotations.png) top no-repeat;	
	}
	.nav-technical-questions	{
		background:url(../img/nav-technical-questions.png) top no-repeat;	
		width:145px;
	}
	.nav-contact-us	{
		background:url(../img/nav-contact.png) top no-repeat;	
	}
	
#laser-head	{
	position:absolute;
	top:0;
	left:50%;
	margin:0  0 0 380px;
}
	
	
/*--------------------------------------------------------------------*/
/*-----------------------------BILLBOARD------------------------------*/
#billboard	{
	background:url(../img/billboard-bg.gif) center no-repeat;
	height:298px;
}
	#billboard p	{
		color:#333;	
		margin:160px 0 0 50px;
	}
	#billboard a.button	{
		
	}
	
	#billboard img	{
		
	}
/*-------------------------------------------------------------------*/
/*-----------------------------SERVICES------------------------------*/
#services	{
	margin:17px 0 20px 0;
}
	#services h2	{
		background:url(../img/title-services.png) top left no-repeat;
		height:30px;
	}
	#services #services-lasercutting, #services #services-watercutting, #services #services-cncrouting	{
		height:166px;
		padding:0;
		text-indent:-9999px;
	}
	
	#services #services-lasercutting:hover, #services #services-watercutting:hover, #services #services-cncrouting:hover	{
		opacity:0.8;
		filter:alpha(opacity=80);
	}
	
	#services #services-lasercutting	{
		background:url(../img/services-lasercutting.png) top left no-repeat;
	}
	#services #services-watercutting	{
		background:url(../img/services-watercutting.png) top left no-repeat;
	}
	#services #services-cncrouting	{
		background:url(../img/services-cncrouting.png) top left no-repeat;
	}
#view-all	{
	background:url(../img/view-all.png) center right no-repeat;
	height:22px;
	margin-top:12px;
	text-indent:-9999px;	
}
#view-all:hover	{
	opacity:0.8;
	filter:alpha(opacity=80);
}

/*-------------------------------------------------------------------*/
/*-----------------------------SUB PAGES------------------------------*/

#services-page, #about-us-page, #technical-questions-page, #quotations-page	{
	margin-bottom:40px;	
}
	#services-page h2	{
		background:url(../img/title-services.png) top left no-repeat;
		margin:0;
	}
	#about-us-page h2	{
		background:url(../img/title-about-us.png) top left no-repeat;
		margin:0;
		text-indent:-9999px;
	}
	#quotations-page h2	{
		background:url(../img/title-quotations.png) top left no-repeat;
		margin:0;
		text-indent:-9999px;
	}
	#technical-questions-page h2	{
		background:url(../img/title-technical-questions.png) top left no-repeat;
		margin:0;
	}
	#contact-us-page h2	{
		background:url(../img/title-contact-us.png) top left no-repeat;
		margin:0;
	}
	#services-page h4, #about-us-page h4, #technical-questions-page h4, #contact-us-page h4, #quotations-page h4	{
		background:url(../img/h4-bg.png) center left no-repeat;
		color:#00232C;
		display:block;
		font-size:24px;
		height:51px;
		margin-top:20px;
		margin-bottom:0px;
		text-shadow:1px 1px 0px #fff;
		padding:7px 0 0 15px;
	}
	#services-page h5	{
		background:url(../img/h4-services-bg.png) center left no-repeat;
		color:#00232C;
		display:block;
		font-size:24px;
		height:51px;
		margin-top:20px;
		margin-bottom:0px;
		text-shadow:1px 1px 0px #fff;
		padding:7px 0 0 15px;
	}
	#services-page p, #technical-questions-page p	{
		margin-bottom:25px;
	}
	#services-page .right-pics	{
		float:right;	
	}
		#services-page .right-pics img	{
			margin-top:20px;	
		}
		#services-page .right-pics em	{
			text-align:center;
		}
	#contact-us-page p	{
		font-size:16px;
		text-align:center;
		text-shadow:1px 1px 1px #000;
	}
	.enquire	{
		display:block;
		float:right;
		margin:30px 0 0 25px;
	}


/*-------------------------------------------------------------------*/
/*------------------------------FOOTER-------------------------------*/
#footer	{
	background:#001920;
	border-radius:12px 12px 12px 12px;
	-moz-border-radius:12px 12px 12px 12px;
	-webkit-border-radius:12px 12px 12px 12px;
	margin:350px 0 0x 0;
}
	#footer h3	{
		color:#8CC640;
		font-variant:small-caps;
		font-size:22px;
		font-weight:bold;
		font-family:Calibri,Arial, Helvetica, sans-serif;
		margin:10px 0 5px 10px;
	}
	#footer p	{
		font-size:12px;
		padding:0 20px 0 20px;
		margin:0 0 5px 0;
	}
	#footer form	{
		padding:0 0 20px 20px;	
	}
	#footer label	{
		display:block;
		float:left;
		width:50px;
		height:20px;
		padding:0;
		margin:0 0 10px 0;
	}
	#footer input	{
		width:155px;
		height:20px;
		float:left;
		padding:5px;
		margin:0 0 10px 0;
	}
	#footer	textarea	{
		width:155px;
		height:40px;
		float:left;
		padding:5px;
		margin:0 0 10px 0;
	}
	#copyright	{
		font-size:12px;
		margin:10px 0 15px 0;
		text-align:center;
	}
/*-------------------------------------------------------------------*/
/*------------------------------TOOLTIP------------------------------*/
#tooltip	{
	position:absolute;	
	background:#333;
	border:solid 1px #CCC;
	color:#FFF;
	-moz-border-radius:6px 6px 6px 6px;
	-webkit-border-radius:6px 6px 6px 6px;
	border-radius:6px 6px 6px 6px;
	padding:8px;
	display:block;
	width:280px;
	height:59px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.triangle	{
	position:absolute;
	margin:67px 0 0 3px;
}