@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
	{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	}
body 
	{
	font-family:Helvetica, Arial, sans-serif;
	padding: 0;
	margin: 0;
	background: #ecf4fb url(../images/content-bg.png) no-repeat center 170px;
	}
body#home 
	{
	background: #ecf4fb url(../images/bg-home.png) no-repeat center 135px;
	}
ol, ul 
	{
	list-style:none;
	}
blockquote, q
	{
	quotes:none;
	}
blockquote:before, blockquote:after, q:before, q:after
	{
	content:”;
	content:none;
	}
:focus
	{
	outline:0;
	}
ins
	{
	text-decoration:none;
	}
del
	{
	text-decoration:line-through;
	}

h1, h2, h3, h4, h4, h6
	{
	line-height: 1.4em;
	margin-top: 0.5em;
	color:#2e3b41;
	font-weight: normal;
	}
h1 
	{
	font-size:24px;
	}
h2 
	{
	font-size:16px;
	margin: 0;
	padding: 0;
	height: 104px;
	width: 1000px;
	text-indent: -10000px;
	background-repeat: no-repeat;
	background-position: left top;
	}
h4
	{
	font-weight: bold;
	}
/* HEADINGS */ 
#web h2 { background-image: url(../images/heading-websites.png); }
#posters h2 { background-image: url(../images/heading-posters.png); }
#business-cards h2 { background-image: url(../images/heading-businesscards.png); }
#print h2 { background-image: url(../images/heading-print.png); }
#flyers h2 { background-image: url(../images/heading-flyers.png); }
#banners h2 { background-image: url(../images/heading-banners.png); }
#design h2 { background-image: url(../images/heading-design.png); }
#logos h2 { background-image: url(../images/heading-logodesign.png); }
#stationery h2 { background-image: url(../images/heading-stationery.png); }
#graphic h2 { background-image: url(../images/heading-graphic.png); }
#seo h2 { background-image: url(../images/heading-seo.png); }
#email h2 { background-image: url(../images/heading-email.png); }
#ecommerce h2 { background-image: url(../images/heading-ecommerce.png); }
#cms h2 { background-image: url(../images/heading-cms.png); }
#contact h2 { background-image: url(../images/heading-contact.png); }
#artwork h2 { background-image: url(../images/heading-artwork.png); }
#eco h2 { background-image: url(../images/heading-eco.png); }
#sitemap h2 { background-image: url(../images/heading-sitemap.png); }
#ebrochures h2 { background-image: url(../images/heading-ebrochures.png); }

h3 
	{
	font-size:18px;
	}
h3 strong, h4 strong
	{
	color: #c01022;
	}

h4 
	{
	font-size:16px;
	}
h4.normal 
	{
	font-weight: normal;
	}
h5 
	{
	font-size:14px;
	}
h6 
	{
	font-size:12px;
	}
p, li, th, td, ul
	{
	font-size:12px;
	line-height: 1.4em;
	margin:0.5em 0 0 0;
	color:#2e3b41;
	}

p strong.big, li strong.big, td strong.big
	{
	font-size: 14px;
	color: #c01022;
	}
p em
	{
	font-size: 11px;
	font-style: normal;
	}
#web p, #web li
	{
	line-height: 1.6em;
	}
#content ul.nomarg, h4.nomarg
	{
	margin-top: 1px;
	padding-top: 4px;
	}
p.nomarg
	{
	margin-top: 0px;
	padding-top: 0px;
	}
.boxstyle p.nomarg
	{
	margin-top: 0px;
	padding-top: 3px;
	}
#content p.offer
	{
	width: 180px;
	height: 180px;
	text-indent: -10000px;
	background: url(../images/callus-1.gif) no-repeat left top;
	position: absolute;
	left: 240px;
	top: 350px;
	}
#content p.calltoaction
	{
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 10px;
	text-indent: -10000px;
	}
#business-cards p.calltoaction
	{
	width: 253px;
	height: 264px;
	background: url(../images/freebcartwork.gif) no-repeat left top;
	right: 100px;
	}
#flyers p.calltoaction
	{
	width: 253px;
	height: 264px;
	background: url(../images/callustoday.gif) no-repeat left top;
	right: 100px;
	}
#posters p.calltoaction
	{
	width: 312px;
	height: 290px;
	background: url(../images/colourposters.png) no-repeat left top;
	right: 16px;
	top: 13px;
	}
