/*A 700px div box used for each of the page headers*/
.outerbox2{
background:#fff url(../images/opt-images/mainheader-colored-balls.png) no-repeat top left;

}


.outerbox1{
	background:#fff url(../images/opt-images/NEW-indexheader-plain.png) no-repeat top left;
}

.outerbox3{
background:#fff url(../images/opt-images/main-services2.png) no-repeat top left;
}

.outerbox4{
background:#fff url(../images/opt-images/solution3.png) no-repeat top left;
}

.support{
background:#fff url(../images/opt-images/support.png) no-repeat top left;
}

.outerbox5{
background:#fff url(../images/opt-images/digger-head.png) no-repeat top left;
}

.outerbox6{
background:#fff url(../images/opt-images/mainheader-news.png) no-repeat top left;
}

/*Standard header*/
.outerboxstandard{
background:#fff url(../images/opt-images/mainheader_1.gif) no-repeat top left;
}

/*standard header for all ordinary pages*/
.outerboxstandard{
width:698px;
height:170px;
color:inherit;
padding:10px 0 0 0;
}
/*end*/

/*detailed header*/
.outerbox1, .outerbox2, .outerbox3, .outerbox4, .outerbox5, .outerbox6, .support{
width:698px;
color:inherit;
padding:0;
height:170px;
margin:10px 0 0 0;
}

/*for new index page*/
.outerbox8{
background:#fff url(../images/opt-images/NEW-indexheader-plain.png) no-repeat top left;
width:698px;
color:inherit;
padding:0 0 5px 0;
height:120px;
margin:10px 0 0 0;
}

/*div tags holding content*/
#float1, #float2, #float3{
	float:left;
	width:220px;
	height:214px;
	display:inline;
	margin:0 0 0 10px;
	font-family:Arial, Geneva, Verdana;
	padding:0;
}

/*background images*/

#float1a{
background: #fff url(../images/slices/top-brochure-web.png) no-repeat top left;
height:150px;
width:214px;
margin:0;
padding:0;
}

#float1b{
background: #fff url(../images/slices/bot-brochure-web.png) no-repeat top left;
height:65px;
width:214px;
margin:0;
padding:0;
}

#float2a{
background: #fff url(../images/slices/top-bus-web.png) no-repeat top left;
height:150px;
margin:0;
padding:0;
}

#float2b{
background: #fff url(../images/slices/bot-bus-web.png) no-repeat top left;
height:65px;
margin:0;
padding:0;
}

#float3a{
background: #fff url(../images/slices/top-prom-web.png) no-repeat top left;
height:150px;
margin:0;
padding:0;
}

#float3b{
background: #fff url(../images/slices/bot-prom-web.png) no-repeat top left;
height:65px;
margin:0;
padding:0;
}
/*end*/

#float1 h1, #float2 h1, #float3 h1{
font-size:18px;
color:#fff;
margin:0 0 0 20px;
padding:10px 0 0 0;
width:184px;
}

#float1 p, #float2 p, #float3 p{
font-size:15px;
color:#fff;
margin-left:20px;
margin-top:5px;
margin-bottom:0;
padding-bottom:0;
font-family:Geneva, Arial, Verdana;
Line-height:1.6em;
font-weight:100;
}

#float1b ul, #float2b ul, #float3b ul{
font-family:Arial, Geneva, sans-serif;
font-size:15px;
width:auto;
padding-top:12px;

}

/*placing of red arrow and the read me text on index page*/
#float1b ul li, #float2b ul li, #float3b ul li{
background:url(../images/opt-images/red-arrow.png) no-repeat center left;
padding:5px 0 6px 41px;
margin:0 0 0 20px;
}

#float1b a:link, #float1b a:visited{
color:#5b8f27;
text-decoration:none;
}

#float1b a:hover, #float1b a:active{
color:#030;
text-decoration: underline;
}

#float2b a:link, #float2b a:visited{
color:#445d8b;
text-decoration:none;
}

#float2b a:hover, #float2b a:active{
color:#036;
text-decoration: underline;
}


#float3b a:link, #float3b a:visited{
color:#717159;
text-decoration: none;
}

#float3b a:hover,#float3b a:active{
color:#404133;
text-decoration: underline;
}

/*end*/

/*end*/



.sol{
	color:#333;
	font-weight:400;
	font-size: 0.8em;
}

.sol2{
padding-top:5px;
color:#c60203;
font-weight:400;
font-size: 1.4em;
padding-left:200px;
}

.sol3{
color:#c60203;
font-weight:400;
font-size:1.4em;
}

/*relative positioning of h1 and h2 tags on index page*/
.outerh1{
	position:relative;
	font:normal 17px helvetica;
	color:#01457a;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	left: 89px;
	top: 130px;
	width: 450px;
}

.outerh2{
	position:relative;
	font:17px arial;
	width:400px;
	height:13px;
	top:0px;
	left:0px;
	color:#01457a;
	margin-top: 0px;
	padding-top: 0px;
}

.outerh3{
position:relative;
font:35px arial;
width:400px;height:20px;
top:141px; left:52px;
color:#0082c0;
}

.outerh4{
position:relative;
font:17px arial;
width:400px;
height:13px;
top:152px; left:52px;
padding:5px 0;
color:#999;
}
/*finished*/


/*articles div on news page for styling database content*/
#articles{
	clear:both;
	width:auto;
	height:auto;
	margin: 40px 10px 0 30px;
}

/*defining link color*/
#articles p a:link, #articles p a:active, #articles p a:hover, #articles p a:visited{
color:#006;
background-color:inherit;
}


/*This style is applied to an empty div situ within "outerbox1" and is used to clear two floating boxs, 
this allows the "outerbox1" div to surround them both, with a background color applied*/
.clear{
clear:both;
padding:0;
margin:0;
}

/*styling for news navigation bar within table*/
td a:link, td a:active, td a:hover, td a:visited{
color:#006;
background-color:inherit;
}


/*Styling for paragraph on news page*/
.blue{
color:#006;
background-color:inherit;
}

/*styling class for dynamic image placeholder*/
.floatright{
float:right;
padding:10px 10px 10px 20px;
}

.colorsize{
color:#996;
font-size:15.5px;
}

.colorsize2{
color:#7877a1;
font-size:13.5px;
text-align:left;
margin-left:0!important;
padding-left:5px!important;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.a{
font-size:17px;
}

/*------------------------------------span class used on heading*/
.h1designs{
font-size:3.0em;
font-weight:700;
color: #474e6b;
font-family: Arial, Helvetica, sans-serif;
color:#cc3399;
margin-top: 10px;
}

.standouttxt{
color:#D9AA00;
padding-top:25px;
padding-bottom:25px;
}