/* @override http://fluffdesign.com.local/styles/core.css */

@import "baseline.css";
@import "layout.css";
@import "form.css";
@import "cms.css";

/*global text styles & classes*/

/*define basic elements*/
html {
}

body {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: medium;
	line-height: 1.1em;
	background: #DFF0FA url(/images/bg_body_4.jpg) no-repeat 50% 0px;
	background-attachment: fixed;
}

/*headings*/
h1 {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	line-height: 1.2em;
	text-align: center;
	position: relative;
	background: #fff;
	color: #113355;
	letter-spacing: -1px;
	margin: -30px 20px 0.0em 20px;
	padding: 0.0em 0.0em 0.5em 0.0em;
}

h2, h3, h4, h5 {
	margin: 0.0em 0 0.4em 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #113355;
	border-bottom: 1px dashed #cceeff;
	line-height: 1.1em;
	padding-bottom: 0.2em;
}

#content_main h2 {
	border-bottom: 2px solid #cceeff;
}

#content_sub h2 {
	border-bottom: 1px solid #cceeff;
}

h1 {
	font-size: 175%;
}

h2 {
	font-size: 160%;
}

h3 {
	font-size: 140%;
}

h4 {
	font-size: 120%;
}

h5 {
	font-size: 100%;
	color: red;
}

h6 {
	font-size: 100%;
	color: red;
}

.fakeH1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 190%;
	color: #778899;
	font-weight: bold;
}

h2 strong, h3 strong, h4 strong, h5 strong {
	color: #1188aa;
}

h2 em, h3 em {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}

div.subHead {
	float: left;
	margin-left: 20px;
	font-size: 70%;
	width: 487px;
	color: #666;
	background: url(/images/bg_ghostwhite.jpg) repeat 0 100%;
	text-align: justify;
	border-top: 1px solid #ddeeff;
	padding: 10px;
	margin-bottom: 5px;
	padding-top: 17px;
	padding-bottom: 5px;
	position: relative;/*For serviceListTitle*/
	color: #112222;
	color: #000;
}

div.subHead a:link, div.subHead a:visited {
}

div.subHead strong {
	font-weight: normal;
	color: #112222!Important;
}

div.subHead a {
	color: #112222;
}

* html div.subHead {
	margin-left: 10px;
	margin-right: 0;
}

div.subHead p {
	margin-bottom: 1em;
}

/* Typography
   - General 





*/

p, .paraSpacing {
	margin: 0 0 1.6em 0;
}

acronym, abbr {
	border-bottom: 1px dashed;
}

#content img {
	XXXpadding: 5px;
}

#content img.bare {
	border: none;
	padding: 0;
}


#content img.icon {
	border: none;
	padding: 0;
}

#content img.left, #content img.right {
	margin: 0 10px 10px 0;
}

#content img.right {
	margin: 0 0 10px 10px;
}

p.imgTitle {
	text-align: center;
	padding: 5px;
	padding-top: 0;
	font-weight: bold;
	border-top: 1px solid #cceeff;
	margin-top: 5px;
}
p.imgTitle em {
	display: block;
	text-align: center;
	font-weight: normal;
}

sup {
	vertical-align: super;
}

h1 sup {
	font-size: 70%;
	margin-left: 0.15em;
}

p.intro {
	font-size: 110%;
	font-weight: bold;
}

#container {
	color: #555;
	color: #333;
}

#content strong {
	color: #000;
}

#content img.noBorder.left {
	margin: 0 10px 10px 0;
}

address{
	font:normal 1.1em/1.3 verdana, arial, sans-serif;
	margin:0 0 10px 0;
}

small {
	font-size: 85%;
	line-height: 1.6em;
}

