* {margin: 0; border-width: 0; padding: 0;}

.bodyclass {
	background-color: #FFF; 
	background-image: url(../img/bg1.gif);
}

.bodyclass2 {
	background-color: #FF00FF; 
	background-image: url(../img/bg1.gif);
}

/* this is for Mac IE5 */
.bar {
	width:626px;
	height:35px;
	margin-left:20px;
	background-image: url(../img/bg2.gif);
	background-color: #FFF;
}

/* this is for others \*/
.bar {
	width:626px;
	height:35px;
	margin-left:20px;
	background-image: url(../img/bg2.gif);
	background-color: #FFF;
}

/* this is for Mac IE5 */
.barpattern {
	width:626px;
	height:19px;
	
}

/* this is for others \*/
.barpattern {
	width:626px;
	height:19px;
}


.navbar1 {
	width:646px;
	height:29px;
	margin-left: 0px;
	margin-top: 175px;
	background-color: #FFF;
}

.navbar2 {
	width:646px;
	
	margin-left: 0px;
	margin-top: 2px;
	background-color: #FFF;
}

.portfoliobar {
	line-height: 0px;
	background-color: #FFF;
	margin-top: 10px;
	padding: 10px 0px 10px 20px;
	width: 626px;
}

.portfoliobar td {
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color: #EB008B;
	padding: 2px 0px 0px 0px;
}

.text1 {
	font-family: arial;
	font-size: 25px;
	line-height:20px;
	font-weight: bold;
	color: #EB008B;
	width:630px;
	/*T R B L */
	margin: 10px 0px 12px 20px;
}

.text2 {
	font-family: arial;
	font-size: 22px;
	line-height:22px;
	color: #EB008B;
	width:616px;
	margin-top: 20px;
	padding: 6px 10px 0px 20px;
	background-color: #FFF;
}

.text3 {
	font-family: arial;
	font-size: 16px;
	line-height:16px;
	color: #EB008B;
	width:616px;
	padding: 4px 10px 6px 20px;
	background-color: #FFF;
}

.servicelisttitle {
	font-family: arial;
	font-size: 12px;
	line-height:12px;
	font-weight:bold;
	color: #EB008B;
	width:646px;
	margin-top: 2px;
	padding: 2px 0px 2px 0px;
	background-color: #FFF;
}

.servicelisttitle div {
	margin-left:86px;
}

.servicelist {
	font-family: arial;
	font-size: 10px;
	line-height:12px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	margin-left:0px;
	padding: 2px 0px 2px 0px;
	background-color: #FFF;
}

.servicelist div {
	margin-left:20px;
}

.servicelist-events {
	font-family: arial;
	font-size: 10px;
	line-height:12px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	margin-left:0px;
	padding: 2px 0px 2px 0px;
	background-color: #FFF;
}

.servicelist-events div {
	margin-left:114px;
}

.servicelist-marketing {
	font-family: arial;
	font-size: 10px;
	line-height:12px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	margin-left:0px;
	padding: 2px 0px 2px 0px;
	background-color: #FFF;
}

.servicelist-marketing div {
	margin-left:239px;
}

.clientlisttitle {
	font-family: arial;
	font-size: 13px;
	line-height:13px;
	font-weight:bold;
	color: #818181;
	width:646px;
	margin-top: 4px;
	padding: 2px 0px 2px 0px;
	background-color:#FFF;
}




.clientlist {
	font-family: arial;
	font-size: 11px;
	line-height:11px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	padding: 2px 0px 2px 0px;
	background-color:#FFF;
}

.clientlist div {
	margin-left:34px;
}

.clientlist-retail {
	font-family: arial;
	font-size: 11px;
	line-height:11px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	padding: 2px 0px 2px 0px;
	background-color:#FFF;
}

.clientlist-retail div {
	margin-left:114px;
}

.clientlist-nonprofit {
	font-family: arial;
	font-size: 11px;
	line-height:11px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	padding: 2px 0px 2px 0px;
	background-color:#FFF;
}

.clientlist-nonprofit div {
	margin-left:334px;
}

