/* ----------------------------------------------- *\

	Main css document for ALN Circuits
	Created by phil.giles@esterling.co.uk May 09 
	
	Index
	0. Globals
	1. Layout
	2. Styles
	
\* ----------------------------------------------- */

/* 0. Globals
-------------------------------------------------- */

h1{
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:#be0808;	
}
h2{}
h3{}
p{}
em{	
	color:#be0808;
	font-weight:normal;
	font-style:normal;
}
a{
	color:#be0808;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
a:hover{}
a:active{outline:none;}
a:focus{-moz-outline-style:none;}
img, div {behavior: url(components/iepngfix.htc);}
img{border:none;}


/* 1. Layout
-------------------------------------------------- */
body{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:13px;
	color:#5d5d5d;
	background:url(../images/bg.jpg) repeat-x #ffffff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:justify;
}

#container{
	width:982px;
	background:url(../Images/container-bg.jpg) no-repeat;
	margin:0 auto;
	padding-left:17px;
}

#wrapper{
	width:962px;
}

#top-section{
	display:block;
	height:132px;	
}

#flash{
	width:230px; 
	height:120px; 
	float:left;
	display:inline;
	margin-top:4px;
	margin-left:20px;
}

#tel{
	width:280px;
	float:right;
	margin-top:10px;
	margin-right:10px;
	text-align:right;
}
	#tel h1{
		font-size:24px;
		font-weight:normal;
		color:#5d5d5d;
	}
	
	#tel h1 em{
		font-size:20px;
		font-style:normal;
		color:#b40000;
	}

#nav{
	width:560px;
	float:right;
	margin-top:15px;
}

	#nav a{
		height:24px;
		display:block;
		float:left;
		display:inline;
		margin-right:5px;
		font-size:14px;
		color:#5d5d5d;
		text-align:center;
		text-decoration:none;
		padding-top:4px;
	}
	
	#nav a:hover{
		color:#ffffff;
	}
		
	
	.home{width:57px;}
	.home:hover{background:url(../Images/nav-bg.jpg) 0px 0px;}

	
	.contacts{width:68px;}
	.contacts:hover{background:url(../Images/nav-bg.jpg) -66px 0px;}

	.offshore{width:155px;}
	.offshore:hover{background:url(../Images/nav-bg.jpg) -142px 0px;}

	.capabilities{width:89px;}
	.capabilities:hover{background:url(../Images/nav-bg.jpg) -303px 0px;}
	
	.approvals{width:80px;}
	.approvals:hover{background:url(../Images/nav-bg.jpg) -399px 0px;}


	.news{width:45px;}
	.news:hover{background:url(../Images/nav-bg.jpg) -486px 0px;}

	.enquiries{width:74px;}
	.enquiries:hover{background:url(../Images/nav-bg.jpg) -539px 0px;}
	
	.useful{width:94px;}
	.useful:hover{background:url(../Images/nav-bg.jpg) -623px 0px;}
	
	
#banner{
	display:block;
	height:156px;
	background:url(../Images/banner-bg.jpg) no-repeat;
	color:#ffffff;
}
	#banner h1{
		font-size:24px;
		font-family:Verdana, Geneva, sans-serif;
		color:#ffffff;
		padding-top:45px;
		padding-left:45px;
		padding-bottom:5px;
	}
	
	#banner p{
		width:494px;
		padding-left:45px;	
	}
	
	#banner img{
		margin-right:50px;	
	}

#content{
	width:586px;
	padding:0px 24px 0px 24px;
}

#right-side{
	width:295px;
	float:right;
	padding-left:30px;
}

#footer{
	width:962px;
	height:56px;
	clear:both;
	background:url(../Images/footer-bg.jpg);
	margin-top:20px;
}

	.footer-links{
		width:630px;
		color:#ff0000;
		padding-top:18px;
		padding-left:15px;
		float:left;
	}
	

	.footer-links a{
		color:#c1c1c1;
		text-decoration:none;
	}
	
	.copyright{
		text-align:right;
		float:right;
		color:#c1c1c1;
		padding-top:10px;
		padding-right:15px;
	}
	
	.copyright em{color:#ff0000}
	.copyright a{color:#ff0000}

/* 2. Styles
-------------------------------------------------- */

.flt-left{
	float:left;
}

.flt-right{
	float:right;
}

.clr{
	clear:both;
}



#enquiryform input.required, #enquiryform textarea.required {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #d57773; 
	width:340px; 
	color:#FFF; 
	padding:5px; 
	border: none;
	font-size:12px;
	color:#fff;
}
.fields{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: #c5c5c5; 
	width:340px; 
	color:#333333;
	padding:5px; 
	border: none; 
	font-size:12px;
}

#validation-message {
	width: 600px;
	margin:15px 0px; 
	padding: 10px;
	border: 1px solid #800000;
	color: #800000;
	background-color: #ffdddd;
}

#promo{
 width:282px;
 height:180px;
 float:left;
 margin-right:0px;
 margin-left:-5px;
}

.offer-link{
	text-decoration:underline;	
}
.offer-link:hover{
	text-decoration:underline;
	font-weight:bold;
}