/*---blockquote---*/
blockquote {
	margin-left: 1.6em;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

blockquote p.quote {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(/images/blockquote_open_white.gif) no-repeat 0 0;
	text-align: center;
	padding: 0 18px;
	margin: 0 0 0.5em -18px;
	font-size: 120%;
}

div.intro blockquote p.quote {
	background: url(/images/blockquote_open_red.gif) no-repeat 0 0;
}

div.detail blockquote p.quote {
	background: url(/images/blockquote_open_green.gif) no-repeat 0 0;
}

blockquote p.author strong {
	display: block;
	background: url(/images/blockquote_close_white.gif) no-repeat 100% 0;
	margin-top: -2.0em;
	padding-top: 2.0em;
	text-align: right;
	font-weight: normal;
}

div.intro blockquote p.author strong {
	background: url(/images/blockquote_close_red.gif) no-repeat 100% 0;
}

div.detail blockquote p.author strong {
	background: url(/images/blockquote_close_green.gif) no-repeat 100% 0;
}

blockquote p.quote span {/*hide the copy speech marks as we use images*/
	display: none;
}
/*---/blockquote---*/

.monospaced {
	font-family: "Courier New", Courier, mono;
	font-size: 120%;
	font-weight: bold;
}

.subHead cite {
	color: #113355;
}


/* Typography
   - Content 
*/
#content p {
}


/* list styles*/
#content ol {

}

#content ul {
	margin: 0 0 1.6em 0.0em;
}

#content ul li {
	list-style: none;
	background: url(/images/bullet_white.gif) no-repeat 0 0.4em;
	padding-left: 18px;
	margin-bottom: 0.6em;
}

#content div.intro ul li {
	background: url(/images/bullet_red.gif) no-repeat 0 0.4em;
}

#content div.detail ul li {
	background: url(/images/bullet_green.gif) no-repeat 0 0.35em;
}

#content ul li ul {
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

#content ul li ul li {
	padding-left: 38px;
	margin-left: -18px;
}

#content li {
}
	
/*definition list styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
dt {
	font-weight: bold;
}

dd {
	margin-bottom: 0.5em;
	margin-left: 1em;
}

/* link styles*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
#content a:link, #content a:visited, 
p.glossaryControl a {
	/*color: #551111;
	text-decoration: underline;*/
}

a:link, a:visited {
	color: #226688;
	text-decoration: none;
	border-bottom: 1px dotted;
}

a:hover {
	color: #000;
	background: #DDEEFF;
	border-bottom: 1px solid #99AAAA;
}

div#sidebar a:link, 
div#sidebar a:visited {
	border-bottom: none;
}

div#sidebar a:hover {
	border-bottom: 1px solid #99AAAA;
}


.linkExternal {
	background: url(/images/bg_link_external.gif) no-repeat 100% 50%!Important;
	padding-right: 14px;
}

#content a:hover.linkExternal {
	background: #ddeeff url(/images/bg_link_external.gif) no-repeat 100% 50%!Important;
	padding-right: 14px;
}

h1 a {
	text-decoration: none;
}

a:active {
}

/* skip to content link at top of page*/
.skip {
	position: absolute;
	left: -9999px;
}

a:link.more, a:visited.more {
}

/*image replacement*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.replace{ 
	position:relative; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;
	 /* */
} 

.replace span{ 
	display:block; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:1; /*for Opera 5 and 6*/ 
}

a.replace span{
	cursor: hand;
}

/* bug workarounds */
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/

/*easy clearing*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* general custom classes*/
/*/////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////*/
.dotrule {
	height:1px; 
	font-size:1px;
	background:url(/images/dot.gif) repeat-x; 
	clear:both;
	margin:5px 0;
}
	
.right{
	float: right;
}

.left{
	float: left;
}

.thumb{
	border: 1px solid #999;
	padding: 1px;
}

.thumb.left{
	margin: 0 15px 15px 0;
}

.thumb.right{
	margin: 0 0 15px 15px;
}

.cleary {
	clear: both;
}

li.divide_above {
	background: url(/images/bg_divide_footer.jpg) no-repeat 50% 0;
	margin-top: 3em;
}

.ie_warning {
	color: #225577;
	font-weight: normal!Important;
}

.ie_warning img {
	margin: 10px;
	display: block;
	text-align: left;
	padding-left: 35px;
}

.ie_warning a {
	border-bottom: none!Important;
}

.textRight {
	text-align: right;
}

