*
{
	margin: 0;
	padding: 0;
}

.textfield {
 font-size: 12px;
 background-color: #E6E6E6;
 border: 1px solid #666666;
 	padding: 2px 2px 2px 2px;
	width: 200px;

}

.textfieldsmall {
 font-size: 12px;
 background-color: #82064C;
 border: 1px solid #fff;
 	padding: 2px 2px 2px 2px;
	width: 132px;
	color: #FFFFFF;

}

.textfieldmassive {
 font-size: 15px;
 background-color: #82064C;
 border: 1px solid #fff;
 	padding: 5px;
	width: 200px;
	color: #FFFFFF;

}


.textfield2 {
 font-size: 12px;
 background-color: #E6E6E6;
 border: 1px solid #D6D6D6;
 	padding: 2px 2px 2px 2px;
	color: #666;
	width: 150px;
		height: 15px;


}

.textfield4 {
 font-size: 13px;
 background-color: #E6E6E6;
 border: 1px solid #D6D6D6;
 	padding: 2px 2px 2px 2px;
	color: #666;
	width: 300px;
			height: 15px;



}


.textfield5 {
 font-size: 13px;
 background-color: #E6E6E6;
 border: 1px solid #D6D6D6;
 	padding: 2px 2px 2px 2px;
	color: #666;
	width: 300px;

			height: 50px;


}

.textfield3 {
 font-size: 12px;
 background-color: #E6E6E6;
 border: 1px solid #D6D6D6;
 	padding: 2px 2px 2px 2px;
	color: #666;
	width: 150px;


}

.button {

	width: 135px;
		
		}

.bottom
{
	clear: both;
}

body
{
	margin: 0;
	padding: 0;
	background: #FFF;
	color: #666;
	font-size: 12px;
		font-family: lucida grande, lucida sans unicode;
}

#main a
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#submenucontfooter a:hover
{
	color: #86094D;
	text-decoration: none;
}


#submenucontfooter a
{
	color: #000;
	text-decoration: none;
}

#main a:hover
{
	color: #86094D;
	text-decoration: none;
	font-weight: bold;
}


img
{
	border: 0;
}

#topCont
{
	margin: 0 auto;
	width: 100%;
	height: 200px;
	background: #FFF url('../images/bub5.jpg') repeat-x;
}

#headerleft a
{
	color: #000;
	text-decoration: none;
		font-weight: bold;

}

#headerleft a:hover
{
	color: #86094D;
}

#top
{
	margin: 0 auto;
	width: 900px;
	height: 50px;
	background: #000;
	font-weight: bold;
}

#topleft
{
	float: left;
	width: 225px;
	height: 32px;
	font-size: 85%;
	padding: 18px 0 0 25px;
	color: #666;
}

#topleft a
{
	color: #FC0;
	text-decoration: none;
}

#topleft a:hover
{
	color: #FFF;
	text-decoration: none;
}

#topright
{
	float: left;
	width: 625px;
	height: 34px;
	padding: 16px 25px 0 0;
	text-align: right;
	font-size: 120%;
	color: #999;
}

#menucont
{
		margin: 0 auto;
	width: 100%;
	height: 40px;
	background-color: #222;

}

#header
{
	margin: 0 auto;
	width: 800px;
	height: 120px;
		padding: 0px 0 0 0;

}

#header h1
{
	margin: 0;
	padding: 0px 0px 5px 0;
	font-size: 130%;
	color: #86094D;
	letter-spacing: 0px;
	font-weight: normal;
}


#contentleftbottomhomenopad h2
{
	margin: 0;
	padding: 0px 0px 5px 0;
	font-size: 150%;
	line-height: 150%;
	color: #666;
	letter-spacing: 0px;
	font-weight: bold;
}

#headerleft
{
	float: left;	
width: 600px;
text-align:left;
		padding: 20px 0 0 0;
}

#headerright
{
	float: left;
	width: 600px;
	height: 200px;
	background: #333;
}

#headerright h1
{
	margin: 0;
	padding: 65px 30px 0 0;
	font-weight: normal;
	font-size: 300%;
	letter-spacing: -2px;
	color: #FFF;
	text-align: right;
}



