/* 

Client: Advanced Industrial Supplies
Online: www.ai-supplies.co.uk
Author: Big Decision Web Solutions
Created: December 2009

*/

body {
	background:url(../img/bg.jpg) fixed center top #131313;
	font:.9em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
	color:#666;
	margin:0;
}

img {
	border:0;
}

.clear {
	clear:both; 
}

h1 {
	font:3em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
	color:#797979;
}

.error {
	color:#900;
}

a.link_default {
	font:.9em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
	color:#CCC;
	text-decoration:none;
	font-style:italic;
	border:none;
}

a.link_default:visited {
	font:.9em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
	color:#CCC;
	text-decoration:none;
	font-style:italic;
	border:none;
}

a.link_default:hover {
	font:.9em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
	color:#CCC;
	text-decoration:none;
	font-style:italic;
	border:1px dotted #CCC;
}

a.link_default:active {
	font:.9em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
	color:#CCC;
	text-decoration:none;
	font-style:italic;
	border:none;
}

#top {
	width:100%;
	height:156px;
	background:url(../img/top.png) repeat-x;
}

		#top #container {
			width:800px;
			height:156px;
			margin:0 auto;
		}
		
		#top #container a.nav {
			display:inline-block;
			color:#9F9B9D;
			font:.8em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
			margin:123px 0 0 43px;
			float:left;
			text-decoration:none;
		}
		
		#top #container a.nav:hover {
			display:inline-block;
			color:#6C6A6C;
			font:.8em/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
			margin:123px 0 0 43px;
			float:left;
			text-decoration:none;
		}

img#logo {
	float:left;
	margin:0 150px 0 0;
	width:172px;
	height:156px;
}

.welcome {
	margin-top:37px;
}

#content {
	width:800px;
	margin:0 auto;
	overflow:visible;
	min-height:500px;
}

		#content #left {
			width:560px;
			display:inline;
			float:left;
			text-align:left;
		}
		
		#content #right {
			width:240px;
			display:inline;
			float:left;
			text-align:left;
		}

		#content #welcomeBN {
			width:800px;
			height:240px;
			background:url(../img/welcomebanner.png);
			margin:10px 0 17px 0;
		}
		
				#content #welcomeBN .text {
					width:439px;
					margin:57px 0 0 20px;
					font:12px/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
					color:#fff;
					display:block;
					float:left;
				}
				
				#content #welcomeBN .text a {
					font:12px/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
					color:#fff;
					text-decoration:underline;
				}
					
				#content #welcomeBN .text a:hover {
					font:12px/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
					color:#fff;
					text-decoration:none;
				}
				
				#content #welcomeBN .workwear {
					width:341px;
					height:240px;
					display:inline-block;
					float:left;
				}
		
		#content .tile {
			width:250px;
			float:left;
			display:inline;
			margin-right:25px;
		}
		
				#content .tile a {
					font-size:9px;
					color:#726F70;
					text-decoration:none;
				}
				
				#content .tile span {
					color:#fff;
				}
		
		#content .ptools {
			margin:8px 25px 0 -25px;
			float:left;
		}
		
		#content .access {
			margin:8px 25px 0 0;
			float:left;3
		}
		
		#content .offer {
			margin:8px 0 0 0;
			float:left;
		}
		
	#content .prodcolumn {
		width:200px;
		height:160px;
		float:left;
		display:inline-block;
		margin-bottom:8px;
		text-align:center;
	}

#footer {
	width:100%;
	height:180px;
	background:#131313;
	margin-top:13px;
	clear:both;
	padding-top:70px;
}

		#footer #mid {
			width:800px;
			height:180px;
			margin:0 auto;
			font:11px/1.6em 'Helvetica Neue',arial,helvetica,sans-serif;
			color:#fff;
		}
		
				#footer #mid .column {
					width:95px;
					display:inline;
					margin-right:23px;
					float:left;
				}
				
				#footer #mid .column a {
					display:block;
					margin-bottom:2px;
					color:#fff;
					text-decoration:none;
					line-height:1.3em;
				}
				
				#footer #mid .column a:hover {
					display:block;
					margin-bottom:2px;
					color:#6C6A6C;
					text-decoration:none;
				}
		
				#footer #mid .copyright {
					display:inline;
					width:434px;
					float:left;
					font-size:11px;
					color:#fff;
					margin-left:12px;
				}
				
						
						#footer #mid .copyright a {
							text-decoration:none;
							color:#fff;
						}
						
						#footer #mid .copyright a:hover {
							text-decoration:underline;
							color:#fff;
						}
						
#contact_left {
	width:250px;
	margin:-25px 0 0 0;
	float:left;
	display:inline;
}

#contact_right {
	float:right;
	display:inline;
	margin-top:-25px;
}

		#contact_right .fm {
			width:330px;
			margin-top:-47px;
		}

		#contact_right .form {
			font-family:Arial, Helvetica, sans-serif; 
			font-size:12px; 
			color:#fff; 
			font-weight:bold; 
			background:#121212; 
			padding:9px; 
			width:300px; 
			border:none;
		}
		
		#contact_right .send { 
			width:85px; 
			height:28px; 
			background-image:url(../img/send.png); 
			padding:0; 
			border:none; 
			background-color:transparent;
		}
		
		
/*              Navigation              */
		
		
.prod { 
	width:250px; 
	padding:0; 
	margin-right:15px; 
	list-style:none; 
	font-family:'Helvetica Neue',arial,helvetica,sans-serif; 
	color:#CCC; 
	size:11px; 
	float:left; 
	display:inline;  
}

	.prod li a { 
		font-family:'Helvetica Neue',arial,helvetica,sans-serif; 
		color:#666; 
		size:11px; 
		text-decoration:none; 
		font-style:italic; 
		border:none; 
	}
	
	.prod li a:hover { 
		font-family:'Helvetica Neue',arial,helvetica,sans-serif; 
		color:#666; 
		size:11px; 
		text-decoration:none; 
		font-style:italic; 
		border-bottom:1px dotted #CCC; 
	}
	
	
.nonlinkprod {
	font-family:'Helvetica Neue',arial,helvetica,sans-serif; 
	color:#CCC; 
	size:11px;
}

	.nonlinkprod a {
		font-family:'Helvetica Neue',arial,helvetica,sans-serif; 
		color:#666; 
		size:11px; 
		text-decoration:none; 
		font-style:italic; 
		border:none; 
	}
	
	.nonlinkprod a:hover {
		font-family:'Helvetica Neue',arial,helvetica,sans-serif; 
		color:#666; 
		size:11px; 
		text-decoration:none; 
		font-style:italic; 
		border-bottom:1px dotted #CCC;
	}
	
.prodimage {
	float:right;
	position:absolute;
	margin-left:574px;
	display:inline;
}

.mrgr {
	margin-right:10px;
}
	
.electric-left {
width:300px;
float:left;
display:inline;
padding-top:25px; }

.electric-right {
width:500px;
float:left;
display:inline; }