/*
 *	#container {}
 * 		#header {}
 * 		#subheader {}
 * 		#wrapper {}
 * 			#content {}
 * 				#primary {}
 * 				#secondary {}
 * 				#footer {}
 * 		#copyright {}
 */

/* -- Structure --*/

body { margin:0 0 28px 0; padding:0; }
#container { width:950px; margin:0 auto; }
#header { height:122px; position:relative; }
#subheader { padding:14px 14px 7px 14px; }
#wrapper { margin:7px 14px 14px 14px; padding:28px; }
/* #content { min-height:400px; height:auto !important; height:400px; } */
#primary {}
#secondary {}
.with-secondary #primary { width:570px; float:left; }
.with-secondary #secondary { width:239px; float:right; }
#footer {}
#copyright { margin:14px 14px 0 14px; padding-bottom:14px; position:relative; }
#prepre { margin:7px 14px 7px 14px; position:relative; }
#pre { margin:7px 14px 7px 14px; padding:14px 28px; background-color:#fff; }

#wrapper.home { margin:7px 14px 14px 14px; padding:15px 0; }


#footer { width:950px; margin:0 auto; background-image:url(/images/footer.gif); color:#888; margin-top:20px; font-size:11px; margin-bottom:0px; line-height:1.3em; }
#footer .block-a { width:150px; float:left; padding:0 20px; }
#footer .block-b { width:150px; float:left; padding:0 20px; }
#footer .block-c { width:150px; float:left; padding:0 20px; }
#footer .block-d { width:150px; float:left; padding:0 20px; }
#footer .block-e { width:150px; float:left; padding:0 20px; }
#footer h4 { font-weight:bold; font-size:12px; margin-bottom:10px; }
#footer a { font-weight:normal; }
#footer p { margin-bottom:1em; }
#footer ul { margin-bottom:1em; }

.m-new-format .home-page p { padding-left:80px; }
.m-new-format .home-page img { position:absolute; left:0; top:60px; }
.m-new-format .home-page h1 { padding-bottom:0; border-style:none; margin-bottom:0px; min-height:50px; height:auto !important; height:50px; }

/* -- Structural colours and images -- */

body { background:url(/images/new/line.gif) repeat-x; }
#container { background:#ededed url(/images/new/back.gif) no-repeat; }
#wrapper { background:#fff; }
#content.with-secondary { background:url(/images/new/divider.gif) repeat-y top 598px; }

/* -- Typography -- */