#ebrochures p.calltoaction
	{
	width: 262px;
	height: 234px;
	background: url(../images/takealook.png) no-repeat left top;
	right: 0px;
	top: 18px;
	}
#email p.calltoaction
	{
	width: 262px;
	height: 234px;
	background: url(../images/takealook1.png) no-repeat left top;
	right: 0px;
	top: 18px;
	}
#content p.centre
	{
	left: 390px;
	}
#content p.midleft
	{
	left: 300px;
	}
#content p.calltoaction a
	{
	display: block;
	text-indent: -10000px;
	width: 100%;
	height: 100%;
	}
#banners #content p.calltoaction
	{
	width: 251px;
	height: 254px;
	background: url(../images/bannerstands.png) no-repeat left top;
	right: 53px;
	top: 14px;
	}
#design #content p.calltoaction
	{
	width: 268px;
	height: 257px;
	background: url(../images/artworkoffer.png) no-repeat left top;
	right: 62px;
	top: 25px;
	}
#ecommerce #content p.calltoaction
	{
	width: 262px;
	height: 257px;
	background: url(../images/sellonline.png) no-repeat left top;
	right: 0px;
	top: 0px;
	}
#banners #content #allstands
	{
	width: 190px;
	height: 194px;
	background: url(../images/allstands.gif) no-repeat left top;
	left: 630px;
	top: 515px;
	}
#design #content p.offer
	{
	width: 158px;
	height: 166px;
	background: url(../images/design-offer.gif) no-repeat left top;
	left: 200px;
	top: 210px;
	}
table
	{
	margin-left: 25px;
	border-collapse:collapse;
	border-spacing:0;
	margin-top: 5px;
	}
table.margbottom
	{
	margin-bottom: 5px;
	}
table.alignleft td, table.alignleft th
	{
	text-align: left;
	padding-left: 0;
	padding-right: 25px;
	}
table.alignleft td.tick, table.alignleft td.centre, table.alignleft th.centre, table.alignleft td.notick
	{
	text-align:center;
	padding-right: 0;
	}
table.alignleft td.notick, table.alignleft td.tick
	{
	text-indent: -10000px;
	background-position: center center;
	background-repeat: no-repeat;
	}
table.alignleft td.pad
	{
	padding-left: 5px;
	padding-right: 5px;
	}
table.alignleft td.tick
	{
	background-image:url(../images/tick.gif);
	
	}
table.alignleft td.notick
	{
	background-image:url(../images/cross.gif);
	}

td.last
	{
	padding-right: 15px;
	}

tr.last td
	{
	border-bottom: 1px dotted #c01022;
	}
td,th
	{
	text-align: center;
	padding: 2px 10px;
	vertical-align: middle;
	border-top: 1px dotted #c01022;
	}
th em
	{
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	}

td.price
	{
	background: url(../images/pricetab.png) no-repeat center top;
	font-weight: bold;
	color: #fff;
	height: 25px;
	width: 52px;
	}
#header-outer p, #header-outer li, #header-outer ul,
#featured p, #featured li, #featured ul
	{
	font-size:14px;
	}
li
	{
	margin: 0;
	padding-left: 0x;
	}
ul.list, p.bordertop 
	{
	padding: 5px 0 0 0;
	border-top: 1px dotted #c01022;
	}
#artwork ul.list, #artwork p.bordertop 
	{
	padding: 5px 0 0 0;
	border-top-width: 0px;
	}
ul.bordernone
	{
	padding-bottom: 12px;
	border-top-width: 0px;
	padding-top: 0px;
	margin-top: 4px;
	}
ul.list li
	{
	padding-left: 10px;
	background: url(../images/bullet-red.gif) no-repeat left 6px;
	}
ul.list li.viewsite
	{
	background: none;
	padding: 0;
	margin-top: 4px;
	text-align: right;
	}
	
a:link,a:visited,a:hover,a:active
	{
	color: #C01022;
	font-weight: normal;
	}
#print #subnav a,  body.print #subnav a
	{
	color:#003B91;
	}
#design #subnav a, body.design #subnav a
	{
	color:#0a671e;
	}
#web #subnav a, body.web #subnav a
	{
	color: #DB3400;
	}
a:hover,a:active
	{
	text-decoration: none;
	}

/* HEADER */
#header-outer
	{
	position:fixed;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	height: 170px;
	background: #ecf4fb url(../images/header-bg-2.png) no-repeat center top;
	}