#headerright h2
{
	margin: -10px 0 0 0;
	padding: 0 30px 0 0;
	font-weight: normal;
	font-size: 200%;
	letter-spacing: -1px;
	color: #FC0;
	text-align: right;
}

#mainCont
{
	width: 100%;
}

#main
{
	margin: 0 auto;
	width: 800px;
	
		padding: 0 0px 20px 0;

}

#shadow
{
	margin: 0 auto;
	width: 100%;
	background: #FFF url('../images/background-maincont.png') repeat-x;
	
}

#menu
{
	margin: 0 auto;
	width: 800px;
	height: 40px;
}



#menu ul
{
	float: center;
	margin: 0;
	padding: 0px 0 0 0;
	list-style-type: none;
	font-weight: bold;
	font-size:13px;
}

#menu ul li
{
	display: inline;
}

#menu ul li a
{
	float: left;
	padding: 12px 12px;
	text-decoration: none;
	color: #555;
	background: #transparent;
}

#menu ul li a.active
{
	background-color:#555555;
	color:#FFFFFF;
}




#menu ul li a:hover
{
	background-color:#555555;
	color:#FFFFFF;
}

#submenucont
{
	margin: 0 auto;
	width: 100%;
	height: 20px;
	padding: 6px 0 0 0;
	
	}


#submenu ul
{
	float: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
	font-size: 100%;
}



#submenu ul li
{
	display: inline;
}

#submenu ul li a
{
	float: left;
	padding: 0px 21px;
	text-decoration: none;
	color: #555;
	background: #transparent;
}

#submenu ul li a.active
{
	color: #888; 
}

#submenu ul li a:hover
{
	color: #86094D;
}

#submenu
{
	margin: 0 auto;
	width: 800px;
	height: 20px;
	background:#E6E6E6;
	padding: 0px 0px 0px 0px;
}

#submenucontfooter
{
	margin: 0 auto;
	width: 100%;
	height: 20px;
	padding: 6px 0 0 0;
	background: #E6E6E6;}
	
	#bottomfolio
{
	margin: 0 auto;
	width: 100%;
	height: 149px;
	padding: 100px 0 0 0;
	}


#submenufooter ul
{
	float: center;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: normal;
	font-size: 11px;
}



#submenufooter ul li
{
	display: inline;
}

#submenufooter ul li a
{
	float: left;
	padding: 0px 24px;
	text-decoration: none;
	color: #555;
	background: #transparent;
}

#submenufooter ul li a.active
{
	color: #888; 
}

#submenufooter ul li a:hover
{
	color: #86094D;
}

#submenufooter
{
	margin: 0 auto;
	width: 800px;
	height: 20px;
	background:#E6E6E6;
	padding: 0px 0px 0px 0px;
}



#bottomfoliocontent
{
	margin: 0 auto;
	width: 800px;
	height: 149px;
	padding: 0px 0px 0px 0px;
}



#maincontent
{
	float: left;
	width: 580px;
	padding: 0px 10px 10px 0px;
	line-height: 160%;

}

#webtop
{
	float: left;
	width: 580px;
	padding: 0px 10px 0px 0px;
	line-height: 160%;
			border-bottom: 5px solid #CCC;


}


#webpackages
{
	float: left;
	width: 580px;
	padding: 0px 10px 0px 0px;
	line-height: 160%;


}

#title
{
	float: left;
	width: 580px;
	padding: 10px 10px 20px 0px;
	line-height: 160%;


}

#poo
{
	float: left;
	width: 580px;
	padding: 10px 10px 10px 0px;
	line-height: 160%;
		border-top: 1px dotted #666;


}

#pootwo
{
	float: left;
	width: 580px;
	padding: 10px 10px 10px 0px;
	line-height: 160%;


}

#newpack
{
	float: left;
	width: 580px;
	padding: 10px 10px 10px 0px;
	line-height: 160%;


}

#contact
{
	float: left;
	width: 800px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;

}

#contactleft
{
	float: left;
	width: 510px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;

}

#contactright
{
	float: right;
	width: 290px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;

}

#phone
{
	float: left;
	width: 236px;
	padding: 5px;
				border: 2px solid #82064C;

	background: #FFF url('../images/bub2.jpg');
	line-height: 160%;


}


#write
{
	float: right;
	width: 236px;
		background: #FFF url('../images/bub2.jpg');
			border: 2px solid #82064C;

	padding: 5px;
	line-height: 160%;


}

#email
{
	float: right;
	width: 266px;
			border: 2px solid #82064C;

		background: #FFF url('../images/bub2.jpg');
	padding: 5px;
	line-height: 160%;

}


#maincontent3
{
	float: left;
	width: 580px;
	padding: 0px 20px 0px 0px;
	line-height: 160%;
}

#maincontent2
{
	float: left;
	width: 580px;
	padding: 0px 20px 0px 0px;
	line-height: 160%;
}

#maincontenthome
{
	width: 800px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
}



#landingtop
{
	width: 800px;
	height: 343px;
	padding: 0px 0px 20px 0px;
	line-height: 160%;

}

#landingstationery
{
	width: 800px;
	height: 149px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		background: url('../images/STATIONERYLANDING.jpg') repeat-x;

}


#completeindex
{
	width: 800px;

}

#folio
{
	width: 100%;
	padding: 10px 0px 10px 0px;
	line-height: 160%;
		


}

#index
{
	width: 800px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		

}

#indexleft
{
	width: 390px;
	float:left;
	padding: 0px 10px 0px 0px;

}

#indexright
{
	width: 400px;
	float: right;
	padding: 0px 0px 0px 0px;
		

}

#folionopad
{
	width: 100%;
	padding: 0px 0px 10px 0px;
	line-height: 160%;
		


}

#foliohome
{
	width: 100%;
	padding: 0px 0px 10px 0px;
	line-height: 160%;
	


}

#mastheads
{
	width: 580px;
	padding: 0px 0px 20px 0px;
	


}

#mastleft
{
	width: 130px;
	float: left;
		padding: 0px 0px 0px 0px;
		font-size:11px;



}

#mastright
{
	width: 130px;
		padding: 0px 0px 0px 0px;
	float: right;
			font-size:11px;



}

#step
{
	width: 100%;
	padding: 10px 0px 10px 0px;

}


#foliologo
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-landing.jpg') repeat-x;


}

