/* typographical styling */
body {
	color:#646466
	font-size:67%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
p, li {
	font-size: 0.8em;
	color:#646466
}
h1 {
	font-size: 1.0em;
	color:#646466
}
h2 {
	font-weight: bold;
	font-size: 0.8em;
	color:#646466
}
.hInit {
	display:inline;
	font-weight: bold;
	color:#646466
}
a {
	font-weight: bold;
	color:#646466;
	text-decoration:none;
}
a:link, a:visited {
	color:#0099CC ;
	font-weight: normal;
}
a:hover, a:active {
	color:#0099CC ;
	text-decoration:underline ;
}
/* images */
img {
	border:none;
}
.imageBlock {
	display: block;
}
.imageBlockRight {
	display: block;
	float: right;
}

/* layout */
.pageCanvas {
	width: 800px;
	margin: 0px 0px 15px -390px ;
	position: absolute;
	left: 50%;
	height: auto;
	background-color: #E6F5FA;
	z-index: 80;
	top: 10px;
}
.pageBarTop {
	height: 80px;
	width: 560px;
	position: absolute;
	top: 0px;
	left: 240px;
	z-index: 110;
	background-color: #E6F5FA;
}
.pageImageV {
	width: 140px;
	z-index: 120;
	background-color: #BFECF6;
	float: left;
	height: 100%;
	margin-left: 100px;
	display: block;
}
.pageImageH {
	height: 100px;
	width: 100%;
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 110;
	background-color: #BFECF6;
}
.logoH {
	height: 100px;
	width: 300px;
	position: absolute;
	top: 145px;
	left: 102px;
	z-index: 110;
}
.logoV {
	height: 100px;
	width: 300px;
	position: absolute;
	top: 80px;
	left: 100px;
	z-index: 110;
}
.subheadH {
	height: 100px;
	width: 300px;
	position: absolute;
	top: 186px;
	left: 450px;
	z-index: 110;
}
.subheadV {
	height: 100px;
	width: 300px;
	position: absolute;
	top: 130px;
	left: 450px;
	z-index: 110;
}
.pageContentH {
	min-height:400px; 
	width:510px;
	border-left: 140px;
	border-left-style: solid;
	border-left-color: #BFECF6;
	margin: 0px;
	padding: 300px 0px 0px 50px ;
/*	float: right; */
	position:relative;
	left:100px;
	background-color: #FFFFFF;
	z-index: 100;
}
.pageContentH>p {
	padding-right:30px ;
}
.pageContentV {
	min-height:400px;
	width:400px;
	position:absolute;
	top:230px;
	left:250px;
}
.feature {
	width: 100%;
	position: relative;
	left: -15px;
}
.contentFooter{
	background-color: #E6F5FA;
	border-style:none;
	width: 560px;
	position: relative ;
	left: -50px;
}
.contentFooterImage{
	clear:both;
	padding-top:5px ;
}
#footerMenu {
	width: 510px;
	height: auto;
/*	background-color: #E6F5FA; */
	margin:0px;
	font-size:85%;
	padding: 5px 0px 5px 50px ;
}
.serviceTypes {
	position: absolute;
	width: 140px;
	height: 400px;
	left: 100px;
	top: 280px;
	z-index: 110;
	}
.copyright {
	position:absolute; 
	right:5px; 
	bottom:-30px; 
	font-size:70%;
}
/* left floated text menu styling */
#textLeftMenu {
	list-style-type: none;
	margin:0px;
	padding:0px;
}
#textLeftMenu li {
	float: left;	
	margin:0px;
	padding:0px 15px 0px 0px;
}
#textLeftMenu li a {
	height: 15px ;
	text-decoration: none;
}
#textLeftMenu li a:hover {
	text-decoration: underline;
}

/* styling for featureMenu */
#featureMenu {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 80px;
	display: inline;
	overflow: hidden;
}
#featureMenu li{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
#featureMenu a{
	float: left;
	padding: 80px 0px 0px 0px;
	overflow: hidden;
	height: 0px !important; 
	height /**/:80px; /* for IE5/Win only */
}
#featureMenu a:hover {
	background-position: 0px -80px;
}
#featureMenu a:active, #featureMenu a.tabSelected {
	background-position: 0px -160px;
}
#featureContent {
	clear: both;
	margin: 0px;
	padding: 5px 15px ;
	width: 470px;
	background-image: url(../images/menus/tabBackdrop.gif);
	background-repeat: repeat-y;
	border-style: none;
	border: 0px;
}
#featureContent p {
	clear:both;
}
#featureContentScroll {
	clear: both;
	margin: 0px;
	padding: 5px 15px;
	width: 470px;
	height: 250px;
	background-image: url(../images/menus/tabBackdrop.gif);
	background-repeat: repeat-y;
	border-style: none;
	border: 0px;
	overflow: scroll;
}
#featureFooter {
	background-image: url(../images/menus/tabBottom.gif);
	background-repeat: no-repeat;
	width:100%;
	height:20px;
}

/* styling for NewBusiness featureMenu instance*/
#tabNewWeb a {
	width: 150px;
	background: url(../images/menus/tabTop_multi_01.gif) top left no-repeat;
}
#tabNewPrint a {
	width: 150px;
	background: url(../images/menus/tabTop_multi_02.gif) top left no-repeat;
}
#tabNewOther a {
	width: 200px;
	background: url(../images/menus/tabTop_multi_03.gif) top left no-repeat;
}

/* styling for serviceMenu */
#serviceHome a {
	width: 140px;
	background: url(../images/menus/serviceMenu_multi_01.gif) top left no-repeat;
}
#serviceNewBus a {
	width: 140px;
	background: url(../images/menus/serviceMenu_multi_02.gif) top left no-repeat;
}
#serviceExistBus a {
	width: 140px;
	background: url(../images/menus/serviceMenu_multi_03.gif) top left no-repeat;
}
#serviceAboutUs a {
	width: 140px;
	background: url(../images/menus/serviceMenu_multi_04.gif) top left no-repeat;
}
#servicePortfolio a {
	width: 140px;
	background: url(../images/menus/serviceMenu_multi_05.gif) top left no-repeat;
}

/* styling for portfolioimages */
.pImageRight {
	display:block;
	float:right;
	padding: 5px 0px 5px 5px;
}
.pImageLeft {
	display:block;
	float:left;
	padding: 5px 5px 5px 0px;
}
