@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: #ECF5FC url(../images/content-bg.jpg) no-repeat center 170px;
	}
body#home 
	{
	background: #E7E8EF url(../images/bg-home.png) no-repeat center 450px;
	}
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); }
#vehicle h2 { background-image: url(../images/heading-vehicle.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); }
#It_Support h2 { background-image: url(../images/heading-it.png);}
#vacancies h2 { background-image: url(../images/heading-vacancies.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); }
#bronzepackage h2 { background-image: url(../images/heading-bronzepackage.png); }

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

h4 
	{
	font-size:16px;
	}
h4.normal 
	{
	font-weight: normal;
	}
	
	
h4#stationeryoffer {
border-bottom: 1px dotted #C01022; width:400px; padding-bottom:5px;
}

#stationery em.small {
font-size:0.5em;
}

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, #bronzepackage p, #bronzepackage 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: 308px;
	height: 301px;
	background: url(../images/calltoaction-flyers.png) no-repeat left top;
	right: 100px;
	top:320px;
	}
	
#web p.calltoaction {
    background: url(../images/calltoaction-web.png) no-repeat scroll left top transparent;
    height: 190px;
    right: 300px;
    top: 0px;
    width: 201px;
}

#print p.calltoaction {
    background: url(../images/calltoaction-print.png) no-repeat scroll left top transparent;
    height: 309px;
    right: 70px;
    top: 150px;
    width: 308px;
}
#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/calltoaction-banners.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;
	}

table.formtable td {
border:none;
text-align:left;
padding:2px 20px 0px 0px;
}
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;
	}
	
ul#silverExample.list {
border-top:0px;
}

#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;
	}
	
#silver ul.bordernone {padding-bottom:0px;}

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: 1025px;
	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.vehicle
	{
	margin-right:0px;
	}
	
#subnav li#slider {
float:right;
position:relative;
top:1px;	
}

#web #subnav li#slider {
float:right;
position:relative;
top:1px;
}
/* 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,
#vehicle .vehicle
{ 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;
	}
	
	
/* drop down contact detail */

#panel {
	background: url(../images/panel-bg.png) repeat-y;
	height: 80px;
	width:166px;
	display: none;
  padding:0px 0px 0px 0px;
	margin-left:35px;

}
#panel p {
	font-size:14px;
	padding: 25px 0 0 25px;

	font-family:Helvetica,Arial,sans-serif;
	color:#2E3B41;
}
.slide {
	margin: 0;
	padding: 0;
	background: url(../images/btn-slide.png) no-repeat center top;
}
.btn-slide {
	background: url(../images/white-arrow.png) no-repeat 60px -40px;	
	text-align: right;
	width: 166px;
	height: 42px;
	padding: 10px 65px 0 0px;
	margin: 0 auto;
	display: block;
	font: Helvetica, sans-serif;
	color: #fff;
	text-decoration: underline;
	}
	
	.btn-slide:hover {
	text-decoration:none;
	}
.active {
	background-position: 60px 5px;}
/* 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;
	}

#vehicle #content-inner {
height:430px;
}
/* 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;
	}
	
#vehicle #content-inner
	{
	background: url(../images/vehicle-graphics.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;
	}
	

#stationery #content-inner
	{
	background: url(../images/stationery2.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;
	}
	
#bronzepackage #content-inner
	{
	background: url(../images/bronzepackage.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;*/
	}
#It_Support #content-inner 	
{
	background: url(../images/itsupport.jpg) no-repeat top center;
	
}
#vacancies #content-inner 	
{
	background: url(../images/vacancies.jpg) no-repeat top center;
	
}

#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: 620px;
	background: url(../images/footerbg2.jpg) 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 h3, h3#offerHead
	{
	height: 123px;
	font-size:14px;
	background: url(../images/footer-heading.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 #offer4 a
	{
	background-image: url(../images/busicards.png);
	}	
#featured #offer1 a
	{
	background-image: url(../images/offer1.png);
	}	
#featured #offer2 a
	{
	background-image: url(../images/offer2.png);
	}
#featured #offer3 a
	{
	background-image: url(../images/offer3.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;
	}

/* consider this */

#consider {
width:952px;
margin: 0 0 0 27px;
clear:both;
height:100px;
}

#consider.column a {
background-position:left top;
background-repeat:no-repeat;
display:block;
height:184px;
width:241px;
margin:0 10px 0 0;
}

/* 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 #directories {
float:left;
margin: 20px 0 0 10px;
}
#featured #directories li {
float:none;
display:block;
margin:0;
padding:0;
height:auto;
}	
#featured #directories li a {
font-size:12px;
}

#featured #directories li a img{
border:none;
padding-top:5px;
}

#featured #directories li#directory-head {
margin-bottom:10px;
}

#featured #directories li#directory-head a {
font-size:14px;
text-decoration:none;}
#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: 21px;
	top: -3px;
	margin: 0;
	padding: 0;
	width: 149px;
	height: 149px;
	text-indent: -10000px;
	z-index: 3;
	}
#web #bronze h4
	{
	background: url(../images/bronzeprice.png) no-repeat right top;
	}
#web #silver h4
	{
	background: url(../images/silverprice.png) no-repeat right top;
	}
#web #gold h4
	{
	background: url(../images/goldprice.png) no-repeat right top;
	}
#web #platinum h4
	{
	background: url(../images/platinumprice.png) 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;
	}
	
#web #hosting h3
	{
	color:#2E3B41;
	font-size:18px;
	}
.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);
	}
#web #hosting .example
	{
	}
#web li#bronzebutton {
height:39px;
width:151px;
background:url(../images/bronze-button.png) top left no-repeat;
text-indent:-10000px;
float:right; 
padding-left:0px;
position:relative;
top:-70px;
}

#web li#bronzebutton a  {
height:39px;
display:block;
width:151px;
}

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

/* offers banner */
	
	#offers-banner 
	{ text-indent:-1000px;
		background:url(../images/offers-banner.png) no-repeat left top;
		width:219px;
		height:150px;
		z-index:9999;
		position:absolute; top:0px; left:0px;
		position:fixed;
		}
		
		a#offers-link {
		width: 170px; height: 119px; position: absolute; top:0;  background:url(../images/offers-link.gif); z-index: 999999; text-indent:-1000px;}

/* forms */
input, textarea {width:252px; height:29px; line-height:29px; padding:5px 0px 5px 10px; border:none; background:url(../images/inputbg.png) top left no-repeat; font-family:Helvetica, Arial, Sans-serif; font-size:12px; color:#2e3b41k;}

input.send {width:58px; height:40px; background:url(../images/submit.png) top left repeat-x; border:0px; padding: 40px 0 0; overflow:hidden;}

input.send:hover {background-position:bottom left}

p.err {font-weight:bold; color:#DB3400}