#foliologofood
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-bar.jpg') repeat-x;


}

#foliologobars
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-bar.jpg') repeat-x;


}

#foliologooffice
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-office.jpg') repeat-x;


}

#foliologophoto
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-photo.jpg') repeat-x;


}

#foliologosecurity
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-security.jpg') repeat-x;


}

#foliologosports
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-sports.jpg') repeat-x;


}

#foliologoevents
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-events.jpg') repeat-x;


}

#foliologologistics
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-logistics.jpg') repeat-x;


}

#foliologotelecoms
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-telecoms.jpg') repeat-x;


}

#foliologoit
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-it.jpg') repeat-x;


}

#foliologofinance
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-finance.jpg') repeat-x;


}

#foliologoprof
{
	width: 565px;
		height: 235px;
		border-bottom: 1px dotted #555;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
			background: #FFF url('../images/logo-folio-consulting.jpg') repeat-x;


}

#foliologomusic
{
	width: 565px;
		height: 235px;

	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-music.jpg') repeat-x;


}

#foliologocreative
{
	width: 565px;
		height: 235px;
	padding: 5px 10px 20px 5px;
	line-height: 160%;
		border-bottom: 1px dotted #555;
			background: #FFF url('../images/logo-folio-creative.jpg') repeat-x;


}

#folio2
{
	width: 100%;
	padding: 4px 0px 10px 0px;
	line-height: 160%;
		border-bottom: 1px dotted #555;

}

#folio3
{
	width: 100%;
	padding: 20px 0px 10px 0px;
	line-height: 160%;

}

#bodycontainer
{
	width: 100%;
	padding: 10px 0px 10px 0px;
	line-height: 160%;

}

#bodycontainer
{
	width: 100%;
	padding: 10px 0px 10px 0px;
	line-height: 160%;

}

#logoone
{
	width: 245px;
		height: 65px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/logoone.jpg') repeat-x;


}

#trifold
{
	width: 565px;
	font-size: 11px;
		height: 132px;
	padding: 220px 0px 0px 15px;
			background: #FFF url('../images/newtri.jpg') repeat-x;


}

