/* ------------------------------------- */
/* HARMONY INTERNET
/* 2009
/* HARMONY INTERNET LTD
/* www.harmony.co.uk
/* Simon Newton, Chris Laythorpe, Alex Hollyman & Kate Davies
/* ------------------------------------ */

/* 01.09.2011
/* Ok, serious clean out, please ensure you comment what your CSS 
/* classes and IDs are for and where used in this file.
/* Thanks - K


/* ===================================== */
/* RESET
/* ===================================== */

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, 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-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

/* ===================================== */
/* GLOBALS
/* ===================================== */

html {
	overflow-y: scroll;
}
* {
	margin:0;
}
html, body {
	height:100%;
}
body {
	line-height:1;
	color:black;
	background:white;
	font-family:"Segoe UI", verdana, arial, sans-serif;
	font-size:100%;
}
strong, b, .bold {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
:focus {
	outline:0;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"""";
}
.clear {
	clear:both;
}
hr {
	width:100%;
	border:0px;
	border-top:1px solid #44a3c9;
	border-bottom:1px solid #7fcbe8;
	margin-top:10px;
	margin-bottom:5px;
}

/* ===================================== */
/* TIER BACKGROUNDS, SEE MUCH LATER FOR ELEMENTS
/* ===================================== */

#tierone {
	color:#FFFFFF;
	background-color:#388569;
	background-image:url('/images/background.jpg');
	background-repeat:repeat-x;
	background-position:0px 20px;
}
#tiertwo {
	color:#FFFFFF;
	background-color:#59B1D3;
	background-image:url('/images/background.jpg');
	background-repeat:repeat-x;
	background-position:0px 20px;
}
#tierthree { /* Pretty sure we don't use tier 3 these days */
	color:#FFFFFF;
	background-color:#59B1D3;
	background-image:url('/images/background.jpg');
	background-repeat:repeat-x;
	background-position:0px 20px;
}

/* ===================================== */
/* MORE WRAPPING PAPER THAN CHRISTMAS
/* ===================================== */
html>body#tierone #wrap, 
html>body#tiertwo #wrap, 
html>body#tierthree #wrap {
	height:100%;
}
#wrap {
	width:100%;
	margin:0 auto;
}

/* ============= TIER ONE ============= */
html>body#tierone #bar {
	position:fixed;
	z-index:100;
}
html>body#tierone #tier-one-wrap {
	height:100%;
	width:903px;
	margin:0 auto;
	z-index:10;
}
html>body#tierone #tier-one {
	padding-bottom:500px;
	z-index:10;
}
/* ============= TIER TWO ============= */
html>body#tiertwo #bar {
	position:fixed;
	z-index:100;
}
html>body#tiertwo #tier-two-wrap {
	width:933px;
	margin:0 auto;
	z-index:10;
}
html>body#tiertwo #tier-two {
	z-index:10;
}
#tier-two-push {
	height:48px;
}
#tier-two-wrap {
	position:relative;
	width:943px;
	clear:both;
	margin:0 auto;
}

/* ============= TIER THREE ============= */
html>body#tierthree #bar {
	position:fixed;
	z-index:100;
}
html>body#tierthree #tier-three-wrap {
	width:933px;
	margin:0 auto;
	z-index:10;
}
html>body#tierthree #tier-three {
	z-index:10;
}
#tier-three-push {
	height:48px;
}
#tier-three-wrap {
	position:relative;
	width:943px;
	clear:both;
	margin:0 auto;
}

/* ===================================== */
/* TRIGS...?
/* ===================================== */
#trigLeft, #trigRight {
	position:absolute;
	width:45%;
	height:90%;
}
#trigLeft {
	left:0;
	z-index:10;
}
#trigRight {
	right:0;
}

/* ===================================== */
/* MY HARMONY LOVERS
/* ===================================== */
#myharm-block {
	position:fixed;
	display:none;
	z-index:105;
	width:100%;
	background-image:url('/images/moon.jpg');
	background-repeat:repeat-x;
	left:0;
	color:#FFFFFF;
}
#myharm-blockcontent {
	position:relative;
	top:50px;
	margin-left:auto;
	margin-right:auto;
	width:933px;
	z-index:110;
	display:none;
}
#myharm-block dl {
	clear:both;
}
#myharm-block dl.first {
	border-top: none;
}
#myharm-block dl dt {
	float: left;
	color:#fff;
	font-size:90%;
	padding:8px 10px 0 0;
}
#myharm-block dl dd {
	float: left;
	padding:4px 0 4px 20px;
}
#myharm-block dt.error {
	color:#c3402f;
	font-size:90%;
	font-weight:bold;
}
#myharm-block dd.error {
	padding:6px 0 6px 20px;
}
#myharm-block dd.error input.textfield, dd.error input.password, dd.error select, dd.error textarea {
	background-color:#ecd3d3;
	border:1px solid #ef5858;
}
#myharm-block input.textfield-disabled, #myharm-block textarea.textfield-disabled {
	background-color:#efefef;
	border:1px solid #3A494E;
}
#myharm-block input.textfield, #myharm-block input.password, #myharm-block textarea, #myharm-block select {
	color:#379FC7;
	background-color:#01456A;
	font:100% Tahoma, Verdana, Trebuchet MS, sans-serif;
	padding:4px;
	border: none;
}
#myharm-block input.textfield-disabled, #myharm-block textarea.textfield-disabled {
	color:#379FC7;
	font:100% Tahoma, Verdana, Trebuchet MS, sans-serif;
	padding:4px;
	border: none;
}
#myharm-block fieldset {
	background: transparent;
	font-size:100%;
	vertical-align:baseline;
	padding:0;
	outline:0;
	border:0;
	margin:0;
}
#myharm-block #myharmonylogo {
	display:none;
	position:relative;
	width:321px;
	height:42px;
	padding-bottom:35px;
}
#myharm-block #login {
	position:relative;
	float:right;
	border-left:dotted 1px #C2EEFF;
	top:0px;
	width:220px;
	padding-left:20px;
	height:155px;
}
#myharm-block .flutterflash {
	position:relative;
	left:-200px;
	top:-20px;
}
#myharm-block .flutterby {
	float:left;
	height:300px;
	position:relative;
	left:-140px;
}
#myharm-block .splash a {
	color:#f4ba67;
	text-decoration:none;
}

/* ===================================== */
/* NAVIGATION BAR
/* ===================================== */
#bar {
	background-image:url('/images/bar.png');
	background-repeat:repeat-x;
	height:48px;
	position:absolute;
	left:0px;
	width:100%;
	z-index:100;
}
#navigation {
	height:25px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	position:relative;
	width:903px;
}
#harmony-navigation {
	background-image:url('/images/navigation-sprite.png');
	height:25px;
	margin-left:auto;
	margin-right:-50px;
	padding:0;
	position:relative;
	width:885px;
	z-index:500;
}
#harmony-navigation li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}
#harmony-navigation li, #harmony-navigation a {
	display:block;
	height:25px;
	text-indent:-9999px;
}

/* ===================================== */
/* NAVIGATION TABS
/* ===================================== */
#home {
	left:0;
	width:139px;
}
#home a:hover {
	background:transparent url(/images/navigation-sprite.png) no-repeat scroll 0 -25px;
}
#hear {
	left:140px;
	width:139px;
}
#hear a:hover {
	background:transparent url(/images/navigation-sprite.png) no-repeat scroll -140px -25px;
}
#discover {
	left:279px;
	width:139px;
}
#discover a:hover {
	background:transparent url(/images/navigation-sprite.png) no-repeat scroll -279px -25px;
}
#use {
	left:418px;
	width:139px;
}
#use a:hover {
	background:transparent url(/images/navigation-sprite.png) no-repeat scroll -418px -25px;
}
#find {
	left:557px;
	width:139px;
}
#find a:hover {
	background:transparent url(/images/navigation-sprite.png) no-repeat scroll -557px -25px;
}
#myharmony {
	left:696px;
	width:139px;
}
#myharmony a:hover {
	background:transparent url(/images/navigation-sprite.png) no-repeat scroll -696px -25px;
}
#stub {
	left:835px;
	width:51px;
}

/* ===================================== */
/* FOOTERS
/* ===================================== */

#tier-one-footer {
	width:100%;
	height:214px;
	overflow:hidden;
}
#tier-two-footer {
	width:100%;
	height:214px;
	overflow:hidden;
}
html>body#tierone #tier-one-footer {
	position:fixed;
	bottom:0;
	z-index:20;
}
html>body#tiertwo #tier-two-footer {
	position:fixed;
	bottom:0;
	z-index:20;
}
html>body#tierthree #tier-two-footer {
	position:fixed;
	bottom:0;
	z-index:20;
}

/* ===================================== */
/* BUCKETS
/* ===================================== */

#buckets {
	margin:0 auto;
	width:903px;
}
#buckets img {
	position:absolute;
	bottom:20px;
	z-index:11;
	margin-left:auto;
	margin-right:auto;
}

/* ===================================== */
/* ROLLING HILLS AND GRASSY KNOLLS
/* ===================================== */
#rollinghills {
	background-position:-600px 0px;
	background-repeat:repeat-x;
	z-index:1;
	position:absolute;
	bottom:0;
	left:0;
	height:214px;
	width:100%;
}
#neargrass {
	background-image:url(/images/all-grass.png);
	background-position:-500px 10px;
	background-repeat:repeat-x;
	height:214px;
	position:relative;
	width:100%;
	z-index:40;
}
#fargrass {
	background-image:url(/images/all-grass.png);
	background-position:0px 50px;
	background-repeat:repeat-x;
	height:214px;
	position:relative;
	width:100%;
	z-index:30;
}
.superfarhills {
	background-image:url(/images/all-hills.png);
	background-position:0px 0px;
	background-repeat:repeat-x;
	z-index:1;
	position:fixed;
	top:330px;
	left:0;
	height:540px;
	width:100%;
}

/* ===================================== */
/* TIER ONE SUPERHEROES
/* ===================================== */
#tier-one .flutterflash {
	position:relative;
	left:-200px;
	top:-20px;
}
#tier-one .flutterby {
	float:left;
	height:300px;
	position:relative;
	width:350px;
	margin-top:20px;
}
#tier-one .splash {
	float:left;
	font-size:120%;
	position:relative;
	top:50px;
	width:300px;
	z-index:10;
	margin-top:50px;
}
#tier-one .splash a {
	color:#f4ba67;
	text-decoration:none;
}
#tier-one #logo {
	height:42px;
	padding-bottom:35px;
	position:relative;
	width:300px;
}
#tier-one #cloud {
	float:left;
	height:300px;
	position:relative;
	width:220px;
	background-image:url(/images/clouds.png);
	background-repeat:no-repeat;
	margin-top:20px;
}
#tier-one #ticker {
	height:17px;
	left:30px;
	position:absolute;
	top:40px;
	width:300px;
}
#tier-one p {
	line-height:18px;
	padding-bottom:15px;
}
#frontchatter {
	position:absolute;
	margin:0 auto;
	margin-left:690px;
	top:60px;
	z-index:11;
	width:178px;
	height:120px;
	overflow:hidden;
}
#frontchatter .comment {
	font-size:12px;
}

/* ===================================== */
/* TIER TWO (& THREE) SUPERHEROES
/* ===================================== */
#tier-two .flutterflash, #tier-three .flutterflash {
	position:relative;
	left:-200px;
	top:-20px;
}
#tier-two .flutterby, #tier-three .flutterby {
	float:left;
	height:300px;
	position:relative;
	width:911px;
	left:-190px;
	margin-top:-30px;
}
#tier-two .splash a, #tier-three .splash a {
	color:#f4ba67;
	text-decoration:none;
}
#tier-two #logo, #tier-three #logo {
	height:42px;
	padding-bottom:35px;
	position:relative;
	width:300px;
}
#tier-two #cloud, #tier-three #cloud {
	float:left;
	height:300px;
	position:relative;
	width:220px;
	background-image:url(/images/clouds.png);
}
#tier-two #ticker, #tier-three #ticker {
	height:17px;
	left:30px;
	position:absolute;
	top:40px;
	width:300px;
}
#tier-two p, #tier-three p {
	line-height:18px;
	padding-bottom:10px;
	padding-top :5px;
	font-size:80%;
}
#tier-two a, #tier-three a {
	text-decoration:none;
	border-bottom:dotted 1px #fff4bd;
	color:#fff4bd;
}
#tier-two a.toplink, #tier-three a.toplink {
	border:0px;
}

/* ===================================== */
/* LAYTHORPE WAS HERE
/* ===================================== */
.himage {
	float:left;
	padding-right:20px;
	margin-bottom :10px;
}

/* ===================================== */
/* TYPOGRAPHY, ARTICLE STYLES
/* ===================================== */
.newsitem {
	font-size:90%;
}
/* ============= HEADING 1s ============= */
#tier-two h1, #tier-three h1 {
	font-size:220%;
	float:right;
	clear:both;
	margin-top:20px;
	margin-right:40px;
	font-weight:normal;
}
#tier-three h1 {
	display:block;
	width:100%;
	text-align:right;
	font-weight:normal;
}
/* ============= HEADING 2s ============= */
#tier-two h2, #tier-three h2 {
	font-size:140%;
	float:right;
	margin-right:30px;
	margin-bottom:10px;
	color:#f3c178;
	clear:both;
	font-weight:normal;
}
#tier-three h2 {
	margin-right:0px;
	width:100%;
	font-weight:normal;
}
/* ============= HEADING 3s ============= */
#tier-two h3, #tier-three h3 {
	font-size:110%;
	background-image:url(/images/tier2/h3-back.png);
	height:32px;
	line-height:32px;
	width:671px;
	display:block;
	padding-left:10px;
	margin-top:10px;
	clear:both;
	font-weight:normal;
}
#tier-three h3 {
	background-image:none;
	width:auto;
	height:auto;
	font-weight:normal;
}
/* ============= HEADING 4s ============= */
#tier-two h4, #tier-three h4, label.cufon {
	font-size:140%;
	line-height:22px;
	color:#f3c178;
	margin-bottom :3px;
}
#tier-three h4 {
	color:#FFF;
}
/* ============= HEADING 5s ============= */
#tier-two h5, #tier-three h5 {
	font-size :90%;
	line-height :18px;
	color :#f3c178;
}
/* ============= HEADING 6s ============= */
#tier-two h6 {
	font-size:130%;
	line-height:22px;
	margin:17px 0;
}
/* ============= COPY CONTAINERS ============= */
#tier-two #panel-container, #tier-three #panel-container {
	width:220px;
	float:left;
	position:relative;
}
#tier-two #copy-container, #tier-three #copy-container {
	width:683px;
	float:right;
	position:relative;
	clear:right;
}
/* ============= COLUMNS? ============= */
.colcontent {
	position:relative;
	clear:both;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:10px;
}
#tier-two .colcontent p, #tier-three .colcontent p {
	line-height:16px;
	padding-bottom:10px;
	padding-top :5px;
}
#tier-two .colcontent a, #tier-three .colcontent a {
	border-bottom:none;
	color:#f4ba67;
}
#tier-two .colcontent h3 {
	background-image:url('/images/tier2/h3-back-short.png');
	width:333px;
	background-repeat:no-repeat;
	line-height:26px;
	margin-bottom:10px;
	font-weight:normal;
}
.colcontent li {
	display:block;
	width:333px;
	float:left;
}
.colcontent li.col1 {
	clear:left;
	width:333px;
	margin-right:17px;
}
img.mainarticleimg {
	width:683px;
	height:226px;
	border:0px;
}
.colcontent li img.articleimg {
	float:right;
	width:188px;
	height:97px;
}
.portfolio li {
	font-size : 12px;
}

/* ============= MISC EXTRA ARTICLE STYLINGS ============= */
.fakenumbs {
	text-indent : -20px;
	margin-left :20px;
}
.fakebull {
	text-indent : -12px;
	margin-left :12px;
	margin-right :12px;
}
p.quoteexample {
	font-style:italic;
}
h2.casestudysub {
	text-align : right;
	padding-right :40px;
}
.casestudyquote {
	background-image : url(../images/discover/startquote.gif);
	background-position : top left;
	background-repeat : no-repeat;
	width :80%
}
.casestudyquote2 {
	background-image : url(../images/discover/endquote.gif);
	background-position :bottom right;
	background-repeat : no-repeat;
	padding-left :30px;
	padding-right :10px;
	width :100%
}
ul.bullylist li /* puts bullets on article uls */ {
	list-style-type : disc;
	margin-left : 20px;
	line-height: 18px;
	font-size : 80%;
}

/* ===================================== */
/* READ FULL LINKS
/* ===================================== */
#tier-two a:link.readfull, #tier-two a:visited.readfull, #tier-three a:active.readfull, #tier-three a:link.readfull, #tier-three a:visited.readfull, #tier-three a:active.readfull {
	border:0px;
	text-indent:-9999px;
	background-image:url(/images/tier2/read-full-article.png);
	height:25px;
	width:107px;
	display:block;
}
#tier-two a:hover.readfull, #tier-three a:hover.readfull {
	background-image:url(/images/tier2/read-full-article-roll.png);
}
#tier-two a:link.readfull-lite, #tier-two a:visited.readfull-lite, #tier-two a:active.readfull-lite, #tier-three a:link.readfull-lite, #tier-three a:visited.readfull-lite, #tier-three a:active.readfull-lite {
	border:0px;
	text-indent:-9999px;
	background-image:url(/images/tier2/read-full-article-lite.png);
	height:11px;
	width:93px;
	display:block;
	margin-left:6px;
}
#read-further-articles {
	text-align:right;
	margin-top:10px;
	cursor:pointer;
}
#furtherarticles {
	display:none;
}

/* ===================================== */
/* ARTICLE FEATURED
/* ===================================== */
.webagency {
	text-indent:-9999px;
	background-image:url(/images/hear/header-selecting-a-web-agency.png);
	background-repeat:no-repeat;
	width:127px;
	height:65px;
	float:left;
	margin-left:5px;
}
.toptips {
	text-indent:-9999px;
	background-image:url(/images/hear/header-top-web-tips.png);
	background-repeat:no-repeat;
	width:127px;
	height:65px;
	float:left;
}

/* ===================================== */
/* UPDATES PANEL OF HEAR US
/* ===================================== */
#latestupdates li p {
	display:none;
}
.update-redesign h5, .update-live h5, .update-edit h5, .update-seo h5, .update-upgrade h5, .update-marketing h5 {
	text-indent:55px;
	cursor:pointer;
	margin-bottom:5px;
	background-image:url(/images/hear/latest-updates.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:35px;
	padding-top:15px;
}
.update-redesign h5 {
	background-position:0px 0px;
}
.update-live h5 {
	background-position:0px -250px;
}
.update-edit h5 {
	background-position:0px -100px;
}
.update-seo h5 {
	background-position:0px -50px;
}
.update-upgrade h5 {
	background-position:0px -150px;
}
.update-marketing h5 {
	background-position:0px -200px;
}

/* ===================================== */
/* CONTACT FORMS
/* ===================================== */
form.contact label {
	clear:both;
	display:block;
	margin-top:10px;
	margin-bottom:0px;
}
form.contact .buttoninput {
	clear:both;
	float:right;
	margin-top:10px;
}
form.contact .textinput, form.contact .textareainput {
	width:329px;
	border:0px;
	font-family:"Segoe UI", verdana, arial, sans-serif;
	font-size:90%;
}
form.contact .textinput {
	height:23px;
	padding:2px 4px 6px 8px;
	background-color:#59b2d4;
	background-image:url('/images/find/input-back.png');
	background-repeat:no-repeat;
}
form.contact .textareainput {
	margin:0px;
	padding:0px;
	padding:0px 6px;
	height:115px;
	background-color:#59b2d4;
	background-image:url('/images/find/textarea-back.png');
	background-repeat:repeat-y;
	overflow:hidden;
	border:0px solid #FFF;
}
form.contact .textareawrap {
	background-color:#FFF;
	width:329px;
	background-image:url('/images/find/textarea-back.png');
	margin-top:4px;
}
.contacticon {
	height:30px;
	width:24px;
	margin-right:6px;
}

/* ===================================== */
/* LEFT COLUMN SUPERHEROES
/* ===================================== */

#chatterbox, #makespecialbutton, #onelump, #viewwork, #contacttwitter {
	float:right;
	position:relative;
	margin-bottom:20px;
}

/* ============= CHATTER ============= */
#chatterbox {
	margin-top:-40px;
}
#chatterbox-top {
	clear:both;
	background-image:url('/images/chatter.png');
	background-repeat:no-repeat;
	width:211px;
	height:52px;
	position:relative;
}
#tier-three #chatterbox-top {
	background-image:url(/images/tier3/articles-of-interest.png);
}
#chatterbox-content {
	clear:both;
	background-image:url(/images/chatter-back.png);
	background-repeat:repeat-y;
	width:211px;
	position:relative;
}
#chatterbox-bottom {
	background-image:url(/images/chatter-bottom.png);
	background-repeat:no-repeat;
	width:211px;
	height:19px;
	position:relative;
}
#chatterbox-content ul {
	margin-left :20px;
	margin-right :20px;
}
#chatterbox-content li p {
	text-align:left;
}
#chatterbox-content li .name, #frontchatter li .name {
	color :#f3c178;
	padding-top:8px;
	display:block;
}
#chatterbox-content li .comment, #frontchatter li .comment {
	padding-top :0px;
	padding-bottom :0px;
	line-height:normal;
}
#chatterbox-content li .date, #frontchatter li .date {
	font-size :60%;
}
#tier-three #chatterbox-content li {
	padding-top:8px;
	line-height:120%;
	font-size:90%;
}
#tier-three #chatterbox-content li a, #frontchatter li a {
	color:#FFF;
	border-bottom:1px dotted #FFF;
	text-decoration:none;
}

/* ===================================== */
/* USE US
/* ===================================== */
#imagination {
	float:left;
	margin-right:17px;
	width:316px;
	height:199px;
}
#looks {
	float:right;
	width:307px;
	height:307px;
	margin-top:-30px;
}
#brains {
	float:left;
	margin-right:17px;
	width:316px;
	height:199px;
	padding-top:6px;
}
#muscle {
	float:right;
	width:370px;
	height:123px;
}
#muscleImg {
	z-index:1;
	position:relative;
	margin-top:-500px;
	margin-left:170px;
	background-image:url(/images/use/muscle.png);
	background-repeat:no-repeat;
	width:574px;
	height:435px;
}
.muscleFront {
	z-index:999;
	position:relative;
}

/* ===================================== */
/* TIER-THREE - WHERE HAS THE HYPHEN COME FROM?
/* ===================================== */
#tier-three .inlinehighlight {
	background-color:#68BAD8;
	float:right;
	width:310px;
	padding:0px 10px;
	margin-left:17px;
	margin-bottom:17px;
}
#tier-three .inlinehighlight h6 {
	margin-top:10px;
	display:block;
	font-size:120%;
}
#tier-three .inlinehighlight p {
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
}
#tier-three .inset strong {
	font-size:110%;
	color:#F0F0F1;
	display:block;
}
#tier-three #copy-container blockquote {
	font-size:160%;
	line-height:24px;
	color:#f3c178;
}
#tier-three #copy-container blockquote.right {
	float:right;
	margin-left:17px;
	width:330px;
}
#tier-three .inset {
	width:90%;
	text-align:justify;
	padding-right:30px;
	padding-left:30px;
	color:#f3c178;
	line-height:130%;
}
#tier-three p .no-pad {
	padding:0px;
}
#tier-three blockquote a {
}
#tier-three #copy-content ul, #tier-three #copy-container ol {
	list-style-type :disc;
	margin-bottom :15px;
	margin-left :25px;
	font-size:80%;
}
#tier-three #copy-container ol {
	list-style-type :decimal;
}
#tier-three #copy-container ol li {
	margin-bottom:6px;
}
#tier-three #copy-content ul li {
	line-height:130%;
	text-align:justify;
}
#tier-three #copy-container ul.colcontent li ol li {
	line-height:130%;
}

/* ===================================== */
/* MISC - NEEDS SORTING
/* ===================================== */
.disnone {
	display:none;
}
.disnoneimg {
	position:relative;
	margin-top:20px;
	margin-left:90px;
}
#fancy_div h5{margin:20px;font-size:18px;}
.disimg{margin:10px 20px;clear:both;}
.disleftpara, .disrightpara{width:365px;text-align:justify;font-size:11px; line-height:14px;}
.disleftpara{float:left;margin-left:20px;}
.disrightpara{float:right;margin-right:20px;}

#tier-three .colcontent a {
	text-decoration: none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#fff4bd;
	color:#fff4bd;
}
#tier-three a {
	text-decoration: none;
	border-bottom-width:1px;
	border-bottom-style:dotted;
	border-bottom-color:#fff4bd;
	color:#fff4bd;
}
#tier-three h4 {
	font-size :16px;
	color:#f3c178;
}
#tier-three ul.nocol li {
	font-size :80%;
	line-height :120%;
}
#tier-three ul.colcontent li ul li {
	font-size:80%;
	line-height :120%;
}
#tierthree #tier-three #copy-container ul.bulleted {
	list-style-type:circle;
	margin-bottom:15px;
	margin-left:17px;
	padding-left:17px;
	text-indent:inherit;
	font-size:90%;
}
#tierthree #tier-three #copy-container ul.bulleted li {
	line-height:120%;
	margin-bottom:6px;
}

/* ===================================== */
/* FOR BOTTOM OF ARTICLES
/* ===================================== */
a#backtoarticles {
	border :0px solid white;
	float : left;
}
a#letstalkarticle {
	border :0px solid white;
	float : right;
}
#ratebox {
	width:286px;
	height:55px;
	background-image:url(/images/rate-this-article.png);
	float : left;
	margin-left :50px;
}
#ratebox .rateradio {
	width :12px;
}
#rates {
	margin-top :30px;
	margin-left :57px;
}
#tierthree-hills {
	width:100%;
	height:160px;
	background-image:url(/images/the-rolling-hills-of-england.png);
	position:relative;
	clear:both;
	background-position:-600px 0px;
}

/* ===================================== */
/* LARGE CHATTER
/* ===================================== */
#largeChatter li {
	padding-bottom:10px;
}
#largeChatter li h4 {
	margin-bottom:0;
	line-height:normal;
	float:left;
	width:70px;
	padding-top:10px;
	height:40px;
}
#largeChatter li p {
	padding-top:0;
}


/* ===================================== */
/* FANCY OVERLAY FOR THE PORTFOLIO
/* ===================================== */
div#fancy_overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#FFF;
	display: none;
	z-index:30;
}
div#fancy_loading {
	position:absolute;
	height:40px;
	width:40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index:100;
}
div#fancy_loading div {
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:480px;
	background: transparent url('/images/fancybox/fancy_progress.png') no-repeat;
}
div#fancy_outer {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	padding:20px 20px 40px 20px;
	margin:0;
	background: transparent;
	display: none;
}
div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background:#FFF;
}
div#fancy_content {
	margin:0;
	z-index:100;
	position:absolute;
}
div#fancy_div {
	background:#FFF;
	color:#7f7f7f;
	height:100%;
	width:100%;
	z-index:100;
}
img#fancy_img {
	position:absolute;
	top:0;
	left:0;
	border:0;
	padding:0;
	margin:0;
	z-index:100;
	width:100%;
	height:100%;
}
div#fancy_close {
	position:absolute;
	top: -16px;
	right: -7px;
	height:30px;
	width:30px;
	background: url('/images/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index:181;
	display: none;
}
#fancy_frame {
	position: relative;
	width:100%;
	height:100%;
	display: none;
}
#fancy_ajax {
	width:100%;
	height:100%;
	overflow:auto;
}
a#fancy_left, a#fancy_right {
	position:absolute;
	bottom:0px;
	height:100%;
	width:35%;
	cursor: pointer;
	z-index:111;
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}
a#fancy_left {
	left:-90px;
}
a#fancy_right {
	right:-90px;
}
span.fancy_ico {
	position:absolute;
	top:50%;
	margin-top: -15px;
	width:90px;
	height:83px;
	z-index:112;
	cursor: pointer;
	display:block;
}
span#fancy_left_ico {
	left: -9999px;
	background: transparent url('/images/fancybox/fancy_left.png') no-repeat;
}
span#fancy_right_ico {
	right: -9999px;
	background: transparent url('/images/fancybox/fancy_right.png') no-repeat;
}
a#fancy_left:hover {
	visibility: visible;
}
a#fancy_right:hover {
	visibility: visible;
}
a#fancy_left:hover span {
	left:20px;
}
a#fancy_right:hover span {
	right:20px;
}
.fancy_bigIframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: transparent;
}
div#fancy_bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:70;
	border:0;
	padding:0;
	margin:0;
}
div.fancy_bg {
	position:absolute;
	display:block;
	z-index:70;
	border:0;
	padding:0;
	margin:0;
}
div.fancy_bg_n {
	top: -20px;
	width:100%;
	height:20px;
	background: transparent url('/images/fancybox/fancy_shadow_n.png') repeat-x;
}
div.fancy_bg_ne {
	top: -20px;
	right: -20px;
	width:20px;
	height:20px;
	background: transparent url('/images/fancybox/fancy_shadow_ne.png') no-repeat;
}
div.fancy_bg_e {
	right: -20px;
	height:100%;
	width:20px;
	background: transparent url('/images/fancybox/fancy_shadow_e.png') repeat-y;
}
div.fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width:20px;
	height:20px;
	background: transparent url('/images/fancybox/fancy_shadow_se.png') no-repeat;
}
div.fancy_bg_s {
	bottom: -20px;
	width:100%;
	height:20px;
	background: transparent url('/images/fancybox/fancy_shadow_s.png') repeat-x;
}
div.fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width:20px;
	height:20px;
	background: transparent url('/images/fancybox/fancy_shadow_sw.png') no-repeat;
}
div.fancy_bg_w {
	left: -20px;
	height:100%;
	width:20px;
	background: transparent url('/images/fancybox/fancy_shadow_w.png') repeat-y;
}
div.fancy_bg_nw {
	top: -20px;
	left: -20px;
	width:20px;
	height:20px;
	background: transparent url('/images/fancybox/fancy_shadow_nw.png') no-repeat;
}
div#fancy_title {
	position:absolute;
	bottom: -37px;
	left:0;
	width:100%;
	z-index:100;
	display: none;
}
div#fancy_title div {
	color:#FFF;
	font:bold 12px Arial;
	padding-bottom:3px;
}
div#fancy_title table {
	margin:0 auto;
}
div#fancy_title table td {
	padding:0;
	vertical-align: middle;
}
td#fancy_title_left {
	height:32px;
	width:15px;
	background: transparent url(/images/fancybox/fancy_title_left.png) repeat-x;
}
td#fancy_title_main {
	height:32px;
	background: transparent url(/images/fancybox/fancy_title_main.png) repeat-x;
}
td#fancy_title_right {
	height:32px;
	width:15px;
	background: transparent url(/images/fancybox/fancy_title_right.png) repeat-x;
}
#smashing {
	clear:both;
	margin-bottom:10px;
	background-color:#fff;
	color:#000;
	background-image:url(/images/hear/smashing.png);
	background-position:10px center;
	height:100px;
	background-repeat:no-repeat;
}
#smashing a {
	color:#FF4D00;
}
#smashing p {
	margin-left:240px;
	padding-top:30px;
	font-weight:bold;
}
.preLoad{width:160px;height:82px;border:0;}
/* ===================================== */
/* END OF FANCY PRELOAD STUFF FOR PORTFOLIO
/* ===================================== */



/* ===================================== */
/* CSS3 SUPERSTARS
/* ===================================== */
#tier-two h3, #tier-three h3 {
	border-radius:7px;
	-moz-border-radius:7px;
		
	background-image: url("/images/tier2/h3-back.png");
	background-image:-moz-linear-gradient(
		center bottom,
		rgb(86,177,219) 0%,
		rgb(117,207,243) 70%
	);
	background-image:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(86,177,219)),
		color-stop(0.7, rgb(117,207,243))
	);
}

 #tier-two a.readfull:link, #tier-two a.readfull:visited, #tier-three a.readfull:active, #tier-three a.readfull:link, #tier-three a.readfull:visited, #tier-three a.readfull:active  {
	border-top:1px solid #F9D7A1;
	border-left:1px solid #F9D7A1;
	border-bottom:1px solid #F5AC58;
	border-right:1px solid #F5AC58;
	border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:2px 2px 5px #3F93B3;
	-moz-box-shadow:2px 2px 5px #3F93B3;
	-webkit-box-shadow:2px 2px 5px #3F93B3;
	text-indent: 0px;
	line-height:normal;
	 background-image: url("/images/tier2/read-full-article.jpg");
		background-image:-moz-linear-gradient(  center bottom,  rgb(239,132,19) 50%,  rgb(247,183,98) 98% );
		background-image:-webkit-gradient(  linear,  left bottom,  left top,  color-stop(0.5, rgb(239,132,19)),  color-stop(0.98, rgb(247,183,98)) );
	 height: 10px;
	 width:auto;
	display:inline;
	color:#FFF;
	padding:0px 15px 4px 15px;
	margin:0;
	text-shadow: 2px 2px 2px #BB8139;
}
#tier-two a.readfull:hover, #tier-three a.readfull:hover {
	border-top:1px solid #F5AC58;
	border-left:1px solid #F5AC58;
	background-image: url("/images/tier2/read-full-article-roll.jpg");
	background-image:-moz-linear-gradient(  center bottom,  rgb(239,132,19) 0%,  rgb(247,183,98) 90% );
	background-image:-webkit-gradient(  linear,  left bottom,  left top,  color-stop(0, rgb(239,132,19)),  color-stop(0.9, rgb(247,183,98)) );
}