@charset "utf-8";
/* template styles */
* { padding:0; margin:0; } 
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: center;
	margin: 0;
	min-height: 101%;
}
html {height: 100%;} 
h1 {
	font-size: 1.7em;
	margin: 0 0 6px 0;
	color: #919190;
}
h2 { font-size: 1.3em; margin: 0; color: #717170; font-weight: normal;}
h3 { font-size: 100%;  }
h4 { font-size: 100%;  }
p {
	margin: 0 0 4px 0;
	color: #333333;
	font-size: 1.1em;
}
ul {margin: 10px 0 0 10px;}
li{margin: 0 0 0 10px;}
blockquote {margin: 8px 0 8px 20px;}
A:link {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	}
A:visited {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	}
A:hover {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
	}
A:active {
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
	}
#wrapper {
	width: 1024px;
	margin: auto;
	background: #fff;
}
.banner {
	width: 1004px;
	margin: 0 10px;
	float: left;
	padding: 5px 0 15px 0;
	display: inline;
}
.logo { width: auto; float: left; padding: 0 0 14px 0; display: inline;}
.job {width: 100px; float: right; display: inline;}
.phone { width: 220px; float: right; margin: 0 0 0 0; text-align: right; display: inline; clear: right;}
.phone p { font-size: 2.0em; color: #8cc63f;}
.bannertext { width: 210px; float: right; margin: 65px 30px 0 0; text-align: left;}
.bannertext h2, .bannertext p, .bannertext a { color: #fff; line-height: 1.5em;}
.topnav {width: 765px; float: right; padding: 0; margin: 0 0 0 0; display: inline;}
.topnavimg {width: auto; float: left; text-align: centre; margin: 0 18px 0 0; display: inline;}
.topnavlink {width: auto; float: left; text-align: left; margin: 0 15px 0 0; display: inline;}
.vnav {
	width: 214px;
	float: left;
	margin: 25px 0 0 0;
	padding: 0 0 0 0;
	display: inline;
}
.vnavlink {width: 214px; float: left; border-top: 1px solid #919190; padding: 10px 0 20px 0; display: inline;}
.vnavlink a {
	font-size: 1.3em;
	color: #919190;
}
.vnavlink a:link, .vnavlink a:visited, .vnavlink a:hover, .vnavlink a:active { color: #919190;}
.vnavlink a:link, .topnavlink a:visited {
	text-decoration: none;
	font-weight: bold;
}
.vnavlink a:hover, .vnavlink a:active {
	text-decoration: underline;
	font-weight: bold;
}
.content {
	width: 1004px;
	float: left;
	margin: 0 10px;
	text-align: left;
	display: inline;
}
.contentarea { width: 765px; float: right; display: inline;}
.footer { 
	width: 1004px;
	padding: 10px 0 10px 0;
	margin: 0 10px;
	clear: both;
	background: #8cc63f;
	text-align: left;
	
}
.footer p, .footer a {color: #fff; }
.footer p { margin: 0 0 0 250px; font-size: 1.1em; }
.footer a:link, .footer a:visited, .footer a:hover, .footer a:active { color: #fff; }
/* index page */

.mainimg { width: 765px; float: right; display: inline;}
.services { width: 590px; float: left; padding: 20px 0 15px 0; display: inline;}
.servicestitle {width: 590px; float: left; border-bottom: 1px solid #919190; padding: 0 0 10px 0; display: inline;}
.servicestext {width: 360px; float: right; font-size: 1em; line-height: 1.6em; padding: 6px 5px 0 5px;}
.servicesbuttonwrapper, .servicessmall, .servicestitlesmall { width: 214px; float: left; display: inline;}
.servicestitlesmall {padding: 20px 0 10px 0; border-bottom: 1px solid #919190; display: inline;}
.servicessmall {padding: 0 0 15px 0; display: inline;}
.servicesbutton1, .servicesbutton2, .servicesbutton3, .servicesbutton4 { width: 204px; float: left; margin: 10px 0 0 0; height: 41px; padding: 4px 0 0 10px;}
.servicesbutton1 {background: url(images/green_button.gif) no-repeat; display: inline;}
.servicesbutton2 {background: url(images/pink_button.gif) no-repeat; display: inline;}
.servicesbutton3 {background: url(images/blue_button.gif) no-repeat; display: inline;}
.servicesbutton4 {background: url(images/orange_button.gif) no-repeat; display: inline;}
.servicesbuttonwrapper a {color: #fff; font-size: 1.1em; text-decoration: none;}
.servicesbuttonwrapper a:link, .servicesbuttonwrapper a:visited, .servicesbuttonwrapper a:hover, .servicesbuttonwrapper a:active { color: #fff;}
.servicessmall {clear: left;}

.testimonials, .testimonialstitle { width: 400px; float: right; display: inline;}
.testimonials {  padding: 20px 0 15px 0;}
.testimonialstitle {border-bottom: 1px solid #919190; padding: 0 0 10px 0;}
.testimnonialstext { width: 370px; float: right; padding: 15px; background: #8cc63f; margin: 10px 0 0 0; display: inline;}
.testimnonialstext p, .testimnonialstext a { font-size: 1.1em; color: #fff; line-height: 1.3em;}
.testimnonialstext a:link, .testimnonialstext a:visited, .testimnonialstext a:hover, .testimnonialstext a:active { font-size: 1em; color: #fff;}

.bottom-area {width: 1004px; float: left; display: inline;}

/* other pages */
.titleimg {width: 755px; float: right; background: #8cc63f; padding: 4px 0 0 10px; margin: 34px 0 0 0; display: inline;}
.eventtitle {width: 625px; float: right; background: url(images/event_man_title.jpg) no-repeat; padding: 40px 0 2px 140px;}
.retailtitle {width: 625px; float: right; background: url(images/services_header_bg_retail_c.jpg) no-repeat; padding: 40px 0 2px 140px;}
.campaigntitle {width: 625px; float: right; background: url(images/services_header_bg_campaign.jpg) no-repeat; padding: 40px 0 2px 140px;}
.producttitle {width: 625px; float: right; background: url(images/services_header_bg_product_.jpg) no-repeat; padding: 40px 0 2px 140px;}
.titleimg h1, .eventtitle h1, .retailtitle h1, .campaigntitle h1, .producttitle h1 {color: #fff;}
.textarea {width: 745px; float: left; padding: 20px 10px 10px 10px; display: inline;}

/* general */

.left {width: auto; float: left; margin: 0 10px 0 0;}
.right {width: auto; float: right; margin: 0 0 10px 10px;}
.right2 {width:auto; float: right; margin: 5px 0 0 5px;}
.designers {float: right; width: 170px; text-align: right; margin: 0 10px 0 0; display: inline;}
.designers p, .designers a {color: #fff; margin: 0 0 0 0;}
ul {padding: 0 0 0 0; }
li {padding: 5px 0;}

/* text colours */

.pink { color: #ec0089;}
.pinkbold { color: #ec0089; font-weight: bold; font-size: 1.2em;}
.tnpink a:link, .tnpink a:visited, .tnpink a:hover, .tnpink a:active {color: #ec0089; font-size: 1.1em; font-weight: bold; text-decoration: none;}
.green { color: #8cc63f;}
.greenbold, .greenbold a { color: #8cc63f; font-weight: bold; font-size: 1.2em;}
.tngreen a:link, .tngreen a:visited, .tngreen a:hover, .tngreen a:active {color: #8cc63f; font-size: 1.1em; font-weight: bold; text-decoration: none;}
.blue { color: #00acef;}
.bluebold { color: #00acef; font-weight: bold; font-size: 1.2em;}
.bluebold a:link, .bluebold a:visited, .bluebold a:hover, .bluebold a:active {color: #00acef; font-weight: bold; font-size: 0.8em;}
.tnblue a:link, .tnblue a:visited, .tnblue a:hover, .tnblue a:active {color: #00acef; font-size: 1.1em; font-weight: bold; text-decoration: none;}
.orange { color: #f6901e;}
.orangebold { color: #f6901e; font-weight: bold; font-size: 1.2em;}
.tnorange a:link, .tnorange a:visited, .tnorange a:hover, .tnorange a:active {color: #f6901e; font-size: 1.1em; font-weight: bold; text-decoration: none;}

/* what we offer */

.offerboxwrapper {width: 745px; float: left; padding: 0 0 10px 0 ;}
.offerbox1, .offerbox2, .offerbox3, .offerbox4 {padding: 10px;}
.offerbox1 { width: 345px; float: left; background: #8cc63f; border: 1px solid #76a735; }
.offerbox2 { width: 345px; float: right; background: #ec0089; border: 1px solid #c90075; }
.offerbox3 { width: 345px; float: left; background: #00acef; border: 1px solid #008cc3; }
.offerbox4 { width: 345px; float: right; background: #f6901e; border: 1px solid #d57d1a; }
.offerboxtext {width: 225px; float: left;}
.offerboxwrapper h2, .offerboxwrapper a, .offerboxwrapper p {color: #fff; }
.offerboxwrapper h2, .offerboxwrapper p {font-weight: bold; margin: 0; padding: o;}
.offerboxwrapper p {line-height: 1.3em; }
.offerboximg {width: 100px; float: right; margin: 0 0 15px 10px;}
.matrix {width: 745px; float: left; padding: 10px 10px 0 10px;}
.offerboxwrapper a:link, .offerboxwrapper a:visited, .offerboxwrapper a:hover, .offerboxwrapper a:active { color: #fff;}


/* contact form */

#contactform {
	width: 400px;
	float: left;
	color: #333333;
	margin: 10px 0 0 0;
	padding: 10px 5px 5px 10px;
}
legend {
	margin-left: 0;
	color: #333333;
	font-weight: bold;
	padding: 0;
	border: 0;}
fieldset {border:0} 
fieldset ol { padding: 0; list-style: none;}	 
fieldset li {
	float: left;  
	clear: left;  
	width: 385px;  
	padding: 0 0 2px 0; 
	margin: 0 0 0 0;
}
fieldset.submit {
	float: right;  
	width: 110px;  
	border-style: none;  
	background-color: transparent;
	margin: 0 0 0 9px;	
}
label { float: left; width: 180px;}
.submit {float: right; margin: 0 38px 0 0;}
.select {width: 183px;}
.field1 { width: 370px; float: left; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc;}
.field2 { width: 370px; float: left; margin: 0 5px 0 0; padding: 10px 0 0 0;}
.formbox {width: 180px;}
.formselect {width: 184px;}
.formtext {width: 180px;}
.address {width: 315px; float: right; margin: 10px 10px 0 0; padding: 10px 0 0 0;}
.servicestext h1 {font-size: 1.1em; color: #333333;}