.crossOut {
	text-decoration: line-through;
}

/* - - - moofx + dlAsRows - - - */
div#collapser, div#collapserNot,  {
	clear: both;
}

div#collapser dt, div#collapserNot dt {
	width: 15%;
	float: left;
	font-weight: bold;
}

div#collapser dd, div#collapserNot dd {
	width: 85%;
	float: left;
	margin-bottom: 1em;
}
/*     /moofx rules     */

span.business {
	font-family: "Times New Roman", Times, serif;
	font-size: 175%;
}

span.hiLight {
	background: #ffffcc;
}

strong.hiLight {
	background: #ffffcc;
}

div.detail span.hiLight {
	background: #BBEEAA;
}

#footer span.hiLight {
	background: none;
	border: 1px dashed #ffff66;
	padding: 0.1em;
	font-weight: bold;
}

a.hiLight {
	background: #ffffcc;
}

.h1Esque {
	font: 130% "Goudy Old Style", "Palatino", "Book Antiqua", serif;
}

p em.h1Esque {
	font-style: italic;
}

.h1Esque.small {
	font-size: 85%;
}

.alert {
	font-weight: bold;
}

.alert.glossary {
	font-family: stencil,"courier new", courier;
	color: #fff;
	font-size: 110%;
	padding: 0.2em 0.2em 0.1em 0.1em;
	font-weight: normal!Important;
}

label .alert {
	font-style: italic;
	font-weight: normal;
}

hr.fake {
	border: none;
	background: #cceeff;
	height: 1px;
}

.centre {
	text-align: center;
}

/*.dlAsRows dt {
	width: 30%;
	float: left;
	font-weight: bold;
}

.dlAsRows dd {
	width: 70%;
	float: left;
	margin-bottom: 0.5em;
}

.dlAsRows dd p {
	margin-bottom: 0.5em;
}*/

dt.dull, dd.dull {
	color: #bbb;
}

.dull a {
	color: #bbb;
}

div.service {
	background: #ffffcc url(/images/icons_info_corner.jpg) no-repeat 100% 0px;
	border: 2px dashed yellow;
	padding: 10px 10px 0px 10px;
	clear: left;
	margin-bottom: 1.6em;
}

/*h2.fdServiceSeo, 
h2.fdServiceDesignBuild, 
h2.fdServiceTime, 
h2.fdContact {
	background: url(/images/bg_seo.jpg) no-repeat 0 100%;
	display: block;
	padding-left: 28px;
	xpadding-top: 8px;
}

h2.fdServiceDesignBuild {
	background: url(/images/bg_design.jpg) no-repeat 0 100%;
}

h2.fdServiceTime {
	background: url(/images/bg_time.jpg) no-repeat 0 100%;
}

h2.fdContact {
	background: url(/images/icon_envelope_open_2.gif) no-repeat 0 100%;
}

h2.fdContact.contactED {
	background: url(/images/icon_envelope_sent_2.gif) no-repeat 0 100%;
}*/

div.intro, 
div.detail {
	background: #33bbee url(/images/bg_intro.jpg) no-repeat 0 0;
	border: 2px solid #88ddee;
	padding: 10px;
	padding-bottom: 0;
	margin-bottom: 1.6em;
	color: #113355;
}

div.intro h2, 
div.detail h2 {
	position: relative;
	width: 100%;
	padding-top: 0.7em;
}

div.intro h2 span, 
div.detail h2 span {
	position: absolute;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 40%;
	top: -12px;
	right: 4px;
	padding: 5px;
	border: 2px solid #88ddee;
	border-top: none;
	line-height: 1em;
	letter-spacing: 0.2em;
	background: #fff;
	color: #113355;
	font-weight: bold;
	font-size: 50%;
	text-transform: uppercase;
}

div.detail h2 span {
	border: 2px solid #aacc99;
	border-top: none;
	color: #003311;
}

div.intro a:link, div.intro a:visited {
	color: #000;
}

#more_please a:link, #more_please a:visited {
	color: #335566;
}