#home #header-outer
	{
	background: url(../images/header-bg.png) no-repeat center top;
	}
#header-outer h1, #header-outer p
	{
	margin: 0;
	padding: 0;
	}
#header-inner, #home #content, #about p, #featured
	{
	width: 1000px;
	height: 137px;
	margin: 0 auto;
	position: relative;
	}
#header-inner h1, #header-inner #tel, #header-inner #email
	{
	position:absolute;
	width:146px;
	height: 106px;
	left: 829px;
	top: 9px;
	text-indent: -10000px;
	}
#header-inner h1 a
	{
	width: 146px;
	height: 106px;
	display: block;
	background: url(../images/logo.png) no-repeat left top;
	}

/* NAVIGATION */
#nav
	{
	width: 530px;
	height: 54px;
	position: absolute;
	left: 25px;
	top: 45px;
	margin: 0;
	padding: 0;
	}
#nav li
	{
	margin: 0;
	padding: 0;
	display: inline;
	}
#nav li a
	{
	text-indent: -10000px;
	float: left;
	width:102px;
	height: 54px;
	display: block;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 15px;
	}
#nav li.print a { background-image: url(../images/nav-print.png); }
#nav li.design a { background-image: url(../images/nav-design.png); width: 266px; }
#nav li.web a { background-image: url(../images/nav-web.png); width: 111px; }

#web #nav .web a, #print #nav .print a, #design #nav .design a, .web #nav .web a, .print #nav .print a, .design #nav .design a
	{
	background-position: bottom left;
	}
#nav li a:hover
	{
	background-position: left -54px;
	}
/* SUB NAVIGATION */
#subnav
	{
	width: 1000px;
	height: 37px;
	position: absolute;
	left: 0px;
	top: 133px;
	margin: 0;
	padding: 0;
	}
#subnav li
	{
	float: left;
	line-height: 37px;
	margin-right: 7px;
	margin-left: 7px;
	}
#subnav li#contact
	{
	float: right;
	padding-right: 18px;
	}
/* SUBNAV HIGLIGHTS */
#stationery .stationery,
#packaging .packaging,
#folders .folders,
#leaflets .leaflets,
#brochures .brochures,
#packaging .packaging,
#graphic .graphic,
#logos .logos,
#pos .pos,
#exhibition .exhibition,
#seo .seo,
#email .email,
#ecommerce .ecommerce, 
#cms .cms,
#business-cards .business-cards,
#posters .posters, 
#flyers .flyers,
#banners .banners,
#stationery .stationery,
#graphic .graphic,
#web .web,
#eco .eco, 
#artwork .artwork, 
#contact .contact,
#ebrochures .ebrochures
{ background: url(../images/subnavarrow.gif) no-repeat center top; }

#subnav li.home
	{
	margin-left: 25px;
	background: url(../images/homeicon.gif) no-repeat left 10px;
	padding-left: 25px;
	}
/* CONTENT */
#content
	{
	margin-top:170px;
	padding:0;
	background:none;
	position:relative;
	padding-bottom: 0px;
	}
/* CONTENT INNER */
#content-inner
	{
	padding-top: 0px;
	padding-bottom: 40px;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	background: url(../images/inner-contentbg.jpg) no-repeat center top;
	}
#content-inner h3, #content-inner h4, #content-inner h5, #content-inner p, #content-inner ul, #content-inner ol
	{
	margin-left: 25px;
	width: 435px;
	}
#content-inner ul.bigger, #content-inner p.bigger, #artwork #content-inner p, #artwork #content-inner ul, #artwork #content-inner h3 
	{
	width: 550px;
	}
#artwork #content-inner p, #artwork #content-inner ul, #artwork #content-inner h3
	{
	width: 600px;
	}
#content-inner p.half, #content-inner ul.half, #content-inner table.half
	{
	width: 185px;
	}
#content-inner p.threequarters, #content-inner ul.threequarters, #content-inner table.threequarters
	{
	width: 280px;
	}

/* CONTACT DETAILS */
#content #contact
	{
	margin: 0;
	padding: 0;
	line-height: 1em;
	width: 524px;
	height: 34px;
	display: block;
	position: absolute;
	left:456px;
	top:50px;
	font-size: 10px;
	text-indent:-10000px;
	background:url(../images/emaildetails.gif) no-repeat left top;
	}


/* BOX STYLE */

