/* LOGO CAROUSEL
______________________________________________________________________________*/


.stepcarouselarea-logos
{
	width: 315px;
	height: 180px;
	display: block;
	margin: auto;
	position: relative;
}


.stepcarousel-logos
{
	width: 315px;
	height: 180px;
	display: block;
	position: relative;
	float: left;
	overflow: scroll;
}


.stepcarousel-logos .belt-logos{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel-logos .panel-logos{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 315px;
}




/* SIGNAGE CAROUSEL
______________________________________________________________________________*/


.stepcarouselarea-signage
{
	width: 315px;
	height: 180px;
	display: block;
	margin: auto;
	position: relative;
}


.stepcarousel-signage
{
	width: 315px;
	height: 180px;
	display: block;
	position: relative;
	float: left;
	overflow: scroll;
}


.stepcarousel-signage .belt-signage{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel-signage .panel-signage{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 315px;
}



/* SIGNAGE CAROUSEL
______________________________________________________________________________*/


.stepcarouselarea-stationery
{
	width: 315px;
	height: 180px;
	display: block;
	margin: auto;
	position: relative;
}


.stepcarousel-stationery
{
	width: 315px;
	height: 180px;
	display: block;
	position: relative;
	float: left;
	overflow: scroll;
}


.stepcarousel-stationery .belt-stationery{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel-stationery .panel-stationery{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 315px;
}




/* WEBSITE CAROUSEL
______________________________________________________________________________*/


.stepcarouselarea-website
{
	width: 580px;
	height: 350px;
	display: block;
	margin: auto;
	position: relative;
	background-color: #f4f4f4;
}


.stepcarousel-website
{
	width: 580px;
	height: 350px;
	display: block;
	position: relative;
	float: left;
	overflow: scroll;
}


.stepcarousel-website .belt-website{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}


.stepcarousel-website .panel-website{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 550px;
}




.website-info
{
	width: 190px;
	display: block;
	margin-top: 35px;
	padding-left: 45px;
	float: left;
	text-align: left;
}


.website-pics
{
	width: 280px;
	display: block;
	margin-top: 35px;
	padding-right: 15px;
	float: right;
}


.text-small-website
{
	margin: 0px 0px 10px 0px;
	text-align: left;
	line-height: 14px;
	font-size: 12px;
}

.technologies
{
	padding-top: 4px;
	padding-bottom: 2px;
	border-bottom: 1px #CCC solid;
	line-height: 10px;
	font-size: 11px;
}

.technologies-top
{
	padding-top: 4px;
	padding-bottom: 2px;
	border-bottom: 1px #CCC solid;
	line-height: 10px;
	font-size: 11px;
	border-top: 1px #CCC solid;
}



img, div { behavior: url(iepngfix.htc) }







/* POSITIONAL BOXES 
______________________________________________________________________________*/


.topmessagearea-corpid
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-portfolio-corpid.gif);
	background-repeat: no-repeat;
}


.topmessagearea-web
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-portfolio-website.gif);
	background-repeat: no-repeat;
}


.topmessagearea-print
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-portfolio-print.gif);
	background-repeat: no-repeat;
}


.topmessagearea-ad
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-portfolio-ad.gif);
	background-repeat: no-repeat;
}


.topmessagearea-illustration
{
	width: 950px;
	height: 97px;
	display: block;
	margin: auto;
	position: relative;
	background-image: url(images/nav/bg-portfolio-illust.gif);
	background-repeat: no-repeat;
}


.topmessagecopy
{
	width: 410px;
	height: auto;
	display: block;
	position: relative;
	padding-top: 93px;
	padding-left: 88px;
	text-align: left;
	color: #a0b1c9;
	font-size: 18px;
	line-height: 24px;
	float: left;
}


.corpid-infoarea
{
	width: 950px;
	display: block;
	margin: auto;
	position: relative;
	background-color: #ebebeb;
	height: 830px;
	padding-top: 40px;
}


.website-infoarea
{
	width: 950px;
	display: block;
	margin: auto;
	position: relative;
	background-color: #ebebeb;
	height: 600px;
	padding-top: 40px;
}


.print-infoarea
{
	width: 950px;
	display: block;
	margin: auto;
	position: relative;
	background-color: #ebebeb;
	height: 400px;
	padding-top: 40px;
}


.ad-infoarea
{
	width: 950px;
	display: block;
	margin: auto;
	position: relative;
	background-color: #ebebeb;
	height: 400px;
	padding-top: 40px;
}


.illustration-infoarea
{
	width: 950px;
	display: block;
	margin: auto;
	position: relative;
	background-color: #ebebeb;
	height: 400px;
	padding-top: 40px;
}


.col-left
{
	width: 231px;
	display: block;
	float: left;
	position: relative;
	padding-left: 25px;
}


.col-center
{
	width: 397px;
	display: block;
	float: left;
	position: relative;
	background-image: url(images/nav/bg-services-text.gif);
	background-repeat: repeat-y;
	text-align: left;
}


.col-right
{
	width: 297px;
	display: block;
	float: right;
	position: relative;
}


.col-right2
{
	width: 670px;
	display: block;
	float: left;
	position: relative;
	background-image: url(images/nav/bg-services-text2.gif);
	background-repeat: repeat-y;
	text-align: left;
}


.folio-item-box-1
{
	width: 650px;
	display: block;
	float: left;
	position: relative;
	text-align: left;
}