body { font-family:verdana; font-size:12px; }
#header h1 { font-size:26px; color:#747474; letter-spacing:1px; }
#header a { font-size:12px; text-decoration:none; color:#707070; font-weight:bold; }
#header .active a { color:#323232; }
#header a:hover { color:#323232; }
#subheader h2 { color:#c9d7eb; font-size:22px; }
a { color:#5a86c1; text-decoration:none; }
h2 a { font-weight:normal; }
a:hover { text-decoration:underline; }
#copyright a { font-weight:normal; }

.message { font-weight:bold; color:#111; }

/* -- Navigation -- */

#secondary .m-nav li { font-size:17px; }
#secondary .m-nav a { color:#b0b0b0; display:block; padding-bottom:14px; text-decoration:none; font-weight:normal; }
#secondary .m-nav a:hover { color:#333; }
#secondary .m-nav .on a { color:#333; }

#pre .m-nav li { display:inline-block; height:61px; }
#pre .m-nav li a { display:block; padding:18px 0 0 65px; height:43px; text-decoration:none; font-size:16px; color:#b0b0b0; }
#pre .m-nav li a:hover { color:#333; }
#pre .m-nav li a span { color:#aaa; font-size:14px; font-weight:normal; }
#pre .m-nav li.on a { color:#333; }
#pre .m-nav li.on a span { color:#666; }

#pre #service.m-nav li a { padding-top:12px; }


/* -- Content formatting -- */

.m-format p { margin:1em 0; }
.m-format h2 { color:#333; font-size:20px; margin:28px 0; position:relative; }
.m-format h2.m-first { margin-top:0; }
.m-format h2 em { display:block; color:#5a86c1; }
.m-format h3 { font-size:16px; color:#5a86c1; margin:1em 0; }
.m-format hr { color:#ddd; background-color:#ddd; height:1px; border:none; margin:1em 0; }
.m-format .m-left { float:left; margin:0 28px 0 0; }
.m-format .m-unit { overflow:auto; }
.m-format ul { background:url(/images/new/list-top.gif) no-repeat; overflow:auto; }
.m-format li { border-bottom:1px solid #ddd; padding:14px 0; width:419px; float:left; font-size:16px; color:#5a86c1; background:url(/images/new/tick.gif) no-repeat right center; }
.m-format li.m-alt { float:right; }
.m-format strong { font-weight:bold; }
.m-format em { font-style:italic; }
.m-format strong em { font-weight:bold; }
.m-format em strong { font-style:normal; }
.m-format .m-right { float:right; }
.m-format .m-alt ul {  width:562px; background-image:none; border-top:1px solid #ddd; }
.m-format .m-alt ul li { float:none; width:100%; }
.m-format blockquote { border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:14px 0; font-size:16px; color:#5a86c1; }
.m-format blockquote p { padding:0; margin:0; }
.m-format ul.normal { background-image:none; border-style:none; padding-left:20px; list-style-type:disc; margin:1em 0; }
.m-format ul.normal li { border-style:none;padding:0; width:auto; float:none; font-size:100%; color:inherit; background-image:none; margin-top:0.25em;}
.m-format .m-alt ul.normal { background-image:none; border-style:none; list-style-type:disc; padding-left:20px; }
.m-format .m-alt ul.normal li { border-style:none;padding:0; width:auto; float:none; font-size:100%; color:inherit; background-image:none; }

/* -- Newer content formatting -- */

.m-new-format { color:#3f3f3f; }
.m-new-format p { margin:1em 0; }
.m-new-format h1 { color:#000; font-size:19px; border-bottom:1px solid #ccc; margin-bottom:13px; padding-bottom:13px; }
.m-new-format h2 { color:#000; font-size:19px; border-bottom:1px solid #ccc; margin-bottom:13px; padding-bottom:13px; margin-top:26px; }
.m-new-format h2.m-first { margin-top:0; }
.m-new-format h3 { color:#000; font-size:19px; margin-bottom:13px; margin-top:26px; }
.m-new-format ul li { background:url(/images/bullet.gif) no-repeat 0px 5px; padding-left:10px; margin-bottom:3px; }
.m-new-format .consulting { padding-left:102px; background:url(/images/consulting.gif) no-repeat; }
.m-new-format .branding { padding-left:102px; background:url(/images/branding.gif) no-repeat; }
.m-new-format .websites { padding-left:102px; background:url(/images/websites.gif) no-repeat; }
.m-new-format .print { padding-left:102px; background:url(/images/print.gif) no-repeat; }
.m-new-format .seo { padding-left:102px; background:url(/images/seo.gif) no-repeat; }
.m-new-format .smo { padding-left:102px; background:url(/images/social.gif) no-repeat; }
.m-new-format .email { padding-left:102px; background:url(/images/email.gif) no-repeat; }
.m-new-format table { width:100%; border-collapse:collapse; margin:20px 0; }
.m-new-format table th { padding:6px 8px; border:1px solid #ccc; background-color:#f0f0f0; color:#000; font-weight:bold; }
.m-new-format table td { padding:6px 8px; border:1px solid #ccc; }
.m-new-format table td.title { font-size:20px; padding:12px 8px; vertical-align:top; color:#5a86c1; }
.m-new-format table td.price { font-size:16px; width:180px; padding:12px 8px; text-align:center; line-height:1.4em; }
.m-new-format table td.price a { display:block; font-weight:normal; background:url(/images/contact.gif) no-repeat center bottom; padding-bottom:30px;  }
.m-new-format table .y { display:block; text-align:center; background:url(/images/yes.gif) no-repeat top center; height:21px; padding-left:40px; color:#fff; }
.m-new-format table .n { display:block; text-align:center; background:url(/images/no.gif) no-repeat top center; height:21px; padding-left:40px; color:#fff; }

.m-new-format img.m-left { float:left; margin:0 10px 10px 0; clear:both; }

.m-new-format .services { height:60px; border-top:1px solid #ccc; padding-top:20px; margin-top:20px; color:#888; }
.m-new-format .services a { margin-right:5px; float:left; margin-top:10px; }
.m-new-format .services a.brand  { background:url(/images/mid-brand.gif) no-repeat;  width:60px; padding-left:50px; padding-top:15px; height:45px; }
.m-new-format .services a.email  { background:url(/images/mid-email.gif) no-repeat;  width:65px; padding-left:50px; padding-top:10px; height:50px; }
.m-new-format .services a.web    { background:url(/images/mid-web.gif) no-repeat;    width:55px; padding-left:50px; padding-top:15px; height:45px; }
.m-new-format .services a.print  { background:url(/images/mid-print.gif) no-repeat;  width:50px; padding-left:65px; padding-top:10px; height:50px; }
.m-new-format .services a.seo    { background:url(/images/mid-seo.gif) no-repeat;    width:80px; padding-left:60px; padding-top:0px; height:60px; }
.m-new-format .services a.social { background:url(/images/mid-social.gif) no-repeat; width:80px; padding-left:50px; padding-top:5px; height:55px; }
.m-new-format .services a.consult { background:url(/images/mid-social.gif) no-repeat; width:70px; padding-left:50px; padding-top:0px; height:60px; }

.m-new-format .person { border-bottom:1px solid #ddd; }
.m-new-format .person h3 { color:#5a86c1; font-size:16px; }

ul.ticked { width:562px; background-image:none; border-top:1px solid #ddd;overflow:auto; }
ul.ticked li { border-bottom:1px solid #ddd; padding:14px 0; width:100%; font-size:16px; color:#5a86c1; background:url(/images/new/tick.gif) no-repeat right center; }


.person:after,
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.person,
.clearfix { display: inline-block; }
* html .person,
* html .clearfix { height: 1%; }
.person,
.clearfix { display: block; }





.portfolio-entry { width:277px; float:left; margin-right:17px; height:305px; }
.col-2 { margin-right:0; }
.portfolio-entry p.name { margin:3px 0; }
.portfolio-entry p.badges { margin:3px 0 0 0; height:29px; }
.portfolio-entry p.badges .tag { width:31px; height:29px; overflow:hidden; float:left; padding-left:0; }
.portfolio-entry p.badges .tag a { display:block; width:31px; height:29px; text-decoration:none; }
.portfolio-entry p.badges .tag a:hover { text-decoration:none; }
.portfolio-entry p.badges .tag span { visibility:hidden; }
.portfolio-entry p.badges .web { background-image:url(/images/tag-web.gif); }
.portfolio-entry p.badges .brand { background-image:url(/images/tag-brand.gif); }
.portfolio-entry p.badges .print { background-image:url(/images/tag-print.gif); }
.portfolio-entry p.badges .email { background-image:url(/images/tag-email.gif); }
.portfolio-entry p.badges .seo { background-image:url(/images/tag-seo.gif); }
.portfolio-entry p.badges .social { background-image:url(/images/tag-social.gif); }
.portfolio-entry p.badges .consult { background-image:url(/images/tag-consult.gif); }


/* -- #header -- */

#header h1 { padding-top:30px; }
#header ul { position:absolute; left:0; bottom:0; text-transform:lowercase; }
#header li { display:inline; }
#header a { display:inline-block; }
#header a span { display:inline-block; padding:6px 13px; }
#header .active a { background-image:url(/images/new/tab-left.gif); color:#fff; }
#header .active a span { display:block; background:url(/images/new/tab-right.gif) no-repeat top right; }

/* Three home page blocks */

.three-blocks { overflow:auto; color:#555; background:url(/images/three-back.gif) repeat-y top left; }
.three-blocks .first { float:left; width:277px; margin:0 15px; }
.three-blocks .second { float:left; width:277px; margin:0 15px; }
.three-blocks .third { float:right; width:277px; margin:0 15px; }
.three-blocks h2 { margin-top:0; font-size:17px; text-transform:lowercase; color:#222; }

.two-blocks { overflow:auto; color:#555; margin:20px 0 5px 0; background:url(/images/vr.gif) repeat-y 307px 0; }
.two-blocks .first { float:left; width:304px; }
.two-blocks .second { float:right; width:584px; position:relative; margin-right:15px; }

.two-blocks .second p { width:440px; float:right; }
.two-blocks .second h2 { font-size:17px; color:#5a86c1; }
.two-blocks .second img { float:left; }

/* Error messages */

#flash_error { background-color:#ffdddd; padding:7px; border:1px solid #ffbbbb; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

/* -- Specialisations -- */

/* Submenu */

ul#sub-menu { overflow:auto; margin:0.5em 14px 0.5em 14px; }
ul#sub-menu li { display:inline; }
ul#sub-menu li a { color:#fff; display:block; margin:0 1em 0 0; padding:0.5em 0.75em; font-weight:normal; }
ul#sub-menu li.active a { color:#fff; font-weight:bold; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
ul#sub-menu li span { display:block; margin:0 1em 0 0; padding:0.5em 0.75em; color:#ccc; }
ul#sub-menu li a span { display:inline; margin:0; padding:0; color:#fff; }

ul#sub-menu.normal li a { display:inline-block; }
ul#sub-menu.normal li span { display:inline-block; }

/* Pagination */

.pagination { margin:1em 0; text-align:center; }
.pagination span.disabled {}
.pagination a { font-weight:normal; }

/* Calendar */

.calendar { margin:1em 0 2em 0; overflow:auto; }
.calendar li { width:14%;float:left; text-align:center; padding:5px 0 0 0; height:23px; color:#777; }
.calendar li.head { color:#000; font-weight:bold; border-bottom:1px solid #CCC; }
.calendar li.out { color:#CCC; }
.calendar li.weekend { background-color:#EEE; }
.calendar li.today { background-image:url(http://www.boxstuff.com/images/site/today.gif); background-repeat:no-repeat; background-position:center center; }
.calendar a { color:#5a86c1; text-decoration:none; font-weight:bold; }
.calendar a:hover { text-decoration:underline; }
.prev_date { text-decoration:none;color:#5a86c1;font-weight:normal; }
.prev_date .icon { width:24px; height:24px; display:inline-block; overflow:hidden; background-image:url(/images/new/np-icons.gif); background-position:top left; vertical-align:middle; }
.prev_date:hover .icon { background-position:bottom left; }
.prev_date:hover { text-decoration:none; }
.next_date { text-decoration:none;color:#5a86c1;font-weight:normal; }
.next_date .icon { width:24px; height:24px; display:inline-block; overflow:hidden; background-image:url(/images/new/np-icons.gif); background-position:top right; vertical-align:middle; }
.next_date:hover .icon { background-position:bottom right; }
.next_date:hover { text-decoration:none; }

/* Menu for the services and portfolio pages */

#pre .m-nav li.branding { width:170px; background:url(/images/new/icon-branding.gif) no-repeat left center; border-right:1px solid #ccc; }
#pre .m-nav li.websites { width:195px; background:url(/images/new/icon-websites.gif) no-repeat 15px center; border-right:1px solid #ccc; }
#pre .m-nav li.email { width:260px; background:url(/images/new/icon-email.gif) no-repeat 15px center; border-right:1px solid #ccc; }
#pre .m-nav li.design { width:225px; background:url(/images/new/icon-design.gif) no-repeat 15px center; }
#pre .m-nav li.websites a,
#pre .m-nav li.email a,
#pre .m-nav li.design a { padding-left:80px; }
#pre .m-nav li.branding.on { background-image:url(/images/new/icon-branding-on.gif); }
#pre .m-nav li.design.on { background-image:url(/images/new/icon-design-on.gif); }
#pre .m-nav li.email.on { background-image:url(/images/new/icon-email-on.gif); }
#pre .m-nav li.websites.on { background-image:url(/images/new/icon-websites-on.gif); }

p.url { position:absolute; top:5px; right:205px; margin:0; }

/* Image paging */

.image-pager div { text-align:center; }
.image-pager p { text-align:left; position:relative; height:21px; font-size:11px; color:#777; margin-bottom:1em; padding-top:3px; }
.image-pager a { display:inline-block; overflow:hidden; width:24px; height:24px; background-image:url(/images/new/np-icons.gif); text-decoration:none; vertical-align:middle; }
.image-pager a span { visibility:hidden; }
.image-pager a.next { background-position:top right; position:absolute; right:0; top:0; }
.image-pager a.next:hover { background-position:bottom right; }
.image-pager a.prev { background-position:top left; position:absolute; right:32px; top:0; }
.image-pager a.prev:hover { background-position:bottom left; }

.images { float:left; margin-left:80px; margin-top:2em; margin-bottom:2em; }

.thumbs { float:right; margin-right:80px; margin-top:2em; margin-bottom:2em; }
.thumbs a { display:block; }
.thumbs img { border:1px solid #ededed; display:block; margin-bottom:10px; }
.thumbs .on img { border:1px solid #5b86c1; }
.thumbs a:hover img { border:1px solid #5b86c1; }

.pager { display:block; position:absolute; top:0; width:69px; height:24px; overflow:hidden; }
a.pager { text-decoration:none; }
.pager span { visibility:hidden; }
.previous { left:0; background-image:url(/images/previous.gif); }
.next { right:0; background-image:url(/images/next.gif); }
span.previous { background-position:0 -24px; }
span.next { background-position:0 -24px; }

.pagers { position:relative; }
.pagers h1 { padding-left:85px;border-style:none; }

/* Home page slideshow */

.home-pager .prev { width:69px; height:24px; background-image:url(/images/new/prev.png); overflow:hidden; display:inline-block; position:absolute; left:11px; top:12px; text-decoration:none; }
.home-pager .prev span { visibility:hidden; }
.home-pager .prev:hover { text-decoration:none; }
.home-pager .next { width:69px; height:24px; background-image:url(/images/new/next.png); overflow:hidden; display:inline-block; position:absolute; right:11px; top:12px; text-decoration:none; }
.home-pager .next span { visibility:hidden; }
.home-pager .next:hover { text-decoration:none; }

/* Blog posts */

.blog_post { border-bottom:1px dotted #ccc; position:relative; padding-left:76px; margin-bottom:2em; }
.blog_post h2 { margin-top:0; }
.blog_post .retweet { position:absolute; left:0; top:0; }
.blog_post ul { background-image:none; padding-left:20px; }
.blog_post ul li { list-style-type:disc; border-style:none; padding:0; width:auto; float:none; font-size:100%; color:inherit; background-image:none; margin:0.25em 5em 0.25em 0; }

/* Login button */

#header a.login { font-weight:normal; padding:5px 7px; background-color:#ffc53b; position:absolute; left:636px; top:92px; border-radius:3px; color:#fff; }
#header a.login:hover { background-color:#ffb400; color:#eee; cursor:pointer; }

/* Tags */

.tags { background:url(/images/new/down.gif) no-repeat bottom center; overflow:auto; padding-bottom:1.5em; margin-bottom:1em; }
.tags li { width:110px; float:left; text-align:center; margin-bottom:14px; }
.tags li a { display:block; background-color:#eee; color:#999; padding:4px 8px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-align:center; }
.tags li.on a { background-color:#ddd; color:#111; }
.tags li a:hover { background-color:#ddd; color:#444; }
.tags li.m-alt { float:right; }
.tags li a:hover { text-decoration:none; }

/* Search */
#search { margin-bottom:0.25em; }
.search_button { width:25%; overflow:hidden; display:inline-block; font-weight:normal; background-color:#ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#000; padding:3px 4px; text-align:center; }

/* Copyright notice */
.notice { text-align:center; margin:1em 0 2em 0; color:#888; font-size:11px; }

/* More links in titles */

span.more { font-size:13px;position:absolute;top:0;right:0; }
span.more span { display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(/images/new/np-icons.gif) top right; }
span.more a { color:#ddd; }
span.more a:hover { text-decoration:none; color:#5a86c1; }
span.more a:hover span { background:url(/images/new/np-icons.gif) bottom right; }

p.back { font-size:13px;position:absolute;top:0;right:0; margin:0; }
p.back span { display:inline-block;width:24px;height:24px;vertical-align:middle;background:url(/images/new/np-icons.gif) top left; }
p.back a { color:#ddd; }
p.back a:hover { text-decoration:none; color:#5a86c1; }
p.back a:hover span { background:url(/images/new/np-icons.gif) bottom left; }


/* Survey page */

.survey { overflow:auto; background-color:#ebeef2; border-radius:14px; -webkit-border-radius:14px; -moz-border-radius:14px; padding:38px; font-size:17px; color:#444; }
.survey p { margin-top:0; }

.survey p.options { margin-top:1em; }
.survey p.options a { display:inline-block; height:24px; padding-left:30px; font-weight:normal; color:#333; padding-top:4px; background-repeat:no-repeat; }
.survey p.options a.yes { background-image:url(/images/new/check-off.gif); margin-right:18px; }
.survey p.options a.no { background-image:url(/images/new/check-off.gif); }
.survey p.options a.yes-on { background-image:url(/images/new/check-on.gif); margin-right:18px; }
.survey p.options a.no-on { background-image:url(/images/new/check-on.gif); }

.survey { overflow:auto; }
.survey h1 { font-size:19px; font-weight:normal; margin-bottom:1em; }
.survey .left { font-size:14px; width:400px; float:left; }
.survey .right { width:300px; float:right; font-size:14px; background-color:#fff; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; padding:2em; }
.survey p.label { margin-bottom:0; }
.survey p.field { margin-top:0; }
.survey p.field input { margin:0.25em 0 0 0; padding:4px; border:1px solid #BBB; width:290px; }
.survey p.field textarea { margin:0.25em 0 0 0; padding:4px; border:1px solid #BBB; width:290px; height:3em; }
.survey p.field span { display:block; font-size:11px; color:#888; }

.survey p.problems { color:#fff; background-color:#F88;; padding:0.5em; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }

.survey p.label { position:relative; }
.survey p.label span { position:absolute; top:0; right:0; color:#F88; font-size:11px; }

p.steps { padding:0 0 0 1em; margin:0; font-size:16px; }
p.steps span { display:inline-block; width:32px; height:21px; text-align:center; padding-top:24px; color:#AAA; }
p.steps span.on { background-image:url(/images/new/arrow.gif); background-repeat:no-repeat; background-position:top center; color:#444; }

/* Old forum styling and possibly more */

/* ------- Forums styles --------*/
.forum-list {
	width:100%;
	border: 1px #CCC solid;
}
.forum-list tr th {
	background-color: #474E57;
	color: #fff;
	padding: 3px 10px;
	border: 1px #CCC solid;
}
.forum-list tr td {
	padding: 3px 10px;
	border: 1px #CCC solid;
	padding:7px;
}
a.forum-title {
	font-size:16px;
}
div.thread-counts {
	color:#666666;
	font-size:0.8em;
}
div.forum-desc {
	padding-top: 6px;
}
div.last-post {
	font-size:0.8em;
	color:#333;
}
div.last-post strong{
	color:#777;
}
.thread-counts-sub {
	margin-top:-1em;
	color:#888888;
	font-size:0.9em;
	font-weight:bold;
}
.post-time {
	text-decoration:none;
}
.light-bg {
	background:#E4E4E4 none repeat scroll 0 0;
	padding: 2px 8px;
	font-size:11px;
}
.search-thread {
	padding: 4px 8px;
}
ul#search-form {
	padding-bottom:8px;
	text-align:right;
	list-style-type:none;
}
ul#search-form li {
	display:inline-table;
	margin-left:1em;
}
.bread-crumb {
	padding-bottom:8px;
}
#monitor_info {
/*	background-color:#ffff99;*/
}
ul.online-users {
	padding-bottom:8px;
	text-align:left;
	list-style-type:none;
}
ul.online-users li {
	display:inline-table;
	margin-right:1em;
}
li.response-text {
	border:2px solid #DDDDDD;
	margin:0 0 1.5em;
	padding:1em;
}

 ul#tab-container-1-nav {
         overflow:auto;
         width:auto;
         margin:0;
         padding:7px 0; background-image:none; }
 ul#tab-container-1-nav li {
         display:inline;
		width:auto;
         list-style:none; background-image:none; padding:0; }
 ul#tab-container-1-nav li a {
         padding:8px 13px;
         text-decoration:none!important;
         margin:5px -2px 4px 0;
         font-size:80%;
         font-weight:bold;
         color:#000;
         background:#F1F1F1;
         border:1px solid #999999;
         outline:none;
         border-bottom:none; }
 ul#tab-container-1-nav li a:hover {
         color:#000;
         background:#FFFFF1; }
 ul#tab-container-1-nav li a.active {
         margin-bottom:0;
         color:#000;
         background:#FFF;
         border-bottom:1px solid #FFF;
         cursor:default; }

/* -- IE6 fixes -- */

/* Give main content block hasLayout to stop peekaboo bug on some pages */
#primary { position:relative; }
/* Force a full with on these headers so that the .more links aren't off the page */
.m-format h2 { width:100%; }
/* inline-block supported by using inline which works as inline-block on IE6 anyway */
#pre .m-nav li.branding, #pre .m-nav li.websites, #pre .m-nav li.email, #pre .m-nav li.design { display:inline; }
#pre .m-nav>li.branding, #pre .m-nav>li.websites, #pre .m-nav>li.email, #pre .m-nav>li.design { display:inline-block; }

/* Shrink home page columns slightly to stop IE6 wrapping them */
x.three-blocks .first { width:232px; }
x.three-blocks .second { width:282px; }
x.three-blocks .third { width:232px; }

/* Push retweet element to left as it should be.  Use the Holy Hack */
.blog_post { height:1%; }
/* Home page slideshow box */
#prepre { height:300px; }