#fourpage
{
	width: 565px;
	font-size: 11px;
		height: 132px;
	padding: 220px 0px 0px 15px;
			background: #FFF url('../images/A4.jpg') repeat-x;


}

#eightpage
{
	width: 565px;
	font-size: 11px;
		height: 132px;
	padding: 220px 0px 0px 15px;
			background: #FFF url('../images/8page.jpg') repeat-x;


}

#flyer
{
	width: 565px;
	font-size: 11px;
		height: 132px;
	padding: 220px 0px 0px 15px;
			background: #FFF url('../images/flyer.jpg') repeat-x;


}

#customquote
{
	width: 562px;
	font-size: 11px;
		height: 306px;
	padding: 70px 0px 0px 18px;
			background: #FFF url('../images/customproject.jpg') repeat-x;


}

#webone
{
	width: 245px;
		height: 70px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/weboneback.jpg') repeat-x;


}

#webstepone
{
	width: 580px;
		height: 110px;
			background: #FFF url('../images/WEBPACKAGE.jpg') repeat-x;


}

#websteptwo
{
	width: 580px;
		height: 110px;
			background: #FFF url('../images/BRIEF2.jpg') repeat-x;


}

#bubbleworks
{
	width: 245px;
		height: 70px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/bubbleworksback.jpg') repeat-x;
					


}

#logotwo
{
	width: 245px;
		height: 65px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/logotwo.jpg') repeat-x;


}


#stationerypack
{
	width: 245px;
		height: 65px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/STATIONERYPACK.jpg') repeat-x;


}

#webtwo
{
	width: 245px;
		height: 70px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/webtwoback.jpg') repeat-x;


}

#logopro
{
	width: 245px;
		height: 65px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/logopro.jpg') repeat-x;


}

#stationerymast
{
	width: 230px;
		height: 132px;
	padding: 70px 0px 0px 350px;
	font-size:11px;
			background: #FFF url('../images/stationerymast.jpg') repeat-x;


}


#brochuremast
{
	width: 560px;
		height: 132px;
	padding: 70px 0px 0px 20px;
	font-size:11px;
			background: #FFF url('../images/brochuremast.jpg') repeat-x;


}

#justcards
{
	width: 280px;
		height: 132px;
	padding: 70px 0px 0px 300px;
	font-size:11px;
			background: #FFF url('../images/justcardsmast.jpg') repeat-x;


}

#stationeryfolio1
{
	width: 580px;
	font-size:11px;


}

#webmast
{
	width: 230px;
		height: 142px;
	padding: 60px 0px 0px 350px;
	font-size:11px;
			background: #FFF url('../images/websitemast.jpg') repeat-x;


}

#visone
{
	width: 245px;
		height: 65px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/visone.jpg') repeat-x;


}

#vispro
{
	width: 245px;
		height: 65px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/VISPRO.jpg') repeat-x;


}

#onemast
{
	width: 560px;
		height: 165px;
	padding: 105px 0px 10px 20px;
	font-size:11px;
			background: #FFF url('../images/onemast.jpg') repeat-x;


}

#stationerybig
{
	width: 560px;
		height: 165px;
	padding: 105px 0px 10px 20px;
	font-size:11px;
			background: #FFF url('../images/STATIONERYBIG.jpg') repeat-x;


}

#twomast
{
	width: 560px;
		height: 165px;
	padding: 105px 0px 10px 20px;
	font-size:11px;
			background: #FFF url('../images/twomast.jpg') repeat-x;


}

#casestudies
{
	width: 580px;
		height: 203px;
	padding: 0px 0px 0px 0px;
	font-size:11px;


}

#promast
{
	width: 560px;
		height: 165px;
	padding: 105px 0px 10px 20px;
	font-size:11px;
			background: #FFF url('../images/promast.jpg') repeat-x;


}

#visonemast
{
	width: 560px;
		height: 165px;
	padding: 105px 0px 10px 20px;
	font-size:11px;
			background: #FFF url('../images/visonemast.jpg') repeat-x;


}

#vispromast
{
	width: 560px;
		height: 165px;
	padding: 105px 0px 10px 20px;
	font-size:11px;
			background: #FFF url('../images/vispromast.jpg') repeat-x;


}