.clientlist-publications {
	font-family: arial;
	font-size: 11px;
	line-height:11px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	padding: 2px 0px 2px 0px;
	background-color:#FFF;
}

.clientlist-publications div {
	margin-left:490px;
}

.clientlist-products {
	font-family: arial;
	font-size: 11px;
	line-height:11px;
	color: #EB008B;
	width:646px;
	margin-top: 1px;
	padding: 2px 0px 2px 0px;
	background-color:#FFF;
}

.clientlist-products div {
	margin-left:184px;
}











.projectnav {
	width:616px;
	margin: 20px 0px 0px 0px;
	padding: 10px 10px 10px 20px;
	background-color: #FFF;
}

.projectnavtitle {
	
	font-family: arial;
	font-size: 18px;
	line-height:18px;
	font-weight:bold;
	color: #EB008B;
}

.projectdiv {
	font-family: arial;
	font-size: 22px;
	line-height:22px;
	color: #EB008B;
	width:620px;
	margin: 4px 0px 0px 0px;
	padding: 20px 10px 20px 20px;
	background-color: #FFF;
}

.projecttextlarge {
	font-family: arial;
	font-size: 18px;
	font-weight:bold;
	line-height:16px;
	letter-spacing:-1pt;
	color: #818181;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}

.projecttextmedium {
	font-family: arial;
	font-size: 12px;
	line-height:13px;
	font-weight:bold;
	color: #EB008B;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
}

.projecttextsmall {
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color: #818181;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 0px 10px;
}


/* COLORS
	YELLOW GREEN color: #EDFF00;
	PINK color: #EB008B;
*/


.arrow-menu {
	background: url(../img/arrow.gif); 
	background-repeat: no-repeat; 
	color:#EB008B; 
	text-decoration: none; 
	white-space:nowrap;
	width:11px;
	height:11px;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	font-weight: bold;
	padding-left:14px;
	padding-right:14px;
}

.arrow-menu:hover {
	background: url(../img/arrow-on.gif); 
	background-repeat: no-repeat; 
	border: solid 1px #EB008B;
	padding:0px 3px 0px 14px;
	margin:0px 10px 0px -1px;


}

.arrow-menu-active {
	background: url(../img/arrow-active.gif); 
	background-repeat: no-repeat;
	color: #606060;
	text-decoration: none; 
	white-space:nowrap;
	width:11px;
	height:11px;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	font-weight: bold;
	padding-left:14px;
	padding-right:14px;
	
}

.arrow-menu-active:hover {
	background: url(../img/arrow-active.gif); 
	background-repeat: no-repeat; 
	
	border: solid 1px #606060;
	padding:0px 3px 0px 14px;
	margin:0px 10px 0px -1px;
}



.arrow-menu-clients {
	background: url(../img/arrow.gif); 
	background-repeat: no-repeat; 
	color:#EB008B; 
	text-decoration: none; 
	white-space:nowrap;
	width:11px;
	height:11px;
	font-family: arial;
	font-size: 9px;
	line-height:9px;
	font-weight: bold;
	padding:1px 0px 0px 14px;
	
}

.arrow-menu-clients:hover {
	background: url(../img/arrow-on.gif); 
	background-repeat: no-repeat; 
	
	border: solid 1px #EB008B;
	padding:1px 3px 0px 14px;
	margin:0px 10px 0px -1px;
}

.arrow-menu-clients-active {
	background: url(../img/arrow-active.gif); 
	background-repeat: no-repeat; 
	color: #606060;
	text-decoration: none; 
	white-space:nowrap;
	width:11px;
	height:11px;
	font-family: arial;
	font-size: 9px;
	line-height:9px;
	font-weight: bold;
	padding:1px 0px 0px 14px;
}

.arrow-menu-clients-active:hover {
	background: url(../img/arrow-active.gif); 
	background-repeat: no-repeat; 
	
	border: solid 1px #606060;
	padding:1px 3px 0px 14px;
	margin:0px 10px 0px -1px;
}





.arrow-client {
	background: url(../img/arrow.gif); 
	background-repeat: no-repeat; 
	color:#EB008B; 
	text-decoration: none; 
	white-space:nowrap;
	width:11px;
	height:11px;
	
	padding:0px 0px 0px 14px;
	margin: 1px 0px 0px -14px;
}

.arrow-client:hover {
	background: url(../img/arrow-on.gif); 
	background-repeat: no-repeat; 
	border: solid 1px #EB008B;
	padding: 0px 3px -2px 14px;
	margin: 1px 10px -3px -15px;
		
}

.arrow-client-fashion {
	background: url(../img/arrow.gif); 
	background-repeat: no-repeat; 
	color:#EB008B; 
	text-decoration: none; 
	white-space:nowrap;
	width:11px;
	height:11px;
	
	padding:0px 0px 0px 14px;
	margin: 1px 0px 0px -14px;
}

.arrow-client-fashion:hover {
	background: url(../img/arrow-on.gif); 
	background-repeat: no-repeat; 
	border: solid 1px #EB008B;
	padding: 0px 3px -2px 14px;
	margin: 1px 10px -3px -15px;
		
}


.arrow-link {
	background: url(../img/portfolio/projlink.gif); 
	background-repeat: no-repeat; 
	color:#EB008B; 
	text-decoration: none; 
	white-space:nowrap;
	width:13px;
	height:13px;
	font-family: arial;
	font-size: 10px;
	line-height:19px;
	color:#818181;
	
}

.arrow-link:hover {
	background: url(../img/portfolio/projlink-on.gif); 
	background-repeat: no-repeat; 
	color: #EB008B;
	
	
	padding:1px 0px 13px 13px;
	margin-right:79px;
}

.proj-link {
	text-decoration: none;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color:#818181;
}

.proj-link:hover {
	text-decoration: none;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color: #EB008B;
}




/*
.arrow-menu:visited {
	background: url(../img/arrow.gif); 
	background-repeat: no-repeat; 
	color: #ffffff;
	text-decoration: none; 
	white-space:nowrap;
}

.arrow-menu:hover:visited {
	background: url(../img/arrow-on.gif); 
	background-repeat: no-repeat; 
	color: #000000;
	text-decoration: none; 
	white-space:nowrap;
}
*/

.arrow-next {
	background: url(../img/arrownext.gif); 
	background-repeat: no-repeat; 
	text-decoration: none; 
	white-space:nowrap;
	width:29px;
	height:29px;
	font-size:29px;
	line-height:29px;
	padding-left:29px;
}

.arrow-next:hover {
	background: url(../img/arrownext-on.gif); 
	background-repeat: no-repeat; 
	text-decoration: 
	none; white-space:nowrap;
	width:29px;
	height:29px;
}

.arrow-prev {
	background: url(../img/arrowprev.gif); 
	background-repeat: no-repeat; 
	text-decoration: none; 
	white-space:nowrap;
	width:29px;
	height:29px;
	font-size:29px;
	line-height:29px;
	padding-left:29px;
}

.arrow-prev:hover {
	background: url(../img/arrowprev-on.gif); 
	background-repeat: no-repeat; 
}

.arrow-up {
	background: url(../img/arrowup.gif); 
	background-repeat: no-repeat; 
	text-decoration: none; 
	white-space:nowrap;
	width:29px;
	height:29px;
	font-size:29px;
	line-height:29px;
	padding-left:29px;
}

.arrow-up:hover {
	background: url(../img/arrowup-on.gif); 
	background-repeat: no-repeat; 
}



.linkbox div {
	color: #818181;
	text-decoration:none;
}


.linkbox div:hover {
	border:solid 1px #EB008B;
	color: #EB008B;
	font-weight:bold;
	text-decoration:none;
}

.textlink {
	text-decoration:none;
	color: #818181;
}

.textlink:hover {
	text-decoration:none;
	color: #111111;
}

.colortextlink {
	text-decoration:none;
	color: #EB008B;
}

.colortextlink:hover {
	text-decoration:none;
	color: #111111;
}

.imagetest div{
	border: none;
}

.imagetest div:hover {
	border: solid 1px #818181;
}








.linkframe {
	text-decoration:none;
	border: none;
	font-size:0px;
	position:absolute;
}

.linkframe:hover {
	text-decoration:none;
	padding:0px;
	margin:0px;
	border: solid 0px #EB008B;
}



.linktable {
	position:absolute;
	padding:4px;
}

.linktable tr td {
	font-family: arial;
	font-size: 10px;
	line-height:12px;
	color: #818181;
}

.linktable:hover tr td {
	color: #EB008B;
}


.linkframe:hover table tr td {
	color: #EB008B;
}

.linkframe table {
	padding:0px;
}

.linkframe table tr td {
	font-family: arial;
	font-size: 10px;
	line-height:12px;
	color: #818181;
}

.linkframe:hover #imgx {
	margin:1px;
}



