* { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	font: normal 62.5% Arial, Verdana, Tahoma sans-serif;
	color: #339;
	background-color: #DBE3E6;
}

#outercontainer {
	width: 800px;
	margin: 0 auto;
	background-color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	margin-top: 10px;
	border-color: #C6CAD1;
	border-style: solid;
	border-width: 1px;
	padding-top: 10px;
}
#outercontainer.smallbusiness {
	background-image: url(images/back-small-bus.gif);
	background-repeat: no-repeat;
}
#container {
	width: 780px;
	margin: 0 auto;
	padding-top: 10px;
}
#container-internal {
	width: 780px;
	margin: 0 auto;
	padding-top: 10px;
}

	/*************************************************
	Top Navigation
	*************************************************/
	#logo{
	margin-bottom: 20px;
	margin-top: 30px;
	margin-left: 10px;
}	
	#navTop {
	width: 450px;
	float: left;
	font-size: 1.2em;
	padding: 5px;
	padding-left: 3px;
}
	#navTop ul { display: inline; }
	#navTop ul li {
	display: block;
	float: left;
	font: 1.2 em;
	font-family: Arial, Helvetica, sans-serif;
	}
	#navTop ul li a {
	border-right: 1px dotted;
	padding: 0 10px;
	color: #093361;
	text-decoration: none;
	border-right-color: #006699;
	}
	#navTop ul li a:hover {
	color: #3562BF;
}
	#navTop ul li a.end { border: none; }

	/*************************************************
	Logo
	*************************************************/
	#logo {
	float: left;
	margin-top: 10px;
	}
.breadcrumb{
	font-size: 10px;
	color: #438ED9;
	font-family: Arial, Helvetica, sans-serif;
	clear: left;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	background-image: url(images/headertopback.gif);
	padding-top: 5px;
	background-repeat: no-repeat;
	
}
.breadcrumb a{
	color: #191A60;
}
/*************************************************
	home image area
	*************************************************/
	.mainimagearea{
	background-image: url(images/homeimage.jpg);
	background-repeat: no-repeat;
	clear: both;
	height: 175px;

}
.mainimageareatext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #191B61;
	padding-top: 80px;
	padding-left: 20px;
	width: 300px;
	
}
.mainimagearea img{
	clear: left;
	margin-left: 20px;
	margin-top: 10px;
}

/*************************************************
	home panels area
	*************************************************/
	#homepanelarea{
	float: left;
}
	#homepanelarea h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 5px;
}
	.lozenge{
	width: 81px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #333399;
	float: left;
	margin-right: 20px;
	height: 108px;
	line-height: 1em;
	font-weight: bold;
}
	
	
	#homeleft{
	width: 425px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
#homeleft a{
	color: #0066CC;
	text-decoration: none;
}
	#homeright{
	padding-left: 40px;
	border-left-color: #8B8CAF;
	border-left-style: dotted;
	border-left-width: 1px;
	width: 300px;
	float: left;
	margin-top: 5px;
}
/*************************************************
	panel case study
	*************************************************/
	#panel-casestudy{
	background-image: url(images/back-case-study-decal.gif);
	background-repeat: no-repeat;
	border-color: #8B8CAF;
	border-style: dotted;
	border-width: 1px;
	padding: 10px;
	background-position: 2px 2px;
	height: 140px;
}
#panel-casestudy p{
	width: 130px;
	padding-top: 30px;
}
#panel-casestudy h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0066CC;
	
}
#panel-casestudylogo{
	float: right;
}
#panel-casestudyimage{
	float: right;
	margin-left: 5px;
	clear: right;
}
/*************************************************
	panel architects area
	*************************************************/
	#panel-architects{
	background-image: url(images/back-architects.jpg);
	background-repeat: no-repeat;
	border-color: #8B8CAF;
	border-style: dotted;
	border-width: 1px;
	padding: 10px;
	background-position: 2px 2px;
	margin-top: 20px;
}
#panel-architects p{
	width: 130px;
	padding-top: 30px;
}
/*************************************************
	panel callback area
	*************************************************/
	#panel-callback{
	background-repeat: no-repeat;
	border-color: #8B8CAF;
	border-style: dotted;
	border-width: 1px;
	padding: 10px;
	background-position: 2px 2px;
	margin-top: 20px;
	background-image: url(images/back-callback-decal.gif);
}
#panel-callback p{
	width: 130px;
	padding-top: 40px;
}



/*************************************************************************
internal page - left navigation
*************************************************************************/
#left-navigation{
	width: 180px;
	border-right-color: #6A7E90;
	border-right-style: dotted;
	border-right-width: 1px;
	padding-right: 15px;
	float: left;
	margin-right: 20px;
}
#left-navigation ul{}
#left-navigation li{
	list-style-type: none;
	padding: 3px;
	border-bottom-color: #6A7E90;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
#left-navigation a {
	color: #6A7E90;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#left-navigation li :hover{
	color: #6A7E90;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	background-color: #EEEEF0;
	display: block;
}




/*************************************************
	callback
	*************************************************/

	#callback{
	padding: 10px;
	margin-top: 15px;
	background-image: url(images/back-callback-decal.gif);
	padding-top: 35px;
	padding-left: 20px;
	background-repeat: no-repeat;
	font-size: 0.9em;
}
#callback label{
	float: left;
	width: 2em;
	clear: left;
	margin-right: 5px;
	text-align: right;
	font-size: 1.1em;
}
#callbackinput{
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.submit{
	margin-left: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;

}.callbackheader{
	color: #3562BF;
	font-size: .9em;
	font-weight: bold;
}
/*************************************************************************
Footer
*************************************************************************/
#footer {
	margin: 0 auto;
	text-align: left;
	color: #6A7E90;
	width: 780px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	border-top-color: #DBE3E6;
	border-top-style: solid;
	border-top-width: 1px;
	margin-top: 10px;
	clear: both;
	padding-top: 5px;
	
}
/*************************************************************************
activeonline link
*************************************************************************/
.aollink {
	margin-left: 370px;
	}
#main-home-area{
	width: 100%;
	margin-top: 3px;
	clear: both;
	}

#main-home-advert{
	width: 780px;
	float: left;
	background-image: url(images/backhome.gif);
	background-repeat: no-repeat;
	position:relative;
	z-index:0px;
	}

	#main-home-advert-left{
	float: left;
	width: 100%;
	height: 180px;
}
	#main-home-advert-right{
	
	}
	#k1{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-image: url(images/k1back.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: -15px;
	visibility: hidden;
}

.btn{
	width:30px;
	height:17px;
	color: #FFFFFF;
	font: Tahoma;
	font-size: 10px;
	font-weight:bold;
	text-align:center;
	background: url(images/button-background.png) no-repeat 0px 0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='button-background.png', sizingMethod='scale');	
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity='80');
	padding-top:2px;
	margin-left:2px;
	float:left;
}

#bannernav{
	position:absolute;
	top:147px;
	left:-2px;
	width:240px;
	z-index:200;
	visibility:visible;
	margin-left: 20px;
}