@charset "UTF-8";
html {
	height: 100%;
}
body {
	height: 100%;
	background-image: url(/gfx/main-bg.gif);
	background-repeat: repeat-y;
	background-position: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
textarea, input {
	border: solid 1px #f36b22; 
}
#wrapper {
	margin: auto;
	width: 842px;
	position: relative;
}
#wrapper #top {
	height: 65px;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #9C9C9C;
	padding-top: 15px;
	position: relative;
}
#wrapper #top #home_logo {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 15px;
}
#wrapper #top a {
	color: #ACACAC;
	text-decoration: none;
}
#wrapper #top a:hover {
	color: #000000;
}
#wrapper #top #address {
	float: right;
	text-align: right;
	line-height: 18px;
	margin-top: 5px;
}
#wrapper #top #address strong{
	color: #ACACAC;
}
#wrapper #top #address .tel{
	font-size: 15px;
}
#wrapper #banner {
	height: 200px;
	width: 838px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #C3C3C3;
	border-left-color: #C3C3C3;
}
/*Main Banner Image Style */
#wrapper .service {
	height: 200px;
	color: #7A7A7A;
	font-size: 11px;
	width: 845px;
	background-position: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C3C3C3;
}
#wrapper .service h1 {
	font-size: 20px;
	margin: 0px;
	display: block;
	bottom: 0px;
}
/*Menu Styles */
#wrapper #menu {
	font-size: 13px;
	font-weight: bold;
	color: #787878;
	width: 838px;
	border: 1px solid #c3c3c3;
	height: 22px;
	padding-top: 5px;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#wrapper #menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
#wrapper #menu ul li{
	position: relative;
	display: inline;
	float: left;
	height: 22px;	
}
/*Top level menu link items style*/
#wrapper #menu ul li a{
	text-decoration: none;
	color: #787878;
	padding-top: 1px;
	padding-right: 27px;
	padding-bottom: 15px;
	padding-left: 30px;
}
	
/*1st sub level menu*/
#wrapper #menu ul li ul{
	left: 30px;
	position: absolute;
	top: 0em; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 8px;
	border: 1px solid #C3C3C3;
	width: 230px;
	z-index: 100;
}
/*Sub level menu list items (undo style from Top level List Items)*/
#wrapper #menu ul li ul li{
	display: list-item;
	float: none;
	height: auto;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
#wrapper #menu ul li ul li ul{ 
left: 199px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
#wrapper #menu ul li ul li a{
	display: block;
	width: 225px; /*width of sub menu levels*/
	color: #787878;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 0px;
}

#wrapper #menu ul li a:hover{
	color: #F36B22;
}

/*Background image for top level menu list links */
#wrapper #menu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
#wrapper #menu .subfoldericon{
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html #wrapper #menu ul li { float: left; height: 1%; }
* html #wrapper #menu ul li a { height: 1%; }

