/*** Aluminium By Design (ABD) - Main CSS Style Sheet ***/

	html, body, ol, fieldset, form {
	margin: 0; padding: 0; border: 0; 
	}
	
	body {
		text-align: center;
		background: #dedede url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/websitebackground.gif) repeat-x center top;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		font-size: 12px;
	}
	
	h1 {
		clear: both;
		color: #8d0092;
		font-size: 18px;
		margin: -2px 0 5px 0;
	}
	
	h2 {
		clear: both;
		color: #333333;
		font-size: 16px;
		margin: 15px 0 0 0;
		padding: 5px 0 5px 0;
	}
		
	h3{
		color: #333333;
		font-size:14px; 
		padding:3px 0 3px 0; 
		margin: 10px 0 5px 0;
	
	}
	
	p {
		/*clear: both;*/
		margin: 0;
		padding: 4px 0 8px 0; 
		line-height: 17px;
	}
	
	ul{ 
		margin: 10px 0 10px 0;
		padding: 0 0 5px 30px;
	}
	
	li{
		line-height: 17px;
		list-style-type: disc;
		padding: 3px;
		margin: 0 0 3px 0;
	}
	
	table{ border-collapse: collapse; margin: 0px;}
	
	th, td{ padding: 8px; border:0;}
	
	/* For Link Styles See nav.css */
	
	/* Content */
	
	#Wrapper {
		width: 954px;
		margin: 6px auto;
		position: relative;		
	}
	
	#OuterContainer{
		width: 950px;
		background: #000000 url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/Wrapper.gif) repeat-y center top;
		margin: 0;
		padding: 0;
		padding-bottom: 7px;
		min-height: 500px;
		float: left;
		border-left: 2px solid #797979;
		border-bottom: 2px solid #352236;
		border-right: 2px solid #352236;
	}
	
	#InnerContainer {
		Width: 918px;
		margin: 0 7px;
		float: left;
		border-left: 2px solid #ffcc00;
		border-bottom: 2px solid #ffcc00;
		border-right: 2px solid #ffcc00;
		padding: 0 7px;
		min-height: 500px;
	}
	
	#logo{
		width: 230px;
		float: left;
		margin: 30px 20px 0;
		font-size: 13px;
		color: #ffffff;
		padding: 0;
		height: 270px;
	}
	
	#PhoneNumber{
		width: 230px;
		float: left;
		margin:  10px 0 0;
		height: 50px;		
	}

	
	#Header{
		width: 628px;
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/HeaderBackground01.png) no-repeat;
		float: right;
		margin: 0 20px 0 0;
		font-size: 13px;
		color: #333333;
		height: 300px;
	}
	
	/* Top Navigation Bar */
	
	#TopNav{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		margin: 0 23px 0 0;
		width: 478px; /*372 */
		float: right;
		height: 38px;
	}
	
	#TopNav li {
		line-height: 20px;
		padding:0;
		display: inline;
	}
	
	#TopNav ul {
		list-style-type: none;
		margin: 0;
		padding: 0px 0 0 0px;
	}
	
	/* Main Navigation Bar */
	
	.MainNav{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		margin: 213px 20px 0 0;/*228px*/
		width: 535px;
		float: right;
		height: 50px; /*38px*/
	}
	
	.MainNav li {
		line-height: 20px;
		padding:0;
		display: inline;
	}
	
	.MainNav ul {
		list-style-type: none;
		margin: 0;
		padding: 0px 0 0 0px;
	}
	
	/* Sub Navigation Bar - See '/js/mouseovertabs.js' for functionality */

	.SubNav{ 
		Width: 866px; 
		float: left; 
		color: #5b2a5b; 
		background: #5b2a5b; 
		padding: 5px 26px; 
		margin: 0; 
		text-align: right; 
		font-weight: bold; 
		height: 24px;
	}
	
	.SubNav ul{ 
		margin: 0; 
		padding: 0; 
		color: #ffffff;
	}
	
	.SubNav li{ 
		float: right; 
		margin: 0;  
		list-style-type: none;
	}
	
	/* Main Content Area */
	
	#ContentArea{ 
		width: 876px; 
		float: left; 
		background: #ffffff; 
		color: #333333; 
		border-left: 6px solid #5b2a5b; 
		border-right: 6px solid #5b2a5b; 
		border-bottom: 6px solid #5b2a5b; 
		padding: 5px 15px 20px; 
		text-align: left;
	}
	
	#Breadcrumb{ clear: both; color: #878787;}
	
	.ProductsLinkBox {
		width: inherit; 
		float: left; 
		margin: 0; 
		padding:7px;
	}
		
	.col1{ 
		width: 420px; 
		float: left;
	}
	
	.col2{ 
		width: 420px; 
		float: right;
	}
	
	.sidemenu{
		width: 200px; 
		float: left; 
		margin: 10px 0;
		padding: 0;
		font-size: 11px;
	}
		
	.menuheader{
		width: auto; 
		background: #5b2a5b; 
		height: 35px; 
		font-size: 14px; 
		font-weight: bold;
	}
		
	.menulinks{ width: auto;}
	
	.content{ 
		float: left; 
		width: 455px; 
		border-right: 3px solid #CCCCCC; 
		padding: 0 12px 0 15px; 
		margin-top: 10px;
	}
		
	.sidebar{ 
		float: left; 
		padding: 0 0 0 15px; 
		width: 176px; 
		margin-top: 10px;
	}
	
	.contentWide{
		float: left; 
		width: 631px; /* 655px */
		border-right: 3px solid #CCCCCC; 
		border-left: 3px solid #CCCCCC;
		padding: 0 12px 0 12px; 
		margin-top: 10px;
		margin-left: 15px;
	}
	
	#colourswatches {
		margin-left:auto;
		margin-right:auto;
		width:600px;
	}
	
	#colourswatches div {
		float:left;
	}
	
	#colourswatches span {
		display:block;
		margin-bottom:25px;
		text-align:center;
	}
	
	#colourswatches div img {
		width:100px;
		height:50px;
		padding-top:10px;
		padding-right:10px;
		padding-bottom:2px;
		padding-left:10px;
	}
	
	/* Why Choose Us Style Bullets */
	
	div.WhyChooseUs{ 
		width: 375px; 
		float: left; background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/tick.png) no-repeat; 
		font-size: 13px; 
		color: #8d0092; 
		padding: 5px 20px 10px 35px; 
		line-height: 17px;
	} 
		
	.WhyChooseUsInfo{ color:#333333; font-size: 11px;}
	
	/* ABD HomePage Table */	
	
	table.ABDTable{ width: 100%; margin: 10px 0;}
	
	table.ABDTable a{ border: none;}
	
	table.ABDTable a:hover{ text-decoration: underline;}
	
	table.ABDTable tr.ABDRow1{ background: #e0e0e0;}
	
	table.ABDTable tr.ABDRow2{ background: none;}
	
	.galleryImageBox{ clear: both; width: 84%; padding: 0 8%; margin: 10px 0 0 0; float: left;}
		
	.img-shadow{
		background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/shadowAlpha.png) no-repeat bottom right;
		float: left;
		clear: right;
		margin: 10px 0 5px 20px;
		width: auto;
	}
	

	.bro-shadow {
		background: rgba(0, 0, 0, 0) url("/images/Body-Structural/shadowAlpha.png") no-repeat scroll right bottom;
		float: left;
		margin: 10px 0 5px 46px;
		
	}

	.brox {
		clear:both;
		display:inline-block;
		text-align:center;
		padding-left:22px
	}	
	
	.img-shadow img, .bro-shadow img{ 
		background: #fff;
		display: block;
		position: relative;
		margin: -5px 5px 5px -5px; 
		border: 1px solid #a9a9a9; 
		padding: 4px;
	}
	.broContainer {
		width:200px;
		text-align:center;
		clear:both;
		height:162px;
	}
	.brochureBox {
		float: left;
		height: 200px;
		margin: 10px 12px 0px 0px;
		padding: 5px;
		width: 194px;
		padding-left:12px;
	}
	.leftM {
	padding-left:10px;
	}
	.brochureBox p {
    	text-align: center;
	}
	.brochureBox p a {
    	border: medium none; clear:both;
		border-bottom: 1px dotted #8d0092;
    	color: #8d0092!important;
    	text-decoration: none;
	}
	
	.brochureBox a img {
    	display: block;
	}
	.broBreak{
		padding-top:20px;
		padding-bottom:5px;
		margin-bottom:10px;
		border-bottom:dotted 1px #cccccc;
		color:#8d0092;
		font-size: 18px;
		font-weight:bold;
		clear: both;
	}
	
	.brochure2col p{
	text-align: center;
	}
	.brochure2col{
		padding:0 10px 10px 0px;
		width:220px;
	}

	
	.imageGroup{ clear:both; float: left;}
		
	.imageGroup .img-shadow{ margin: 10px 5px 0px;}
		
	/* Testimonials Page */
	
		.Testimonial{
			color: #8d0092; 
			font-size: 14px; 
			font-weight: bold; 
			padding: 20px 0 10px; 
		}
		
		.Regards{
			color: #8d0092; 
			font-weight: bold; 
			padding: 8px 0 15px 30px;
		}
		
		.SpeachMarksOpen{ background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/openquote.jpg) no-repeat top left; padding: 0 0 0 30px;}
		
		.SpeachMarksClosed{ 
			background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/closequote.jpg) no-repeat 100% 99%; 
			padding: 4px 30px 0 0; 
			line-height: 18px; 
			font-size: 11px; 
			color: #000000;
		}
		
	/* Content Area Bottom */
	
	#ContentAreaBottom{ 
		width: 908px; 
		float: left; 
		height: 45px; 
		color: #ffffff; 
		padding: 0 5px 5px; 
		margin: 10px 0 0;
	}
	
	#ContentAreaBottom .copyright{ width: 500px; float: left; text-align: left;}
	
	#ContentAreaBottom .links{ width:200px; float: right; padding: 6px 0;}
	
	/* Footer */
	
	#footer{ 
		/*background: url(http://www.aluminiumbydesign.co.uk/images/Body-Structural/MOJ-square.jpg) no-repeat right 15px;  */
		width: 944px;
		float: left; 
		margin: 10px 0;
		padding: 5px;
		color:#000000;
	}
	
	/* news */
	.newsbox {
	
		padding-bottom:20px;
		clear:both;
		height:auto;
		display:block;
		min-height:330px;
	}
	.newsheaderwrapper {
		
		background:#ccc;
		padding:5px;
		margin-bottom:10px;
}
	.newsheaderwrapper h3 {
		padding-top:0px!important;
		margin-top:0px!important;
	}