#designmenu
{
	width: 262px;
		height:87px;
		line-height: 160%;
		float:right;
	padding: 280px 0px 0px 18px;
	font-size:12px;
			background: #FFF url('../images/menu.jpg') repeat-x;


}

#designquote
{
	width: 265px;
		height:204px;
		line-height: 160%;
		float:left;
	padding: 180px 0px 0px 15px;
	font-size:11px;
			background: #FFF url('../images/quote.jpg') repeat-x;


}

#designquoteright
{
	width: 265px;
		height:204px;
		line-height: 160%;
		float:right;
	padding: 180px 0px 0px 15px;
	font-size:11px;
			background: #FFF url('../images/quote.jpg') repeat-x;


}

#completemast
{
	width: 560px;
		height: 165px;
	padding: 105px 0px 10px 20px;
	font-size:11px;
			background: #FFF url('../images/completemast.jpg') repeat-x;


}

#webonemast
{
	width: 560px;
		height: 145px;
	padding: 125px 0px 10px 20px;
	font-size:12px;
			background: #FFF url('../images/webonemast.jpg') repeat-x;


}

#webtwomast
{
	width: 560px;
		height: 145px;
	padding: 125px 0px 10px 20px;
	font-size:12px;
			background: #FFF url('../images/webtwomast.jpg') repeat-x;


}

#start
{
	width: 245px;
		height: 65px;
	padding: 70px 0px 10px 335px;
			background: #FFF url('../images/completepackage.jpg') repeat-x;


}

#callback
{
	width: 178px;
		height: 232px;
	padding: 80px 0px 0px 10px;
	font-size: 11px;
			background: #FFF url('../images/CALL.jpg') repeat-x;


}



#topimage
{
	width: 100%;
	line-height: 160%;

}

#studylogos
{
	width: 100%;
	line-height: 160%;


}

#contentleftbottomhomenopad img
{
	margin: 0 0 0px 0px;
	float: left;
	padding: 5px;
}


#wee img
{
	margin: 0 0 0px 0px;
	float: left;
	padding: 5px;
}

#webpackages img
{
	margin: 0 0 0px 0px;
	float: left;
	padding: 0px 50px 0px 5px;
}

#topimagebrochure
{
	width: 100%;
	line-height: 160%;
					border-bottom: 1px dotted #555;


}

#topimagecase
{
	width: 100%;
	line-height: 160%;

}

blockquote
{
	padding: 20px;
	width: 240px;
	background: url('../images/bub4.jpg') repeat-y;
}



#contentleft
{
	width: 280px;
	padding: 0px 0px 20px 0px;
	line-height: 160%;
		float:left;
				border-bottom: 0px dotted #555;


}

#contentleftimage
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:left;


}

#contentleftcase
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:left;


}

#contentleftbottom
{
	width: 280px;
	padding: 0px 0px 20px 0px;
	line-height: 160%;
		float:left;


}

#contentleftbottomhome
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:left;


}

#contentleftbottomhomenopad
{
	width: 280px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:left;


}

#flashleft
{
	width: 250px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:left;


}

#flashleft
{
	width: 250px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:left;


}

#fanny
{
	width: 280px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:left;
					border-bottom: 1px solid #ccc;


}


#poobutton
{
	width: 280px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:left;


}


#contentleftindex
{
	width: 380px;
	padding: 0px 0px 20px 0px;
	line-height: 160%;
		float:left;


}

#whyimage img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}

#topimagecase img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}

#maincontent2 img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}

#bodycontainer img
{
	float: left;
	margin: 0 10px 10px 0;
	border: 0px solid #fff;
}

#rightimagewhy img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}

#caselogos img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}


#rightimagewhytop img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}


#contentleftprocess
{
	width: 100%;
	font-size: 12px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:left;


}

#rightimage
{
	width: 200px;
	padding: 10px 0px 16px 0px;
	line-height: 160%;

}

#convinced
{
	width: 180px;
	padding: 10px;
	line-height: 160%;
	background-color:#E6e6e6;

}

#rightimagebrochure
{
	width: 188px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;

}

#splitone
{
	width: 188px;
		line-height: 160%;
		font-size: 11px;
		height: 133px;

}