/* -------------------------------------- */

#linkarrow {
	background-image: url(../img/portfolio/projlink.gif);
	width:11px;
	height:11px;
}


#linkarrow-l {
	background-image: url(../img/portfolio/arrowlink-l.gif);
	width:19px;
	height:19px;
}


#linkarrow-r {
	background-image: url(../img/portfolio/arrowlink-r.gif);
	width:19px;
	height:19px;
}



#linkarrow-u {
	background-image: url(../img/portfolio/arrowlink-u.gif);
	width:19px;
	height:19px;
}


#linkarrow-d {
	background-image: url(../img/portfolio/arrowlink-d.gif);
	width:19px;
	height:19px;
}



/* -------------------------------------- */








/* Different for IE */

.linkframe div#frameportfolio {
	position:absolute;
	left:-1px;
	top:-1px;
	width:150px;
	height:178px;
	}

.linkframe:hover div#frameportfolio {
	border: solid 1px #EB008B;
}

.linkframe div#frame1x1 {
	position:absolute;
	left:-1px;
	top:-1px;
	width:150px;
	height:150px;
	}

.linkframe:hover div#frame1x1 {
	border: solid 1px #EB008B;
}

.linkframe div#frame1x2 {
	position:absolute;
	left:-1px;
	top:-1px;
	width:150px;
	height:302px;
	}

