*
{
	margin: 0;
	padding: 0;
}

.textfield {
 font-size: 12px;
 background-color: #67962E;
 color: #FFFFFF;
 border: 1px solid #67962E;
 	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;

}


.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: 80%;
	font-family: "trebuchet ms";
}

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

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

#header a
{
	color: #67962E;
	text-decoration: none;
	font-weight: bold;
}

#header a:hover
{
	color: #222;
	text-decoration: none;
	font-weight: bold;
}



img
{
	border: 0;
}

#topCont
{
	margin: 0 auto;
	width: 100%;
	height: 120px;
	background: url('../images/top.gif');

}

#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: #FFF url('../images/0.png') repeat-x;
}

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

}

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

#headerleft
{
	float: left;	
width: 500px;
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%;
			border-bottom: 2px solid #ddd;

}

#main
{
	margin: 0 auto;
	width: 830px;
		padding: 0 0px 20px 0;
		background: #FFFFFF;

}

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

#shadowbottom
{
	margin: 0 auto;
	width: 100%;
	background: #FFF url('../images/upsidedown.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;
}

#menu ul li
{
	display: inline;
}

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

#menu ul li a.active
{
	background: #333 url('../images/background-menucont-hover.png') repeat-x;
}




#menu ul li a:hover
{
	background: #333 url('../images/background-menucont-hover.png') repeat-x;
}

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


#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;}


#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;
}



#maincontent
{
	float: left;
	width: 630px;
	padding: 0px 10px 0px 0px;
	line-height: 160%;
			border-right: 10px solid #E6E6E6;

}

#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: 775px;
	height: 101px;
	padding: 180px 0px 0px 25px;
		background: url('../images/completeindex.jpg') repeat-x;

}

#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: 100%;
	padding: 0px 0px 20px 0px;
	line-height: 160%;
	


}

#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%;


}

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

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


}

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

}

blockquote
{
	margin: 0 0 15px 0;
	padding: 10px 30px;
	width: 520px;
	border-left: 2px solid #86094D;
	background: url('../images/bub4.jpg') repeat-y;
	font-family: arial;
}



#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: 150px;
	padding: 0px 0px 20px 0px;
	line-height: 160%;
		float:left;
			border-right: 5px solid #D6D6D6;



}

#writeleft
{
	width: 130px;
	padding: 100px 10px 20px 15px;
	line-height: 160%;
	background: #D6D6D6;
	color: #333;
		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: 188px;
	padding: 0px 0px 16px 0px;
	line-height: 160%;

}

#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: 564px;
	padding: 5px;
	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;


}

#information
{
	width: 146px;
	padding: 10px;
	color: #222;
	line-height: 160%;
	font-size:11px;
	background: url('../images/top.gif');
				



}

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



}

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


}



#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;



}




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


}

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


}

#press
{
	width: 453px;
	padding: 5px 5px 5px 5px;
	line-height: 160%;
		float:right;
	border-bottom: 2px solid #CCC;


}

#solusleft
{
	width: 215px;
	padding: 5px 5px 5px 5px;
	line-height: 160%;
		float:left;
					border: 0px solid #C6C6C6;


}

#solusleftmain
{
	width: 215px;
	line-height: 160%;
		float:left;


}

#solusright
{
	width: 215px;
	padding: 5px 5px 5px 5px;
	line-height: 160%;
		float:right;
					border: 0px solid #C6C6C6;

}

#solusrightmain
{
width: 215px;
	line-height: 160%;
		float:right;

}

#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: 150px;
	line-height: 160%;
		padding: 0px 0px 0px 0px;


}

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

#maincontent h1
{
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 150%;
	letter-spacing: -1px;
	color: #000;
		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;
}

#contentrighttopimage img
{
	margin: 0 0 0px 0px;
	padding: 2px;
	border: 5px solid #67962E;
}


#information img
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}


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





#footerCont
{
	width: 100%;	

}

#footer
{
	margin: 0 auto;
	color: #222;
	height:300px;
	font-size: 105%;
	background: #C6C6C6;
}

#footerfirst
{
	margin: 0 auto;
	color: #222;
	height:120px;
	font-size: 105%;
	background: #DDD;
	 border-bottom: 2px solid #ddd;

}

.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: 830px;
	font-size: 85%;

}

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

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



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

#footerwide
{
	float: left;
	width: 100%;
	padding: 20px 0px 20px 0px;
}




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

#footerright
{
	float: right;
	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: 130px;
	padding: 0px 0 0 0;
	font-size: 95%;
	font-weight: normal;
	background: #C6C6C6;

}

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

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

	color: #333;
}

#mainmenu a.active
{
	background: #C6C6C6;
	color: #FFF;
}

#mainmenu a:hover
{
	background: #67962E;
	color: #FFF;
}

#greenmenu
{
	float: left;
	width: 130px;
	padding: 0px 0 0 0;
	font-size: 95%;
	font-weight: normal;
	background: #67962E;

}

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

#greenmenu a
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 130px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;

	color: #FFF;
}

#greenmenu a.active
{
	background: #67962E;
	color: #FFF;
}

#greenmenu a:hover
{
	background: #C6C6C6;
	color: #000;
}

#redmenu
{
	float: left;
	width: 130px;
	padding: 0px 0 0 0;
	font-size: 95%;
	font-weight: normal;
	background: #990000;

}

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

#redmenu a
{
	display: block;
	padding: 3px 0 3px 10px;
	width: 130px;
	text-decoration: none;
			border-bottom: 2px solid #FFFFFF;

	color: #FFF;
}

#redmenu a.active
{
	background: #990000;
	color: #FFF;
}

#redmenu a:hover
{
	background: #990000;
	color: #fff;
}




ƒ