#best
{
	width: 178px;
	height: 238px;
	padding: 150px 0px 16px 10px;
	line-height: 160%;
			background: #FFF url('../images/best.jpg') repeat-x;


}

#webextras
{
	width: 178px;
	height: 480px;
	padding: 30px 0px 16px 10px;
	line-height: 160%;
			background: #FFF url('../images/webextras.jpg') repeat-x;
			font-size: 11px;


}

#printquote
{
	width: 174px;
	height: 397px;
	padding: 170px 0px 0px 15px;
	line-height: 160%;
	font-size:11px;
			background: #FFF url('../images/stationery5.jpg') repeat-x;


}

#webquote
{
	width: 188px;
	height: 371px;
	padding: 100px 0px 0px 5px;
	line-height: 160%;
	font-size:11px;
			background: #FFF url('../images/bespokequote.jpg') repeat-x;


}

#casehenley
{
	width: 169px;
	height: 165px;
	padding: 190px 0px 0px 20px;
	line-height: 160%;
			background: #FFF url('../images/casehenley.jpg') repeat-x;


}

#casehennessy
{
	width: 169px;
	height: 165px;
	padding: 190px 0px 0px 20px;
	line-height: 160%;
			background: #FFF url('../images/casehennessy.jpg') repeat-x;


}

#casestudy
{
	width: 168px;
	height: 393px;
	padding: 100px 0px 0px 20px;
	line-height: 160%;
	font-size: 11px;
			background: #FFF url('../images/case-back.jpg') repeat-x;


}

#casevale
{
	width: 169px;
	height: 165px;
	padding: 190px 0px 0px 20px;
	line-height: 160%;
			background: #FFF url('../images/casevale.jpg') repeat-x;


}

#testwaycase
{
	width: 169px;
	height: 165px;
	padding: 190px 0px 0px 20px;
	line-height: 160%;
			background: #FFF url('../images/testwaycase.jpg') repeat-x;


}

#caseperspex
{
	width: 169px;
	height: 165px;
	padding: 190px 0px 0px 20px;
	line-height: 160%;
			background: #FFF url('../images/perspexcase.jpg') repeat-x;


}

#searchcase
{
	width: 169px;
	height: 165px;
	padding: 190px 0px 0px 20px;
	line-height: 160%;
			background: #FFF url('../images/searchcase.jpg') repeat-x;


}

#rightimagewhy
{
	width: 188px;
	padding: 0px 0px 10px 0px;
	line-height: 160%;


}

#buy
{
	width: 554px;
	padding: 10px;
	line-height: 160%;
	border-top: 3px solid #CCC;
	border-left: 3px solid #CCC;
	border-right: 3px solid #CCC;
	border-bottom: 3px solid #CCC;


}

#buyprocess
{
	width: 564px;
	padding: 5px;
	line-height: 160%;
	
		background: #E6E6E6;


}

#rightimagecasestudy
{
	width: 188px;
	font-size:10px;
	padding: 0px 0px 10px 0px;
	line-height: 160%;

}

#rightimagewhytop
{
	width: 188px;
	padding: 10px 0px 10px 0px;
	line-height: 160%;

}

#newsletter
{
	width: 168px;
		height: 109px;
	padding: 80px 10px 20px 10px;
	line-height: 160%;
		background: #FFF url('../images/newsletter2.jpg') repeat-x;


}

#begin
{
	width: 158px;
		height: 141px;
	padding: 100px 0px 0px 30px;
	line-height: 160%;
		background: #FFF url('../images/begin.jpg') repeat-x;


}

#tribegin
{
	width: 158px;
		height: 121px;
	padding: 120px 0px 0px 30px;
	line-height: 160%;
		background: #FFF url('../images/tri-started.jpg') repeat-x;


}


#fourpagebegin
{
	width: 158px;
		height: 121px;
	padding: 120px 0px 0px 30px;
	line-height: 160%;
		background: #FFF url('../images/4pagestart.jpg') repeat-x;


}


#eightpagebegin
{
	width: 158px;
		height: 121px;
	padding: 120px 0px 0px 30px;
	line-height: 160%;
		background: #FFF url('../images/8PAGESTART.jpg') repeat-x;


}