div.intro a:hover, 
#more_please a:hover {
	background: #66CCEE;
	border-bottom: 1px solid #116677;
}

.linkExternalIntro {
	background: url(/images/bg_link_external.gif) no-repeat 100% 50%!Important;
	padding-right: 14px;
}

a:hover.linkExternalIntro {/*yuk - this cludge needs to be tidied*/
	background: #66CCEE url(/images/bg_link_external.gif) no-repeat 100% 50%!Important;
	padding-right: 14px;
}

div.detail a:link, div.detail a:visited {
	color: #000;
}

div.detail a:hover {
	background: #bbeeaa;
	border-bottom: 1px solid #779966;
}

div.detail {
	background: #99DD77 url(/images/bg_detail.jpg) no-repeat 0 0;
	border: 2px solid #aacc99;
	color: #003311;
}

div.intro h2, 
div.detail h2, 
div.intro h3, 
div.detail h3, 
div.intro h4, 
div.detail h4 {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size: 180%;
	display: block;
	text-align: center;
	border-bottom: 1px solid #113355!Important;
	margin-bottom: 0.3em;
	color: #552222;
	padding-bottom: 0.1em;
	color: #113355;
}

div.detail h2 {
	border-bottom: 1px solid #225522;
	color: #225522;
}

div.intro h3, 
div.detail h3 {
	font-size: 150%;
	text-align: left;
	margin-bottom: 0.3em;
	padding-bottom: 0;
	color: #000;
	border-bottom: none!Important;
	background: #33aadd;
	margin-left: -5px;
	padding-left: 5px;
	margin-right: -5px;
	padding-right: 5px;
}

div.intro h4, 
div.detail h4 {
	font-size: 130%;
	text-align: left;
	margin-bottom: 0.3em;
	padding-bottom: 0;
	color: #000;
	border-bottom: none!Important;
	background: #33aadd;
	margin-left: -5px;
	padding-left: 5px;
	margin-right: -5px;
	padding-right: 5px;
}

div.detail h3 {
	background: #88CC77;
}

div.detail h4 {
	background: #88CC77;
}

span.typeFd {
	font-style: normal;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1 span.typeFd {
	color: #fff!Important;
}

.marginTop {
	margin-top: 1.0em;
}

.shuffleUp {
	margin-top: -1em;
	margin-bottom: 1.6em;
}

.shuffleUpOnly {
	margin-top: -1em;
}

code {
	font-family: courier;
	font-size: 110%;
	color: #000;
}

.runAWAY {
	display: none;
}

/*---imgTitle is used to apply format to content images and to do the title when they are in dedicated divs---*/
div.imgTitle {
	margin-bottom: 1.6em;
}

div.imgTitle img, 
img.imgTitle {
	padding: 5px;
}

div.imgTitle img, 
img.imgTitle {
	background: ghostwhite;
	border: 1px solid #cceeff;
}

div.imgTitle span {
	margin-top: 5px;
	color: #22aacc;
	font-size: 85%;
	text-align: center;
	border-bottom: 5px solid #cceeff;
	display: block;
}

div.imgTitle.left {
	margin-right: 10px;
	margin-bottom: 10px;
}

div.imgTitle.right {
	margin-left: 10px;
	margin-bottom: 10px;
}

div.imgTitle.width80 {
	width: 92px;
}
div.imgTitle.width80 span {
	width: 92px;
}

div.imgTitle.width103 {
	width: 115px;
}
div.imgTitle.width103 span {
	width: 115px;
}

div.imgTitle.width208 {
	width: 220px;
}
div.imgTitle.width208 span {
	width: 220px;
}

div.imgTitle.width229 {
	width: 241px;
}
div.imgTitle.width229 span {
	width: 241px;
}

.okTags a:link, 
.okTags a:visited {
	background: url(/images/icon_rt_16.gif) no-repeat 0 0;
	padding-left: 20px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}

.okTags a:hover {
	background: #ddeeff url(/images/icon_rt_16.gif) no-repeat 0 0;
} 

p.okTags {
	margin-bottom: 0.4em;
	margin-top: 1.0em;
}

.block {
	display: block;
}

a:link.linkRss, 
a:visited.linkRss {
	background: url(/images/rss_feed.gif) no-repeat 0 50%;
	padding-left: 20px;
	padding-bottom: 0.5em;
	padding-top: 0.1em;
}

a:hover.linkRss {
	background: #ddeeff url(/images/rss_feed.gif) no-repeat 0 50%;
}

.shoutText {
	color: #ff0011;
}

.goLarge {
	font-size: 125%;
}

.notBold {
	font-weight: normal;
}

li#clientLogin a:link, 
li#clientLogin a:visited {
	border: 1px solid #33aadd;
	padding: 5px;
}