.folio-item-left-1
{
	width: 320px;
	display: block;
	float: left;
	position: relative;
	text-align: left;
	padding-top: 10px;
}


.folio-item-right-1
{
	width: 330px;
	display: block;
	float: right;
	position: relative;
	text-align: right;
}


.folio-item-box-2
{
	width: 665px;
	display: block;
	float: left;
	position: relative;
	padding-left: 15px;
}


.folio-item-left-2
{
	width: 330px;
	display: block;
	float: left;
	position: relative;
	text-align: left;	
}


.folio-item-right-2
{
	width: 320px;
	display: block;
	float: right;
	position: relative;
	text-align: left;
	padding-top: 10px;
}


.folio-eg-box
{
	width: 315px;
	display: block;
	float: right;
	position: relative;
	height: 180px;
	background-color: #f4f4f4;
}








/* SUB NAVIGATION 
______________________________________________________________________________*/


/* CORP ID_________________________________________*/



.corpidnavbox
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}


.corpidnavact
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
	padding-left: 0px;
}


a.corpid:link
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -40px;
	background-repeat: no-repeat;
}

a.corpid:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -20px;
	background-repeat: no-repeat;
}

a.corpid:visited
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -40px;
	background-repeat: no-repeat;
}


a.corpid:visited:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -20px;
	background-repeat: no-repeat;
}




/* WEBSITES______________________________________*/




.websitenavbox
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}

.websitenavact
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -67px;
}


a.website:link
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -107px;
	background-repeat: no-repeat;
}

a.website:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -87px;
	background-repeat: no-repeat;
}

a.website:visited
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -107px;
	background-repeat: no-repeat;
}


a.website:visited:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -87px;
	background-repeat: no-repeat;
}



/* PRINT_____________________________________*/




.printnavbox
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}

.printnavact
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -134px;
}


a.print:link
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -174px;
	background-repeat: no-repeat;
}

a.print:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -154px;
	background-repeat: no-repeat;
}

a.print:visited
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -174px;
	background-repeat: no-repeat;
}


a.print:visited:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -154px;
	background-repeat: no-repeat;
}




/* ADVERTISING________________________________________*/




.adnavbox
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}

.adnavact
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -201px;
}


a.ad:link
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -241px;
	background-repeat: no-repeat;
}

a.ad:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -221px;
	background-repeat: no-repeat;
}

a.ad:visited
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -241px;
	background-repeat: no-repeat;
}


a.ad:visited:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -221px;
	background-repeat: no-repeat;
}



/* ILLUSTRATION______________________________________*/




.illustnavbox
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
}

.illustnavact
{
	width: 204px;
	height: 20px;
	display: block;
	margin-bottom: 5px;
	margin-top: 0px;
	float: left;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -268px;
}


a.illust:link
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -308px;
	background-repeat: no-repeat;
}

a.illust:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -288px;
	background-repeat: no-repeat;
}

a.illust:visited
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -308px;
	background-repeat: no-repeat;
}


a.illust:visited:hover
{
	width: 204px;
	height: 20px;
	display: block;
	background-image: url(images/nav/subnavbuttons-services.gif);
	background-position: 0px -288px;
	background-repeat: no-repeat;
}








.morecontactfoliobox
{
	width: 204px;
	height: 30px;
	display: block;
	position: relative;
	float: right;
	padding-right: 40px;
}





/* moreinfo ______________________________________*/



.moreinfofoliobox
{
	width: 102px;
	height: 30px;
	display: block;
	margin-top: 0px;
	float: left;
}


a.moreinfofolio:link
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}

a.moreinfofolio:hover
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.moreinfofolio:visited
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: 0px -30px;
	background-repeat: no-repeat;
}


a.moreinfofolio:visited:hover
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}





/* CONTACT US ______________________________________*/


.contactfoliobox
{
	width: 102px;
	height: 30px;
	display: block;
	margin-top: 0px;
	float: right;
}


a.contactfolio:link
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: -102px -30px;
	background-repeat: no-repeat;
}

a.contactfolio:hover
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: -102px 0px;
	background-repeat: no-repeat;
}

a.contactfolio:visited
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: -102px -30px;
	background-repeat: no-repeat;
}


a.contactfolio:visited:hover
{
	width: 102px;
	height: 30px;
	display: block;
	background-image: url(images/nav/info-contact.gif);
	background-position: -102px 0px;
	background-repeat: no-repeat;
}




/* VISIT WEBSITE ______________________________________*/


.visitsitenavbox
{
	width: 73px;
	height: 16px;
	display: block;
	margin-top: 0px;
	float: left;
}


a.visitsite:link
{
	width: 73px;
	height: 16px;
	display: block;
	background-image: url(images/nav/visit-website.gif);
	background-position: 0px -16px;
	background-repeat: no-repeat;
}

a.visitsite:hover
{
	width: 73px;
	height: 16px;
	display: block;
	background-image: url(images/nav/visit-website.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

a.visitsite:visited
{
	width: 73px;
	height: 16px;
	display: block;
	background-image: url(images/nav/visit-website.gif);
	background-position: 0px -16px;
	background-repeat: no-repeat;
}


a.visitsite:visited:hover
{
	width: 73px;
	height: 16px;
	display: block;
	background-image: url(images/nav/visit-website.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}