body 	{
	font-family: Arial, Helvetica, Verdana, sans-serif;height:800px; 
	min-width: 882px; background: url(images/backgroundblue.gif); 
	background-repeat: repeat-x; background-attachment: fixed;  
}

.f2 {color: #1659A0;font-size: 1.2em;font-weight:bold;} <!-- Blue -->	
.f3 {color: #C4C4C4;font-weight:bold;}
.f4 {color: #5A577F;font-style:italic;font-weight:bold;}
.f5 {color: #B5D91D;}
.f6 {color: #FB6907;font-weight:bold;}
.f7 {color: #DF03BD;font-weight:bold;}
.f8 {color: #881111;}
.f9 {color: #33520E;}
.f10 {color: #545051;font-weight:bold;}
.f11 {color: #545051;font-style:italic;}  
.f12 {font-style:italic;}
.f13 {font-size: 1em;color: #1659A0;}
.f14 {font-weight:bold;}
.f15 {font-size: 1em; line-height: 1.2;}
.f16 {font-size: 1.5em; }
  	
	

a:link {color: #8D8D8E; }

a:visited {color: #8D8D8E; }
a:hover {color: #1659A0; }


#wrapper {
	position: relative;	
	width: 880px;
	margin: 0 auto;
      text-align: left;
}




#stage{
	position: absolute;
	left: 50%;
	top: 20px;	
	width: 880px;
	height: 680px;
	margin-left:-440px;

}
#background{
	position: absolute;
	top: 80px;	
	background: url(images/backgroundwater.gif) no-repeat;

}


#menu { 
	position: absolute;
	left: 50%;
	top: 2px;
	width: 740px;
	height: 45px;
	margin-left:-370px;
	text-align: right;
	background: url(images/backdrop_menu.gif);	
 	 
}
#maingraphic { 
	position: absolute;
	left: 50%;
	width: 740px;
	height: 180px;
	top: 40px;
	margin-left:-370px;
	background: url(images/pcmwatermark.gif);
	filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
	 
}

h1 { 
	position: absolute;
	width: 800px;
	height: 170px;
	top: 148px;
	left: 90px;
	font-size: 1em;
	color: #1659A0;
	 
}

#bodystage {
	position: absolute;
	left: 50%;
	width: 740px;
	height: 659px;
	top: 220px;
	margin-left:-370px;
			 
}

#bodystageservice {
	position: absolute;
	left: 50%;
	width: 740px;
	height: 1200px;
	top: 220px;
	margin-left:-370px;
			 
}

#bodystage2 {
	position: absolute;
	left: 50%;
	width: 740px;
	height: 739px;
	top: 240px;
	margin-left:-370px;
	background-color: white;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
			 
}

#bodystage3 {
	position: absolute;
	left: 50%;
	width: 740px;
	height: 1250px;
	top: 240px;
	margin-left:-370px;
	background-color: white;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
			 
}

#news { 
	position: absolute;
	left: 50%;
	width: 740px;
	height: 500px;
	top: 260px;
	margin-left:-370px;
	overflow:auto;			 
}
#pcmservices { 
	position: absolute;
	left: 20px;
	width: 380px;
	height: 1200px;
	padding: 10px;
	font-size: .75em;	
	color: #545051;	
	text-align: justify;		 
}

#speech { 
	position: absolute;
	left: 10px;
	height: 10px;
	background: url(images/speech_run.gif);
	font-size: .75em;	
	color: white;				 
}

#teampicture { 
	position: absolute;
	right: 20px;
	width: 240px;
	height: 500px;

		 
}
#teamtext{ 
	position: absolute;
	left: 25px;
	width: 290px;
	height: 500px;
	text-align: justify;
	font-size: .8em;	
	color: #545051;
}
#teamrollover{ 
	position: absolute;
	left: 300px;
	width: 190px;
	height: 500px;
	
}
#contacttext { 
	position: absolute;
	left: 20px;
	top: 150px;
	width: 300px;
	height: 500px;
	text-align: justify;
	font-size: .8em;	
	color: #545051;	 
}
#contactaddress { 
	position: absolute;
	left: 25px;
	width: 300px;
	height: 300px;
	font-size: .9em;	
	color: #143969;	 
}
#contactform{ 
	position: absolute;
	left: 380px;
	top: 80px;
	width: 200px;
	height: 255px;
	text-align: justify;
	font-size: .75em;	
	color: #545051;

}




#bodytextleft {
	position: absolute;
	width: 400px;
	height: 484px;
	left: -100px;
	text-align: justify;
	font-size: .8em;
	color: #545051;
	background: url(images/picture_bubbles_new_2.gif) no-repeat;
		 
}

#bodytextright{ 
	position: absolute;
	right: 20px;
	width: 350px;
	height: 210px;
	text-align: justify;
	font-size: .8em;	
	color: #545051;
	padding: 15px;
	background-color: white;		
	filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20; 		
}

#bodytexttopright{
	position: absolute;
	right: 20px;
	width: 410px;
	height: 234px;
	text-align: justify;
	font-size: .75em;
	color: #312E2E;

}

#bodytexttoprighttext{ 
	position: absolute;
	right: 0px;
	width: 390px;
	height: 225px;
	text-align: justify;
	font-size: .75em;	
	color: #545051;
	padding: 20px;
}

#bodyvideo{
	position: absolute;
	right: 10px;
	top: 320px;
	width: 420px;
	height: 230px;

}

#maintestimonial{
	position: absolute;
	right: 20px;
	top: 557px;
	width: 411px;
	height: 107px;
	text-align: justify;
	font-size: .7em;
	color: #143969;
}

#maintestimonial2{
	position: absolute;
	right: 9px;
	top: 280px;
	width: 421px;
	height: 36px;
	text-align: justify;
	font-size: .7em;
	color: #143969;
}