.linkframe:hover div#frame1x2 {
	border: solid 1px #EB008B;
}

.linkframe div#frame1x3 {
	position:absolute;
	left:-1px;
	top:-1px;
	width:150px;
	height:454px;
	}

.linkframe:hover div#frame1x3 {
	border: solid 1px #EB008B;
}

.linkframe div#frame2x1 {
	position:absolute;
	left:-1px;
	top:-1px;
	width:302px;
	height:150px;
	}

.linkframe:hover div#frame2x1 {
	border: solid 1px #EB008B;
}

.linkframe div#frame2x2 {
	position:absolute;
	left:-1px;
	top:-1px;
	width:302px;
	height:302px;
	}

.linkframe:hover div#frame2x2 {
	border: solid 1px #EB008B;
}

.linkframe div#frame3x2 {
	position:absolute;
	left:-1px;
	top:-1px;
	width:454px;
	height:302px;
	}

.linkframe:hover div#frame3x2 {
	border: solid 1px #EB008B;
}



/* this is for IE5 */
.legalbarlarge {
	height:16px;
	margin-left:323px;
	margin-top:-16px;
	width:303px;
	background-color:#EB008B;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color:#FFF;
	padding:3px 0px 3px 0px;
	text-align:center;
}

/* this is for other browsers - comment backslash \*/
.legalbarlarge {
	height:10px;
	margin-left:323px;
	margin-top:-16px;
	width:303px;
	background-color:#EB008B;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color:#FFF;
	padding:3px 0px 3px 0px;
	text-align:center;
}

/* this is for IE5 */
.legalbar {
	display:none;
	height:16px;
	margin-left:323px;
	width:303px;
	background-color:#EB008B;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color:#FFF;
	padding:3px 0px 3px 0px;
	text-align:center;
}

/* this is for others \*/
.legalbar {
	display:block;
	height:10px;
	margin-left:323px;
	width:303px;
	background-color:#EB008B;
	font-family: arial;
	font-size: 10px;
	line-height:10px;
	color:#FFF;
	padding:3px 0px 3px 0px;
	text-align:center;
}