@charset "utf-8";
body {
	background-color: #fafafa;
	text-align: center;
	font:1.0em/1.5 "calibri",calibri;
}
#wrapper {
	background-color:inherit;
	width: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align: center;
	visibility: visible;
	height: auto;
}

* {
	margin-left: auto;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	padding-top: auto;
	padding-right: auto;
	padding-bottom: auto;
	padding-left: auto;
}

.boxHead {
	width:856px;
	height:100px;
	text-align:left;
}

#homeLogo {
	background-image:url(../design/headerPhoto.png);
	background-size:569px 100px;
	background-repeat:no-repeat;
	width:569px;
	height:100px;
	float:left;
}

#homeButton {
	float:right;
	width:150px;
	height:100px;
	background-image:url(../design/home.png);
}

/*#homeButton:hover {
	float:right;
	width:150px;
	height:100px;
	background-image:url(../design/home_after.png);
}*/

#ProActiveLogo {
	background-image:url(../design/ProActiveColourLogo2.png);
	background-size: 285px 100px;
	background-repeat:no-repeat;
	width:285px;
	height:100px;
	float:left;
}

#smart4p {
	background-image:url(../design/smart4p.png);
	background-size: 285px 100px;
	background-repeat:no-repeat;
	width:285px;
	height:100px;
	float:left;
}

#aec {
	background-image:url(../design/headerPhoto.png);
	background-size: 285px 100px;
	background-repeat:no-repeat;
	width:285px;
	height:100px;
	float:left;
}

#ProActiveLogo2 {
	background-image:url(../design/ProActiveLogo.jpg);
	background-size: 167px 36px;
	background-repeat:no-repeat;
	width:167px;
	height:36px;
}

#ProActiveBox {
	width:170px;
	height:34px;
	background-color: #fafafa;

}

#pamLogo {
	background-image:url(../design/ematch.png);
	background-size:282px 81px;
	background-repeat:no-repeat;
	width:282px;
	height:81px;
	float:left;
}

#pamLogo2 {
	background-image:url(../design/ematch.png);
	background-size:282px 81px;
	background-repeat:no-repeat;
	width:282px;
	height:81px;
}

.pamBox {
	width:282px;
	height:82px;
	background-color: #fafafa;
}

#wowLogo {
	background-image:url(../design/WOW.png);
	background-size:115px 41px;
	background-repeat:no-repeat;
	width:115px;
	height:41px;
	float:left;
}

#wowLogo2 {
	background-image:url(../design/WOW.png);
	background-size:115px 41px;
	background-repeat:no-repeat;
	width:115px;
	height:41px;
}

.wowBox {
	width:115px;
	height:41px;
	background-color: #fafafa;
}

.boxSect {
	height: 180px;
	width: 856px;
	background-color: #fafafa;
}

.section {
	width: 170px;
	height: 170px;
	float:left;
}

.section h3 {
	text-align:center;
	color:#2D3371; 
	font-weight:bold;
	font-size:100%;
}

.section h3:hover {
	color:#C8001E;
}

.section h2 {
	text-align:center;
	color:#C8001E; 
	font-weight:bold;
	font-size:100%;
}

.section a:link {
	text-decoration:none;
}

.boxText {
	width: 856px;
	height: auto;
	background-color: #fafafa;
	text-align: left;
}

.boxContact {
	width: auto;
	height: auto;
	background-color: #fafafa;
	text-align: left;
	display:inline-block;
	float: center;
	margin-right: 132px;
	margin-left: 124px;

}

.boxConclude {
	text-align: center;
	height: auto;
}

#externlink a {
	color:#2D3371;
	font-weight:bold;
}

#externlink a:hover {
	color:#C8001E;
}

/*footer*/

.footer2 {
	width:856px;
	height:20px;
	background-color:#fafafa;
	text-align: center !important;
	padding-top: 50px;
}

#footer {
	width:100%;
	background-color:#fafafa;
	text-align: center;
	bottom: 0;
	left:0;
}

#footer a {
	color:#000;
	font-weight:bold;
}

#footer a:hover{
	color:#F00;
}

/*text layout*/

p {
	color:#646464; 
}

p2 {
	color:#2D3371; 
	font-weight:bold;
}

p3 {
	color:#646464; 
	font-weight:bold;
}

p4 {
	color:#2D3371; 
	font-weight:bold;
	font-size: larger;
}

P5 {
	color:#2D3371; 
	font-weight:bold;
	text-indent: 30px!important;
	display: block;
	font-size: larger;

}

h1 {
	color:#2D3371; 
}
/*css events*/

/*strategy*/
#strategyImg {
	background-image:url(../design/Bridge.jpg);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

#strategyImg:hover {
	background-image:url(../design/Bridge2.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

/*effective*/
#effectiveImg {
	background-image: url(../design/Boom.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

#effectiveImg:hover {
	background-image: url(../design/Boom2.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

/*experience*/
#productsImg {
	background-image: url(../design/roof.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

#productsImg:hover {
	background-image: url(../design/roof_after.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

/*track*/
#aboutImg {
	background-image: url(../design/data.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

#aboutImg:hover {
	background-image: url(../design/data_after.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

/*contact*/
#contactImg {
	background-image: url(../design/door.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

#contactImg:hover {
	background-image: url(../design/door_after.png);
	background-size:164px 142px;
	background-repeat:no-repeat;
	width:164px;
	height:142px;
}

.leftbox {
	width: 400px;
	float: left;
	height: 440px;
	padding-bottom: 50px;

}

.rightbox {
	text-align: left;
}

ul {
	font:1.0em/1.5 "calibri",calibri!important;
}

li {
	font:1.0em/1.5 "calibri",calibri!important;
}
/* tabs */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {

	background:#fafafa!important;
}

.ui-widget-header {

	border:none!important;
	background:#fafafa!important;
}

.ui-widget-content {
	border:none!important;
	background:#fafafa!important;
}

.ui-widget {

	font:1.0em/1.5 "calibri",calibri!important;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {

	text-align:center!important;
	color:#C8001E!important; 
	font-weight:bold!important;
	font-size:100%!important;
	}

.ui-widget-content a {

	text-align:center!important;
	color:#2D3371!important; 
	font-weight:bold!important;
	font-size:100%!important;

}

.ui-tabs .ui-tabs-panel {

	margin-top:6px!important;
	padding:0px!important;
}

#tabs-2 #center{

	text-align: center!important;
}

#tabs-3 #center{

	text-align: center!important;
}

.ui-tabs-anchor {
	width: 104px!important;
	height: 25px!important;
}

#tabs p4 {

	font-size: larger;
	color: #2D3371;
	font-weight: bold;
}

.road {
	width: 100%;
}

.roadmap2 {

	width: 100%;
	background-color:#D4DFEF;
	height: auto;
	padding-left:10px;

}

.roadmap2 p{

	font-weight: 900;
	font-size: 30px;
	color: #000000;
	text-align: center;
}