body {
	margin:0;
	}



.topnavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.topnavi:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
}
.topnaviover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FF6600;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	
}
.whitebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.greybody {
	font-family: "Comic Sans MS";
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
	.greenbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #006035;
	text-decoration: none;
}
.purplebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #66379E;

}
.greybodysmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.greybodylinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.bottomlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}	
.whiteheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style:Bold;
	line-height: 16px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}	
.greenheader {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style:Bold;
	line-height: 19px;
	font-weight: normal;
	color: #006035;
	text-decoration: none;
}	
.brownheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style:Bold;
	line-height: 16px;
	font-weight: normal;
	color: #8A634A;
	text-decoration: none;
}	
.limeheader {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style:Bold;
	line-height: 16px;
	font-weight: normal;
	color: #8ABC3F;
	text-decoration: none;
}	
.yellowheader {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style:Bold;
	line-height: 16px;
	font-weight: normal;
	color: #EAB12E;
	text-decoration: none;
}	
.blueheader {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style:Bold;
	line-height: 16px;
	font-weight: normal;
	color: #39B7E2;
	text-decoration: none;
}	
.orangeheader {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style:Bold;
	line-height: 16px;
	font-weight: normal;
	color: #E06B32;
	text-decoration: none;
}	
.purpleheader {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 18px;
	font-style:Bold;
	line-height: 16px;
	font-weight: normal;
	color: #66379E;
	text-decoration: none;
				
}	
.Viewmore{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:Bold;
	font-weight:normal;
	color:#EFB430;
	text-decoration:none;
	text-align:left;
	vertical-align:top;
	line-height:20px;
}
.viewmorewhite{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-style:Bold;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	vertical-align:top;
	line-height:20px;
}
h1{
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-style:normal;
	font-weight:normal;
	color:#006035;
	text-decoration:none;
	text-align:left;
	vertical-align:top;
	line-height:10px;
	display:inline;
	margin-top: 15px;
	display: inline-block;
}	
.mainbody{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#666666;
	text-decoration:none;
	text-align:left;
	vertical-align:top;
	line-height:15px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
color:#8ABC3F;
font-weight:normal;

}
	
#linkList  {
list-style:none;
padding:0;
margin:0;

}
#linkList li {
list-style:none;
padding:0;

}

#linkwaste {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("wastemanagement.jpg")/*tpa=http://www.jones-bros.com/images/wastemanagement.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linkwaste a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkwaste a:hover, a:active{
color:#000000;
}

#linkinfrastructure {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("infrastructure.jpg")/*tpa=http://www.jones-bros.com/images/infrastructure.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linkinfrastructure a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkinfrastructure a:hover, a:active{
color:#000000;
}

#linkhighways {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("highways.jpg")/*tpa=http://www.jones-bros.com/images/highways.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linkhighways a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkhighways a:hover, a:active{
color:#000000;
}

#linkcoastal {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("coastal.jpg")/*tpa=http://www.jones-bros.com/images/coastal.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linkcoastal a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkcoastal a:hover, a:active{
color:#000000;
}

#linkenergy {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("renewableenergy.jpg")/*tpa=http://www.jones-bros.com/images/renewableenergy.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linkenergy a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkenergy a:hover, a:active{
color:#000000;
}

#linkland {
	width:227px;
	height:34px;
	margin:0;
	background-image:url("landremediation.jpg")/*tpa=http://www.jones-bros.com/images/landremediation.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linkland a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkland a:hover, a:active{
color:#000000;
}
#paddingfix{
/*padding-top:9px;*/
}
#linkList2  {
list-style:none;
padding:0;
margin:0;

}
#linkList li {
list-style:none;
padding:0;
}

/* Drop down styling */
#linkList2 li ul
		{	margin: -24px 0px 0px 228px;
			padding: 0;
			position: absolute;
			visibility: hidden;			
			list-style-type:none;	
			z-index:10;		
		}
		
		#linkList2 li ul li
		{	float: none;
			text-indent:20px;
			}
		
		#linkList2 li ul li a
		{	width: 180px;
			background: #66379f;
			display:block;
			padding:10px 0px 9px 0px;
			margin:0px;
			border-bottom: 1px solid white;
		}
		
		#linkList2 li ul li a:hover
		{	background: #4f2682; color:white}


/* End */


#linksurfacing {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("surfacing.jpg")/*tpa=http://www.jones-bros.com/images/surfacing.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#linksurfacing a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linksurfacing a:hover, a:active{
color:#000000;
}

#linkQuarrying {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("quarrying.jpg")/*tpa=http://www.jones-bros.com/images/quarrying.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}
#linkQuarrying a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkQuarrying a:hover, a:active{
color:#000000;
}

#linkplanthire {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("quarrying.jpg")/*tpa=http://www.jones-bros.com/images/quarrying.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linkplanthire a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linkplanthire a:hover, a:active{
color:#000000;
}
#linktraining {
	width:227px;
	height:34px;
	margin-bottom:1px;
	background-image:url("training.jpg")/*tpa=http://www.jones-bros.com/images/training.jpg*/;
	background-repeat: no-repeat;
	text-indent:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#linktraining a{
color:#ffffff;
text-decoration:none;
padding-top:9px;
}

#linktraining a:hover, a:active{
color:#000000;
}


ul {
padding-left: 15px;
}
#projectlist li {
margin: 0px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#006035;
line-height:22px;
font-weight:bold;
}

#coastalproject {
width:500px;
height:118px;
background-image:url("tywyn-sea-defence-project.jpg")/*tpa=http://www.jones-bros.com/jones-bros-tywyn-sea-defence-project/tywyn-sea-defence-project/tywyn-sea-defence-project.jpg*/;

}
.coastalcopy {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
margin-left:200px;
font-weight:bold;
padding-top:10px;
}

.project {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:15px;
color:#FFFFFF;
margin-left:200px;
font-weight:bold;
padding-top:10px;
padding-right:10px;
}

#awardproject {
width:500px;
height:118px;
background-image:url("wales-business-of-the-year-award.jpg")/*tpa=http://www.jones-bros.com/images/wales-business-of-the-year-award.jpg*/;

}


#application {
width:500px;
height:118px;
background-image:url("civil-engineering-jobs-created-in-wales.jpg")/*tpa=http://www.jones-bros.com/images/civil-engineering-jobs-created-in-wales.jpg*/;

}

.applicationcopy {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height:24px;
color:#FFFFFF;
margin-left:200px;
font-weight:bold;
padding-top:5px;
}









#linkList2 li a,
#linkList li a{
	display		:block;
	padding		:0;
	line-height	:32px;
}
#linkList2 li ul li a{
	padding		:0;
}


.sc
{
	color:#006035;
	font-size:11px;
	font-weight: bold;
	text-align: center;
}
.com
{
font-family:Comic Sans MS;
color:#666666;
font-size:12px;
line-height:16px;
}
.mar
{
	width:800px;
}
.marr
{
	width:218px;
	height:218px;
	margin-right: 15px;
}