/*Portfolio Item general styles for the boxes and table cells*/
.portfolioItem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-image: url(/gfx/unit-top.gif);
	background-repeat: no-repeat;
	width: 269px;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 10px;
}
.portfolioItem p {
	margin-top: 5px;
	margin-right: 13px;
	margin-bottom: 5px;
	margin-left: 13px;
	line-height: 15px;
}
.portfolioItem h2 {
	font-size: 15px;
	text-align: left;
	display: block;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-top: 0px;
}
.portfolioItem h3 {
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: 13px;
	margin-top: 12px;
	margin-right: 13px;
}
.portfolioItem a:hover {
	color: #000000;
}
.portfolioItem table td {
	text-align: center;
}
.portfolioCell {
	background-image: url(/gfx/unit-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 15px;
	padding-bottom: 10px;
}

/*separate styles for the colours of the 5 main areas of the website*/
.multimedia {
	background-image: url(/gfx/unit-bottom-multimedia-design.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 15px;
	padding-bottom: 32px;
}
.multimedia h2, .multimedia strong, .multimedia a {
	color: #6FC300;
	text-decoration: none;
	font-weight: bold;
}
.webdesign {
	background-image: url(/gfx/unit-bottom-website-design.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 15px;
	padding-bottom: 25px;
}
.webdesign h2, .webdesign strong, .webdesign a {
	color: #1458a2;
	text-decoration: none;
	font-weight: bold;
}
.onlineMarketing {
	background-image: url(/gfx/unit-bottom-online-marketing.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 15px;
	padding-bottom: 32px;
}
.onlineMarketing h2, .onlineMarketing strong, .onlineMarketing a {
	color: #b30946;
	text-decoration: none;
	font-weight: bold;
}
.graphicDesign {
	background-image: url(/gfx/unit-bottom-graphic-design.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 15px;
	padding-bottom: 28px;
}
.graphicDesign h2, .graphicDesign strong, .graphicDesign a {
	color: #FB6227;
	text-decoration: none;
	font-weight: bold;
}
.exhibitions {
	background-image: url(/gfx/unit-bottom-exhibition-design.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-right: 15px;
	padding-bottom: 32px;
}
.exhibitions h2, .exhibitions strong, .exhibitions a {
	color: #119B22;
	text-decoration: none;
	font-weight: bold;
}

/*Body Copy Styles*/
#wrapper #body1 {
	margin-top: 10px;
	margin-bottom: 20px;
}
#wrapper #clientLogos {
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1C1C1;
	padding-bottom: 20px;
}
#wrapper #body1 h1 {
	font-size: 18px;
	margin: 10px;
}
#wrapper #body1 h2 {
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#wrapper #body1 p {
	margin-top: 12px;
	margin-bottom: 12px;
	line-height: 16px;
}
#wrapper #clientLogos #clientLogo {
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-left: 27px;
}
#wrapper #body1 p {
	margin: 10px;
}
.news1 {
	background-image: url(/gfx/news-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: right;
	width: 552px;
	margin-bottom: 25px;
}
.news2 {
	background-image: url(/gfx/news-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 16px;
}
#wrapper .news1 .news2 h2 {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#wrapper .news1 .news2 p {
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}
a {
	color: #FB6227;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
.portfolioItems {
	margin-bottom: 25px;
}
.greyHead {
	font-size: 18px;
	color: #9c9c9c;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 15px;
	margin-left: 20px;
}
.greyHead2 {
	font-size: 18px;
	color: #9c9c9c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: bold;
}
#wrapper .leftColTall {
	float: left;
	width: 269px;
	background-image: url(/gfx/unit-top_tall.gif);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#wrapper .twitter {
	background-image: url(/gfx/unit-bottom-twitter.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 15px;
}
#wrapper .leftColTall2 {
	background-image: url(/gfx/unit-bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding-top: 5px;
}
#wrapper .leftColTall .leftColTall2 p {
	display: block;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-size: 12px;
	height: 22px;
	padding-top: 4px;
}
#wrapper .leftColTall .leftColTall2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 11px;
}
#wrapper .leftColTall .leftColTall2 ul li a {
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#wrapper .leftColTall .leftColTall2 a {
	color: #000;
}
#wrapper .leftColTall .leftColTall2 a:hover {
	color: #FB6227;
}
#footer {
	background-color: #EFEFEF;
	width: 935px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer p {
	font-size: 10px;
	color: #999999;
	text-align: center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#footer li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
}
#footer ul {
	padding: 0px;
	text-align: center;
	margin: 10px 0px 0px 0px;
}
#footer a {
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

