﻿
#column2 {
	float:left;
	padding: 0 0 15px 0;
	width: 588px;
	margin:15px 10px 0 10px;
	height:80px;
}

#headingText {
	padding: 15px 10px 15px 10px;
	width: 568px;
	height:84px;
	background-color:#272973;
}

#strip {
	float:left;
	width: 748px;
	height:290px;
	background-color:#272973;
	margin:5px 10px 5px 10px;
}


#textarea {
	width:248px;
	margin:0 0 0 106px;
	
}

#description {
	color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    padding: 4px 0 0 0;
    text-decoration: none;
}

#rule {
	clear:both;
	width:500px;
	color:#66FFFF;
}

/* This block of code produces the roll over effect for mould images */

#left {
	float:left;
	width:350px;
	margin:15px 25px 10px 7px;
	height:263px;
	overflow:hidden;
	
}

#right {
	float:left;
	width:350px;
	margin:15px 7px 10px 7px;
	height:263px;
	overflow:hidden;

	
}

#mouldpics ul {
	list-style-type:none;
}

#mouldpics li {
	float:left;
	margin-right:10px;
}

#mouldpics li.list1 {background:url(Images/Precast/abm.jpg);}
#mouldpics li.list2 {background:url(Images/Precast/Tmould.jpg);}
#mouldpics li.list3 {background:url(Images/Precast/conephoto.jpg);}
#mouldpics li.list4 {background:url(Images/Precast/mould3photo.jpg);}


#mouldpics a {
	display:block; 
	width:350px; 
	height:263px; 
	/*padding-top:128px; */
	color:#000; 
	overflow:hidden;
}

#mouldpics a#item1 {background:url(Images/Precast/bridgeconc.jpg) -350px -90px no-repeat;}
#mouldpics a#item2 {background:url(Images/Precast/Tmouldconc.jpg) -350px -90px no-repeat;}
#mouldpics a#item3 {background:url(Images/Precast/castcone.jpg) -350px -90px no-repeat;}
#mouldpics a#item4 {background:url(Images/Precast/mould3.jpg) -350px -90px no-repeat;}

#mouldpics a#item1:hover {background-position:0 0;}
#mouldpics a#item2:hover {background-position:0 0;}
#mouldpics a#item3:hover {background-position:0 0;}
#mouldpics a#item4:hover {background-position:0 0;}











	