#testimonialservice{ 
	position: absolute;
	left: 450px;
	top: 30px;
	width: 240px;
	height: 230px;
	text-align: justify;
	font-size: .7em;	
	color: #143969;

}

#basetext {
	position: absolute;
	left: 441px;
	width: 740px;
	height: 50px;
	top: 881px;
	margin-left:-370px;
	border-top: 1px solid #1659A0;
	padding-top: 15px;
	font-size: .7em;
	color: #8D8D8E;
}

#basetextservice {
	position: absolute;
	left: 441px;
	width: 740px;
	height: 50px;
	top: 1400px;
	margin-left:-370px;
	border-top: 1px solid #1659A0;
	padding-top: 15px;
	font-size: .7em;
	color: #8D8D8E;
}



#thecompany
{display: block; width: 78px; height: 36px; background: url("images/menu_home.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#thecompany:hover
{background-position: 0 -36px;}
#thecompany span
{display: none;}

#contact
{display: block; width: 78px; height: 36px; background: url("images/menu_contact.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#contact:hover
{background-position: 0 -36px;}
#contact span
{display: none;}

#latest
{display: block; width: 78px; height: 36px; background: url("images/menu_latest.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#latest:hover
{background-position: 0 -36px;}
#latest span
{display: none;}

#services
{display: block; width: 78px; height: 36px; background: url("images/menu_services.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#services:hover
{background-position: 0 -36px;}
#services span
{display: none;}

#team
{display: block; width: 78px; height: 36px; background: url("images/menu_team.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#team:hover
{background-position: 0 -36px;}
#team span
{display: none;}

#offers
{display: block; width: 78px; height: 36px; background: url("images/menu_offers.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#offers:hover
{background-position: 0 -36px;}
#offers span
{display: none;}


#teambruce
{display: block; width: 190px; height: 350px; background: url("images/bruce_team.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#teambruce:hover
{background-position: 0 -350px;}
#teambruce span
{display: none;}

#teamandy
{display: block; width: 190px; height: 350px; background: url("images/andy_team.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#teamandy:hover
{background-position: 0 -350px;}
#teamandy span
{display: none;}

#teamsteve
{display: block; width: 190px; height: 350px; background: url("images/steve_team.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#teamsteve:hover
{background-position: 0 -350px;}
#teamsteve span
{display: none;}

#teamrobin
{display: block; width: 190px; height: 350px; background: url("images/robin_team.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#teamrobin:hover
{background-position: 0 -350px;}
#teamrobin span
{display: none;}

#teamdan
{display: block; width: 190px; height: 350px; background: url("images/dan_team.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#teamdan:hover
{background-position: 0 -350px;}
#teamdan span
{display: none;}

#teamchris
{display: block; width: 190px; height: 350px; background: url("images/chris_team.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#teamchris:hover
{background-position: 0 -350px;}
#teamchris span
{display: none;}

#teamrosie
{display: block; width: 190px; height: 350px; background: url("images/team_rosie.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#teamrosie:hover
{background-position: 0 -350px;}
#teamrosie span
{display: none;}


#iconsweb
{display: block; width: 82px; height: 68px; background: url("images/front_rollover_web.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#iconsweb:hover
{background-position: 0 -68px;}
#iconsweb span
{display: none;}

#iconswebpostion{ 
	position: absolute;
	left: 175px;
	top: 10px;
	width: 82px;
	height: 68px;
}

#iconsbrand
{display: block; width: 82px; height: 85px; background: url("images/front_rollover_brand.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#iconsbrand:hover
{background-position: 0 -85px;}
#iconsbrand span
{display: none;}

#iconsbrandpostion{ 
	position: absolute;
	left: 15px;
	top: 13px;
	width: 82px;
	height: 85px;
}

#iconsmultimedia
{display: block; width: 105px; height: 80px; background: url("images/front_rollover_multimedia.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#iconsmultimedia:hover
{background-position: 0 -80px;}
#iconsmultimedia span
{display: none;}

#iconsmultimediapostion{ 
	position: absolute;
	left: 45px;
	top: 115px;
	width: 105px;
	height: 80px;
}

#iconsstrategy
{display: block; width: 85px; height: 70px; background: url("images/front_rollover_strategy.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#iconsstrategy:hover
{background-position: 0 -70px;}
#iconsstrategy span
{display: none;}

#iconsstrategypostion{ 
	position: absolute;
	left: 195px;
	top: 150px;
	width: 85px;
	height: 70px;
}

#iconsprint
{display: block; width: 85px; height: 68px; background: url("images/front_rollover_print.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#iconsprint:hover
{background-position: 0 -68px;}
#iconsprint span
{display: none;}

#iconsprintpostion{ 
	position: absolute;
	left: 20px;
	top: 230px;
	width: 75px;
	height: 68px;
}

#iconsphotography
{display: block; width: 104px; height: 74px; background: url("images/front_rollover_photography.gif") no-repeat 0 0;
  margin: 0; padding: 0;}
#iconsphotography:hover
{background-position: 0 -74px;}
#iconsphotography span
{display: none;}

#iconsphotographypostion{ 
	position: absolute;
	left: 140px;
	top: 255px;
	width: 104px;
	height: 74px;
}

a em{
display: block;
float: left;
background: url(images/speech_bubble_left.gif) no-repeat;
width: 20px;
height: 30px;
}
a span{
display: block;
float: left;
background: url(images/speech_bubble_run.gif) repeat-x;
height: 30px;
font-size: 1em;	
color: WHITE;
padding-top: 4px;	
}
a b{
display: block;
float: left;
background: url(images/speech_bubble_right.gif) no-repeat;
width: 20px;
height: 30px;
}