/*div#more_please dl.right {
	position: relative;
}*/

/*div#more_please {
	position: relative;
}

div#more_please dl.left p.textRight {
	position: absolute;
	bottom: -2em;
}

div#more_please dl.right a.moreLink {
	position: absolute;
	bottom: -2em;
}*/


div#more_please dl.left span.textRight {
	display: block;
}




.fontBodyLike {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.typeShowOff {
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-size: 220%;
	font-style: italic;
}

/*dd#labelLatest em {
	display: none;
}

div#more_please dl.right dd#labelLatest {
	position: absolute;
	background: url(/images/icon_latest_writing2.png) no-repeat 0 0;
	width: 100px;
	height: 10px;
	top: -10px;
	left: -5px;
}*/

.loveContainer {
	position: relative;
}

img.heart {
	position: absolute;
	top: -0.6em;
}

.love {
	color: red;
}

span.chevronOnBlue {
	color: #55aacc;
}

h2 .pallid {
	color: #aaaaaa;
}

/*XXX TEMP MOOD BOARD STYLES -= REMOVE SOON XXX*/
#moodBoard img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

body#moodBoard {
	background: #fff;
}

body#moodBoard p {
	font-size: medium;
	line-height: 1.25;
}

body#moodBoard div#moodBoardContent {
	width: 1040px;
	margin: 0 auto;
}

body#moodBoard h2 {
	border: none;
	text-align: center;
}

body#moodBoard h3 {
	margin-bottom: 0.1em;
}

body#moodBoard p.boxed a {
	border: 3px solid #aaccee;
	padding: 20px;
	text-align: center;
	margin-top: 10px;
	display: block;
}

div#moodBoardContent dt {
	color: #2266aa;
}

div#moodBoardContent dd {
	font-size: 80%;
}

p.imgTimer {
	position: relative;
	padding-bottom: 165px;
}

p.imgTimer img {
	position: absolute;
	top: -10px;
	right: -10px;
}

* html p.imgTimer img {
	right: -1px;
}

p#takePart {
	position: relative;
}

p#takePart a {
	display: block;
	width: 10em;
	text-align: center;
	padding: 0.5em 0.9em 0.5em 0.1em;
	position: absolute;
	top: -5.3em;
	right: 0em;
	letter-spacing: 0.2em;
	background: #99cc00;
	border: 3px solid #ccff33;
	color: #ccff33;
	line-height: 1em;
}

p#takePart a:hover {
	border: 3px solid #fff;
}

p#takePart a em {
	display: block;
	font-family: "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	letter-spacing: normal;
	color: #556633;
}

p#takePart a em strong {
	font-style: normal;
	font-size: 450%;
	position: absolute;
	top: 0.14em;
}

div#narrower {
	width: 600px;
	margin: 0 auto;
	margin-top: 3em;
}

ul.plain {
	margin-top: -1em!Important;
}

ul.plain li {
	list-style: disc!Important;
	background-image: none!Important;
	padding-left: 0!Important;
	margin-bottom: 0!Important;
	margin-left: 38px;
}

.terms p.info {
	margin-left: 1.7em;
	margin-right: 1.7em;
	color: #22AACC;
	
}

.normal ol li {
	margin-left: 2.62em;
	list-style: decimal;
	margin-bottom: 0.62em;
	}
.normal ol li li {
	list-style: lower-alpha;
	}

.quiet {
	color: #119fd5;
	}