#flyerbegin
{
	width: 158px;
		height: 121px;
	padding: 120px 0px 0px 30px;
	line-height: 160%;
		background: #FFF url('../images/flyerbegin.jpg') repeat-x;


}

#packageside
{
	width: 168px;
		height: 371px;
	padding: 100px 0px 0px 20px;
	line-height: 160%;
	font-size:11px;
		background: #FFF url('../images/PACKAGESSIDE.jpg') repeat-x;


}

#contentright
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;


}

#contentrighttop
{
	width: 280px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:right;


}

#flash
{
	width: 310px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:right;


}


#wee
{
	width: 280px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:right;


}

#brochurefolio
{
	width: 280px;
	padding: 0px 0px 0px 0px;
	line-height: 160%;
		float:right;
					border-bottom: 1px solid #ccc;



}

#contentrightcase
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;


}

#caselogos
{
	width: 280px;
	line-height: 160%;


}

#studycolour
{
	width: 264px;
	padding: 5px 5px 5px 5px;
		border-top: 3px solid #CCC;
	border-left: 3px solid #CCC;
	border-right: 3px solid #CCC;
	border-bottom: 3px solid #CCC;



}

#studycolourprint
{
	width: 264px;
	color:#444444;
	padding: 5px 5px 5px 5px;
		border-top: 3px solid #E6E6E6;
	border-left: 3px solid #E6E6E6;
	border-right: 3px solid #E6E6E6;
	border-bottom: 3px solid #E6E6E6;
	background-color:#CCCCCC;



}




#contentrighttophome
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;


}


#contentrightbottom
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;


}

#contentrightindex
{
	width: 380px;
	padding: 0px 0px 20px 0px;
	line-height: 160%;
		float:right;


}

#contentrightwhy
{
	width: 280px;
	padding: 0px 0px 20px 0px;
	line-height: 160%;
		float:right;


}

#contentrightwhyimage
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;


}

#whyimage
{
	width: 280px;
	padding: 0px 0px 10px 0px;
	line-height: 160%;
		float:right;


}

#contentright2
{
	width: 280px;
	height: 213px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;
					



}

#contentrightlogodesign
{
	width: 280px;
	height: 213px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;
						border-bottom: 1px dotted #555;
						border-top: 1px dotted #555;



}

#contentright3
{
	width: 280px;
	padding: 20px 0px 20px 0px;
	line-height: 160%;
		float:right;



}

#right
{
	float: right;
	width: 200px;
	line-height: 160%;
		padding: 0px 0px 0px 0px;

}

#rightmenu
{
	width: 200px;
	

}

#maincontent p
{
	margin: 0 0 5px 0;
}

#main h1
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 200%;
	letter-spacing: -1px;
	color: #222;
		line-height: 160%;


}

#main h2
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: -1px;
	color: #222;
		line-height: 160%;


}

#main h3
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
	font-size: 125%;
	letter-spacing: -1px;
	color: #444;
		line-height: 160%;


}


#maincontent3 h1
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 150%;
	letter-spacing: -1px;
	color: #000;
		line-height: 160%;


}

#maincontent2 h1
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 150%;
	letter-spacing: -1px;
	color: #000;
		line-height: 160%;


}

#contentleftindex h1
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 150%;
	letter-spacing: -1px;
	color: #000;
		line-height: 160%;


}

#maincontenthome h1
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 150%;
	letter-spacing: -1px;
	color: #000;
		line-height: 160%;


}



#folio img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}


#folionopad img
{
	margin: 0 0 0px 0px;
	padding: 5px;
	border: 1px solid #CCC;
}





#footerCont
{
	width: 100%;	

}

#footer
{
	margin: 0 auto;
	color: #fff;
	height:200px;
	font-size: 105%;
	background: #FFF url('../images/bub2dark.jpg');
	border-top: 10px solid #666;
}