.boxstyle
	{
	background: url(../images/boxbottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
	width: 490px;
	position: absolute;
	left: 485px;
	bottom: 40px;
	}
#content .boxstyle h4
	{
	padding: 0;
	margin: 0;
	width: 490px;
	text-indent: 15px;
	background:url(../images/boxtop.gif) no-repeat center top;
	padding-top: 15px;
	line-height: 1em;
	}
.boxinner
	{
	margin-top: 15px;
	background: url(../images/boxbg.png) top left repeat-y;
	}
#content .boxstyle p
	{
	width: 450px;
	margin-left: 15px;
	margin-right: 15px;
	}
#content .boxstyle p.last
	{
	width: 490px;
	margin-left: 0px;
	margin-right: 0px;
	background: url(../images/boxbottom.gif) no-repeat left bottom;
	padding-bottom: 15px;
	}

/* MAIN HEADINGS */
#content-inner h3
	{
	font-size: 29px;
	font-weight: bold;
	text-shadow: 0 1px #fff;
	color: #2889C3;
	background: none;
	text-indent: 0;
	}
#content-inner h3
	{
	font-size: 18px;
	text-shadow:none;
	color:#2e3b41;
	font-weight: normal;
	}
#content-inner h3 em
	{
	font-size: 14px;
	line-height: 14px;
	color: #444;
	font-weight: normal;
	font-style: normal;
	}
	
/* MAIN IMAGES */
#design #content-inner
	{
	background: url(../images/pencils.jpg) no-repeat top center;
	height: 480px;
	}
#print #content-inner
	{
	background: url(../images/colour-swatch.jpg) no-repeat top center;
	height: 430px;
	}
#logos #content-inner
	{
	background: url(../images/logo-design.jpg) no-repeat top center;
	}
#business-cards #content-inner
	{
	background: url(../images/business-cards.jpg) no-repeat top center;
	}
#posters #content-inner
	{
	background: url(../images/posters.jpg) no-repeat top center;
	}
#flyers #content-inner
	{
	background: url(../images/flyers.jpg) no-repeat top center;
	}
#banners #content-inner
	{
	background: url(../images/banners.jpg) no-repeat top center;
	}
#stationery #content-inner
	{
	background: url(../images/stationery.jpg) no-repeat top center;
	height: 480px;
	}
#seo #content-inner
	{
	background: url(../images/seo.jpg) no-repeat top center;
	}
#email #content-inner
	{
	background: url(../images/email.jpg) no-repeat top center;
	}
#ecommerce #content-inner
	{
	background: url(../images/ecommerce.jpg) no-repeat top center;
	}
#cms #content-inner
	{
	background: url(../images/cms.jpg) no-repeat top center;
	height: 480px;
	}
#graphic #content-inner
	{
	background: url(../images/graphic.jpg) no-repeat top center;
	height: 450px;
	}
#contact #content-inner
	{
	background: url(../images/map.jpg) no-repeat top center;
	height: 500px;
	}
#artwork #content-inner
	{
	background: url(../images/disk.jpg) no-repeat top center;	
	}
#eco #content-inner
	{
	background: url(../images/eco.jpg) no-repeat top center;	
	}
#ebrochures #content-inner
	{
	background: url(../images/ebrochures.jpg) no-repeat top center;
	height: 520px;
	}
	
/* EXAMPLES */
#content-inner #examples
	{
	width: 950px;
	margin: 25px 0 0 25px;
	/*position:relative;*/
	}
#content-inner #examples img
	{
	margin-right: 14px;
	}
#content-inner #examples img.last
	{
	margin-right: 0px;
	}

/* FEATURED */
#featured
	{
	width: 100%;
	height: 440px;
	background: url(../images/footerbg2.png) no-repeat center top;
	}
#featured-inner
	{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	}
#featured h2, #featured h3
	{
	width: 970px;
	text-align: center;
	padding:0;
	text-indent: -10000px;
	line-height: 1;
	margin: 0 0 0 15px;
	}
#featured h2
	{
	height: 139px;
	padding-top: 0px;
	background: url(../images/footer-heading.png) no-repeat center top;
	font-size:26px;
	}
#home #featured h2
	{
	height: 95px;
	background: url(../images/home-heading-1.png) no-repeat center top;
	}
#featured h3
	{
	height: 44px;
	font-size:14px;
	background: url(../images/home-heading-2.png) no-repeat center bottom;
	}
#featured .featbox
	{
	width: 241px;
	height: 184px;
	float: left;
	display:inline;
	text-indent: -10000px;
	position:relative;
	margin-right: 2px;
	}
#featured .featbox p, #featured .featbox h4
	{
	font-size: 10px;
	margin: 0;
	padding: 0;
	position:absolute;
	left: 0;
	top: 0;
	}
#featured .featbox a
	{
	display: block;
	width: 241px;
	height: 184px;
	background-position: top left;
	background-repeat: no-repeat;
	}	
body #featured .first
	{
	margin-left: 15px;
	}
#featured .featbox a:hover
	{
	background-position: right top;
	}
#featured .featbox a:hover
	{
	background-position: right top;
	}
#featured #banners a
	{
	background-image: url(../images/banners.png);
	}
#featured #busicards a
	{
	background-image: url(../images/busicards.png);
	}	
#featured #posters a
	{
	background-image: url(../images/posters.png);
	}	
#featured #banners a
	{
	background-image: url(../images/banners.png);
	}
#featured #ebrochures a
	{
	background-image: url(../images/ebrochures.png);
	}
#featured #weboptions a
	{
	background-image: url(../images/weboptions.png);
	}
#featured #artworkserv a
	{
	background-image: url(../images/artworkserv.png);
	}

/* WE ALSO OFFER */

#wealsooffer
	{
	clear: left;
	position: relative;
	margin: 0 0 0 15px;
	width: 970px;
	height: 85px;
	text-indent: -10000px;
	background: url(../images/wealsooffer.png) no-repeat bottom center;
	line-height: 0;
	}
#wealsooffer a
	{
	display: block;
	width: 206px;
	height: 27px;
	position: absolute;
	background: url(../images/click-here.png) no-repeat left top;
	left: 736px;
	top: 29px;
	}

/* FOOTER */



#featured ul
	{
	width: 1000px;
	margin: 7px auto 0 auto;
	}
#featured li
	{
	float: left;
	margin:0;
	list-style: none;
	height: 40px;
	color:#778A98;
	margin-top: 15px;
	}
#featured li a
	{
	margin-left: 20px;
	color:#778A98;
	font-weight: normal;
	}
#featured li.first a
	{
	margin-left: 15px;
	}
#featured li.pd
	{
	float: right;
	margin-right: 25px;
	text-align: right;
	}
	
/* WEB DESIGN */


#web .package
	{
	position: relative;
	margin-bottom: 30px;
	}
#web .package h4
	{
	position:absolute;
	right: 24px;
	top: -1px;
	margin: 0;
	padding: 0;
	width: 100px;
	height: 100px;
	text-indent: -10000px;
	z-index: 3;
	}
#web #bronze h4
	{
	background: url(../images/bronzeprice.gif) no-repeat right top;
	}
#web #silver h4
	{
	background: url(../images/silverprice.gif) no-repeat right top;
	}
#web #gold h4
	{
	background: url(../images/goldprice.gif) no-repeat right top;
	}
#web #platinum h4
	{
	background: url(../images/platinumprice.gif) no-repeat right top;
	}
#web h3
	{
	padding-top: 10px;
	border-top: 1px dotted #c01022;
	
	font-weight: normal;
	}
#web .package h3
	{
	font-size: 25px;
	}
#web #bronze h3
	{
	color:#7E6228;
	}
#web #silver h3
	{
	color:#5b5d5f;
	}
#web #gold h3
	{
	color: #ab9100;
	}
#web #platinum h3
	{
	color:#999ea2;
	}
.example
	{
	position: absolute;
	right: 25px;
	top: 0px;
	bottom: 0;
	left: 485px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -10000px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	z-index: 2;
	}
#web #bronze .example
	{
	border: 2px solid #7E6228;
	background-image:url(../images/bronzeexample.jpg);
	}
#web #silver .example
	{
	border: 2px solid #5b5d5f;
	background-image:url(../images/silverexample.jpg);
	}
#web #gold .example
	{
	border: 2px solid #ab9100;
	background-image:url(../images/goldexample.jpg);
	}
#web #platinum .example
	{
	border: 2px solid #999ea2;
	background-image:url(../images/platinumexample.jpg);
	}

a.dotgain
	{
	text-indent:-10000px;
	right: 0;
	bottom: 0;
	position:absolute;
	background:url(../images/dotgain-1.gif) no-repeat right bottom;
	display: block;
	width: 255px;
	height: 265px;
	}