#footer a:hover {
	color: #f36b22;
}
#blackbar {
	background-color: #FFFFFF;
	width: 935px;
	position: relative;
	text-align: center;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 7px;
	padding-left: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	clear: both;
}
#blackbar p {
	color: #333333;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: bold;
}
#blackbar a {
	color: #FD651C;
	text-decoration: none;
}
#blackbar a:hover {
	color: #FFFFFF;
}
#tukkjd-tukkjd {
	width: 60%;
	border: 1px solid #DDDDDD;
	margin: 0px;
}
#wrapper .news1 .news2 .block4 #subscribe {
	border: 1px solid #DDDDDD;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#wrapper .news1 .news2 #eSubscribe {
	margin: 0px;
}
.bulletWebsite {
	background-image: url(/gfx/bullet-icons/website-design-and-development.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
}
.bulletGraphic {
	background-image: url(/gfx/bullet-icons/graphic-design.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
}
.bulletOnline {
	background-image: url(/gfx/bullet-icons/online-marketing.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
}
.bulletMultimedia {
	background-image: url(/gfx/bullet-icons/multimedia.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
}
.bulletExhibition {
	background-image: url(/gfx/bullet-icons/exhibition-stand-design.gif);
	background-repeat: no-repeat;
	padding-left: 33px;
}
#wrapper .theirWord1 {
	background-image: url(/gfx/news-top.gif);
	float: right;
	width: 552px;
	margin-bottom: 20px;
}
#wrapper .theirWord2 {
	background-image: url(/gfx/news-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 20px;
	float: left;
	width: 512px;
}
#wrapper .theirWord1 .theirWord2 h2 {
	font-size: 18px;
	color: #9c9c9c;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#wrapper .theirWord1 .theirWord2 .word1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 242px;
	float: left;
}
#wrapper .theirWord1 .theirWord2 .word1 p {
	margin-top: 5px;
	margin-right: 13px;
	margin-bottom: 5px;
	margin-left: 0px;
	line-height: 15px;
}
#wrapper .theirWord1 .theirWord2 .word1 h2 {
	font-size: 12px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 12px;
	color: #000000;
}
#wrapper .theirWord1 .theirWord2 .word1 .keywords {
	font-size: 10px;
	color: #9c9c9c;
}
#wrapper .leftColTall .leftColTall2 h1 {
	font-size: 18px;
	color: #ACACAC;
	margin-left: 20px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.steps {
	margin-top: 20px;
	margin-bottom: 25px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 10px;
	font-weight: bold;
}
#wrapper #body2 hr {
	margin-top: 25px;
	margin-bottom: 25px;
	color: #EEEEEE;
}
#wrapper #body2 .steps a {
	color: #000000;
}
#wrapper #slogan {
	font-size: 18px;
	text-align: center;
	height: 30px;
	width: 838px;
	border: 1px solid #c3c3c3;
	padding-top: 6px;
	margin-bottom: 15px;
}
#wrapper #menu ul li .menuWebsite a:hover {
	color: #1458a2;
}
#wrapper #menu ul li .menuOnline a:hover {
	color: #b30946;
}
#wrapper #menu ul li .menuMultimedia a:hover {
	color: #6FC300;
}
#wrapper #menu ul li .menuGraphic a:hover {
	color: #FB6227;
}
#wrapper #menu ul li .menuExhibition a:hover {
	color: #119B22;
}
#homeLeftCol {
	float: left;
	width: 269px;
}
#wrapper #homeLeftCol .leftColTall .leftColTall2 #twitter_update_list .module-list-item {
	margin-top: 15px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#wrapper #homeLeftCol .leftColTall .leftColTall2 #twitter_update_list .module-list-item a {
	margin-left: 0px;
}
#wrapper #homeLeftCol .leftColTall .leftColTall2 #twitter-link {
	color: #37CCFF;
}
#wrapper #homeLeftCol .leftColTall .leftColTall2 #twitterLogo {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
}
#wrapper .topExample #clientLogo {
	margin-left: 15px;
}
#wrapper .topExample ul {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	list-style-type: none;
	font-weight: bold;
}
.clothingGrid {
	float: right;
	width: 240px;
	margin-left: 30px;
}
#wrapper #body2 .clothingGrid ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#wrapper #body2 .clothingGrid ul li {
	padding-top: 5px;
	padding-left: 0px;
	margin-left: 0px;
	text-transform: uppercase;
}
.imageRightMargin {
	float: right;
	margin-left: 25px;
	margin-bottom: 15px;
}
#services {
	height: 30px;
	width: 760px;
	margin: auto;
}
#wrapper #services ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#wrapper #services ul li {
	display: block;
	padding-right: 30px;
	height: 20px;
	padding-top: 5px;
	float: left;
}
#wrapper #services a {
	color: #000;
}
#wrapper #services a:hover {
	color: #FB6227;
}
#wrapper #services ul .bulletExhibition.serviceLast {
	padding-right: 0px;
}
#serviceContainer {
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 8px;
	margin-bottom: 15px;
}
#wrapper #homeLeftCol .leftColTall .leftColTall2 ul li {
	margin: 0px;
	padding: 0px;
	line-height: 1em;
	height: 18px;
}
.clientList {
	float: right;
	padding-left: 15px;
}
#wrapper #body1 .clientList #jumpMenu {
	color: #F76227;
	border: 1px solid #F76227;
	width: 160px;
}
.leftColumn {
	float: left;
	width: 50%;
}
#wrapper #body2 .designIcon {
	margin-right: 15px;
	float: left;
}
.smallTM {
	font-size: smaller;
}
p.imageCaption1 {
	font-size: 11px;
	text-align: center;
}
.module-list {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.module-list li {
	font-size: 11px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
#wrapper #banner #videoWrapper {
	height: 300px;
}
.home {
	height: 300px;
}
#wrapper .home #videoWrapper {
	height: 300px;
}