.fb_share_link { padding:2px 0 0 20px; height:16px; background:url(http://static.ak.fbcdn.net/images/share/facebook_share_icon.gif?7:26981) no-repeat top left; }

#social
{
	margin: 0 auto;
	color: #fff;
	height:40px;
	font-size: 105%;
	background: #FFF;
	border-top: 1px solid #666;
}

#footercontent
{
	margin: 0 auto;
	width: 800px;
	font-size: 85%;
}

#footer a
{
	color: #999;
	text-decoration: none;
}

#footer a:hover
{
	color: #FFF;
}

#footerleft
{
	float: left;
	width: 400px;
	padding: 20px 0px 20px 0px;
}

#footerleftsocial
{
	float: left;
	width: 400px;
	padding: 10px 0px 10px 0px;
}

#footerright
{
	float: left;
	width: 400px;
	padding: 20px 0px 20px 0px;
	text-align: right;
}


#footerrightsocial
{
	float: left;
	width: 400px;
	padding: 10px 0px 10px 0px;
	text-align: right;
}

#mainmenu
{
	float: left;
	width: 190px;
	padding: 0px 0 0 0;
	font-size: 95%;
	font-weight: normal;

}

#mainmenu ul
{
 list-style-type: none;
 margin: 0;
}

#mainmenu a
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	float: right;
	text-decoration: none;
	background: #FFF url('../images/6.gif');
			border-bottom: 2px solid #FFFFFF;

	color: #333;
}

#mainmenu a.active
{
		display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;

	color: #333;
}

#mainmenu a:hover
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;
	background: #FFF url('../images/7.gif');

	color: #333;
}



#started
{
	float: left;
	width: 190px;
	padding: 0px 0 0 0;
	font-size: 95%;
	font-weight: normal;

}

#started ul
{
 list-style-type: none;
 margin: 0;
}

#started a
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	float: right;
	text-decoration: none;
	background: #FFF url('../images/6.gif');
			border-bottom: 2px solid #FFFFFF;

	color: #82064C;
}

#started a.active
{
		display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;

	color: #333;
}

#started a:hover
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;
	background: #FFF url('../images/7.gif');

	color: #fff;
}




#purmenu
{
	float: right;
	width: 190px;
	padding: 0px 0 0 0;
	font-size: 95%;
	font-weight: normal;

}

#purmenu ul
{
 list-style-type: none;
 margin: 0;
}

#purmenu a
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	float: right;
	text-decoration: none;
	background: #891556;
			border-bottom: 2px solid #FFFFFF;

}

#purmenu a.active
{
		display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;

	color: #fff;
}

#purmenu a:hover
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 190px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;
			background-color:#222;

	color: #fff;
}

.check {

	width:18px; 

}

.button {
 font-size: 12px;
 background-color: #222;
 	padding: 5px;
	width: 100px;
	color: #FFFFFF;
}


form fieldset { border: 0; padding: 10px 25px 15px; margin: 0; }
form fieldset legend { display: none; }
form p { height: 1%; }
form p:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
form p label {  
	font-size: 1em; 
	color: #222; 
	float: left; 
	display: block; 
	width: 30%; 
	margin-right: 20px; 
	font-family: "Lucida Grande";
	}
form p input,
form p select, 
form p textarea { 
	font-size: 1em; 
	color: #666; 
	border: 1px solid #ccc; 
	padding: 5px; 
	background-color: #E6E6E6; 
	width: 55%; 
	font-family: "Lucida Grande";
	}
form p select { width: 57.5%; }
form ul.fieldlist { margin: -30px 0 10px 33%; padding: 0; list-style-type: none; }
form ul.fieldlist li { color: #666; padding: 0 30px 5px 0; white-space: nowrap; }
form input.btn { 
	width: auto; 
	overflow: visible;
	border: 0; 
	background: #222; 
	padding: 8px 10px;
	cursor: pointer; 
	color: #fff;  
	}

div.base-layer {
  background: none #ffffff; 
  border: none; 
  color: #000000;
  margin: 0.5em 10px 0.5em 10px; 
  padding: 0; 
  text-align: center; 
  width: auto;
}

div.table-row {
  background: none #ffffff; 
  border: none; 
  color: #000000;
  margin-top: 0; 
  margin-right: auto; 
  margin-bottom: 0; 
  margin-left: auto;
  padding: 0; 
  text-align: 
  center; width: 96%;
}
div.left-container2 {
  border: none; float: left; margin: 0; padding: 0; width: 50%;
}
div.right-container2 {
  border: none; float: right; margin: 0; padding: 0; width: 50%;
}
div.space-line {
  clear: both; margin: 0; padding: 0; width: auto;
}


ƒ