/*This style sheet builts on Yahoo!'s YUI 2.3.1 reset, fonts, and base CSS. Yahoo!'s component is licensed under the BSD License (see http://developer.yahoo.net/yui/license.txt) and copyright (c) 2007, Yahoo! Inc. */
/* YUI Reset, unrevised */
body
{
	color:#000;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockpa,th,td
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img
{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:400;
}

li
{
	list-style:none;
}

caption,th
{
	text-align:left;
	margin-left:1em;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:400;
}

q:before,q:after
{
	content:'';
}

abbr,acronym
{
	border:0;
	font-variant:normal;
}

sup,sub
{
	line-height:-1px;
	vertical-align:text-top;
}

sub
{
	vertical-align:text-bottom;
}

input,textarea,select
{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/* YUI Fonts, unrevised */
/*Percents could work for IE, but for backCompat purposes, we are using keywords.x-small is for IE6/7 quirks mode.*/
body
{
	font:13px/1.22 verdana,arial,helvetica,clean,sans-serif;
	font-size:small;
	font:x-small;
}

table
{
	font-size:inherit;
	font:100%;
}

/*Bump up IE to get to 13px equivalent*/
pre,code,kbd,samp,tt
{
	font-family:monospace;
	font-size:108%;
	line-height:99%;
}

/* YUI Grids, revised */
/* for all templates and grids */
body
{
	text-align:center;
/*background: #999999 url(../images/bg-tile.png) top center repeat-y; /*HK added*/
/**/
	background:#999 url(../images/grid.gif) 7px 0;
}

/* 750 centered and backward compatibility */
#doc,.yui-t2
{
	margin:auto;
	text-align:left;
	width:57.69em;
	width:56.301em;
	min-width:750px;
/**/
}

/* below required for all fluid grids; adjust widths and margins above accordingly */
/* to preserve source-order independence for Gecko */
#doc_wrap1,#doc_wrap2
{
/*required for scale-able shadow-effect*/
	float:left;
	margin-left:-95px;
	margin-left:0;
	padding-left:95px;
	width:54.69em;
	width:53.301em;
	background:#fff url(../images/shadow_left.gif) 0 0 repeat-y;
}

#doc_wrap2
{
	padding:0;
	margin:0;
	padding-right:95px;
	width:57.69em;
	width:56.301em;
	min-width:750px;
	background:#fff url(../images/shadow_right.gif) 100% 0 repeat-y;
}

.yui-b
{
	position:static;
}

.yui-b
{
/* for IE < 7*/
	_position:static;
}

#side
{
/* HK added to wrap panel, based on main*/
	width:margin-left:-25em;
/* IE: preserve layout at narrow widths */
	z-index:99;
}

#side .yui-b
{
	position:fixed;
	background-color:#DCDCDC;
/* maybe neccesary with hack below cause the menu cant go beyond end of page, otherwise wierdness with scroll bar and infinity*/
	background:none;
}

/* HACK FOR FIXED POSITIONING IN Ie6 MUST BE EXTENSIVLEY TESTED! */
#side
{
	_position:relative;
}

* html #side .yui-b
{
/*\*/
	
	top:expression(((ignoreMe=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)) 0 px);
	left:expression(((ignoreMe2=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)) 0 px);
/**/
}


/*Need following hack for IE  7 Otherwise all messed up*/

html>body  #side  .yui-b{ position:fixed;}
/*end of IE 7 Hack*/


#side > .yui-b
{
	position:fixed;
}

#hd
{
/*HK revised*/
	background-color:#666;
	height:3.3846em;
	height:3.303em;
	padding-right:1em;
}

#top-space
{
/*HK added. Pushes Homepage tabs down to align with the Home menu*/
	height:2.6em;
	height:*2.53734em;
}

#yui-main
{
	width:100%;
	float:right;
	margin-top:2.5em;
	margin-top:*2.43975em;
	margin-left:-25em;
/* IE: preserve layout at narrow widths */
/**/
	background:url(../images/main_cols.gif) 0 0 repeat-y;
}

#yui-main .yui-b
{
	position:static;
	background-color:#FFF;
}

.yui-b
{
	float:left;
	width:13.8456em;
	width:13.512em;
}

.yui-t2 #yui-main .yui-b
{
	margin-left:14.8456em;
	margin-left:14.512em;
/*Changed so that white covers grey faux column which is oversize for resize larger purposes*/
	margin-left:13.9em;
	margin-left:13.5em;
	padding-left:.85em;
}

#yui-main .yui-b
{
	float:left;
	width:auto;
/**/
	padding:1px 0 10px;
/*needs extra padding on top and bottom*/
	background:#fff;
}

/* #ft { clear:both; padding:.5em; font-size:77%; display:block; position:relative; left:-95px; margin-right:-190px; padding:0.5em 95px; padding:0 95px 150px 95px; background: url(../images/ft_general_bg.gif) 0 0 repeat-x; *height:1em; }   #ft_right {border:0px #f00 solid; background: url(../images/ft_bg.gif) 100% 0 no-repeat; }  #ft_deco_border {padding:1em 0 0 0;  height:1%; border-right:1em #f00 solid;   }   #ft #ft_content {float:none; font-size:77%; line-height:150%; margin:.5em 1em; color:black;  margin:0; margin-left:-95px; padding:0em 0 35px 105px;  background: url(../images/ft_right_bg.gif) 0 0 no-repeat; } */
#ft
{
	clear:both;
	position:relative;
	left:-95px;
	padding-left:95px;
	margin-right:-190px;
	/*height:1em;*/
	background:url(../images/grid.gif) -35px 100%;
}

*:first-child+html #ft {left:-85px;}


#ft_bottom
{
	margin-right:95px;
	padding:0;
	padding-bottom:26px;
	background:#999 url(../images/ft_general_bg.gif) 0 100% repeat-x;
}

#ft_right
{
	position:relative;
	right:-95px;
	background:#0f0;
	background:url(../images/ft_right_edge.gif) 100% 100% repeat-y;
}

#ft_left
{
	position:relative;
	left:-120px;
	background:#00f;
	background:url(../images/ft_left_edge.gif) -70px 100% repeat-y;
}

#ft_deco_border
{
	padding:1em;
	border-right:1.1em red solid;
	height:1%;
	font-size:77%;
	position:relative;
	left:25px;
}

/*ADDED FEB 21*/
#ft A:link,#ft A:visited
{
	color:#666!important;
}

#ft A:hover
{
	color:#fff!important;
}

/*-----*/
/* YUI Base, revised */
h1
{
/*HK revised18px via YUI Fonts CSS foundation*/
	font-size:108%;
	text-align:right;
	color:#FFF;
}

.grey
{
/*HK added for greying the header text*/
	color:#CCC;
}

h2
{
/*HK revised. 16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
	color:#B30000;
/*dark red:#B30000 orange red: #f2170b*/
/*Merged*/
	font-size:116%;
/*NEW-11 (was bigger)*/
	color:#E60B0B;
/*NEW-11*/
/*Was lighter red: B30000; orange red: f2170b*/
/*RED?*/
	margin-top:1.5em;
}

.subtitle
{
/*NEW-11, for H2 subtitle*/
	color:#505050;
/*dark grey #505050; black; */
}

h3
{
/*h3 not used*/
/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
/* Merged*/
/*NEW-11 (not used before)*/
	font-size:100%;
	color:#E60B0B;
/*RED?*/
	margin-top:1.2em;
}

h2,h3
{
/* top & bottom margin based on font size */
	margin-top:1.5em;
}

h2.first
{
/*HK added to reduce H2 margin so it lines up with "consulting" when H2 appears on the top of the page*/
	margin-top:.3em;
}

h1,h2,h3,h4,h5,h6,strong
{
/*bringing boldness back to headers and the strong element*/
	font-weight:700;
}

abbr,acronym
{
/*HK: Not used*/
/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}

em
{
/*bringing italics back to the em element*/
	font-style:italic;
}

blockpa,ul,ol,dl
{
/*giving blockpas and lists room to breath*/
	margin:1em;
}

ol,ul,dl
{
/*bringing lists on to the page with breathing room */
	margin-left:2em;
}

ol li
{
/*giving OL's LIs generated numbers*/
	list-style:decimal outside;
/* Merged */
	color:#000;
/*RED? #E60B0B*/
	line-height:150%;
	margin-top:.5em;
	margin-left:.85em;
	font-weight:700;
/*HK updated 12-18*/
}

ul li
{
/*HK revised for square bullets. Giving UL's LIs generated markers*/
	list-style:square outside;
	color:#B30000;
/* Merged */
	color:#E60B0B;
	line-height:150%;
	margin-top:.5em;
}

li span.text
{
/*HK added. Returns text to black but leaves bullets colored*/
	color:#000;
/* Mrged */
	font-weight:400;
}

dl dd
{
/*giving UL's LIs generated numbers*/
	margin-left:1em;
}

th,td
{
/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}

th
{
/*distinguishing table headers from data cells*/
	font-weight:700;
	text-align:center;
}

caption
{
/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
/*centered so it doesn't blend in to other content*/
	text-align:center;
}

p,fieldset,table
{
/*so things don't run into each other*/
	margin-bottom:1em;
	margin-left:1em;
	margin-right:1em;
}

#yui-main p
{
	line-height:150%;
	margin-top:.4em;
/*margin-left:0; */
}

li p
{
/* Mrged*/
	margin:0;
	color:#000;
	padding:0;
	font-weight:400;
}

/* Scalable em size classes for graphics */
img.logo180
{
/* for 182h x 114w pixel*/
	width:13.9231em;
	width:13.58753077em;
	height:8.6154em;
	height:8.407753846em;
}

img.service
{
	width:19.15384615em;
	width:18.69223846em;
	height:28.61538462em;
	height:27.92575385em;
}

img.client
{
	width:23.38461538em;
	width:22.82104615em;
	height:20.30769231em;
	height:19.81827692em;
}

img.talk
{
	width:21.53846154em;
	width:21.01938462em;
	height:14.30769231em;
	height:13.96287692em;
}

strong.red
{
	color:#E60B0B;
}

/* not used strong.dred { color: #B30000; } */
/*Used for client quotes*/
p.quote,p.quotes,span.quotes
{
	background-image:url(../images/quote.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:1.75em;
}

p.quote.gray,p.quotes.gray,span.quotes.gray
{
	background-image:url(../images/quote_grey.jpg);
}

/* Links in main content */
a:link
{
	color:#C66;
/*Too dark: 993333 Lighter: CC6666 More saturated: CC3333, CC0000*/
}

a:visited
{
	color:#666;
}

a:hover
{
	color:#FFF;
	background-color:#C66;
}

a:active
{
	color:#FFF;
	background-color:red;
}

/* UX White paper links in main content HK New */
a.ux:hover
{
	color:#FFF;
	background:#369;
/*	background-color:#43AC48;*//*Green*/
}

/*For the right nav menu*/
#nav ul
{
	padding:0;
	margin:0;
	margin-top:-.25em;
}

#nav li
{
	list-style:none;
	margin-top:.2em;
	font-size:85%;
}

.here
{
/*For the current location in the right nav menu*/
	display:block;
	background-color:#CCC;
	text-decoration:none;
	color:red;
	font-weight:700;
	padding-left:1em;
	padding-top:.25em;
	padding-bottom:.25em;
	background-image:url(../images/grey-pointer.jpg);
	background-position:right;
	background-repeat:no-repeat;
/**/
}

#nav a:link
{
	display:block;
	background-color:#CCC;
	text-decoration:none;
	color:#000;
	padding-left:1.5em;
	padding-top:.25em;
	padding-bottom:.25em;
/**/
}

#nav a:visited
{
	display:block;
	background-color:#CCC;
	text-decoration:none;
	color:#000;
	padding-left:1.5em;
	padding-top:.25em;
	padding-bottom:.25em;
	background:#CCC url(../images/check.png) 0 50% no-repeat;
	background-repeat:no-repeat;
}

#nav a:hover
{
	color:#FFF;
	background-color:#C66;
	background-image:url(../images/red-pointer.png);
	background-position:right;
	background-repeat:no-repeat;
}

#nav a:active
{
	color:#FFF;
	background-color:red;
}

#nav .here,#nav a:link,#nav a:visited,#nav a:hover,#nav a:active
{
	height:1%;
/*trigger has layout so li whitespace doesn't screw up IE6*/
}

.submenu1,.submenu2
{
	display:block;
	border-top:1px #dcdcdc solid;
	margin-top:-1px;
}

.submenu1 li,.submenu1
{
/*To indent submenu text*/
	margin:0 0 0 1em;
	border:0;
}

.submenu2 li,.submenu2
{
/*To indent sub-submenu text*/
	margin:0 0 0 2em;
	border:0;
}

/*To position photo and breadcrumbs*/
.photo
{
	float:right;
	margin-left:.75em;
	padding-right:.5em;
	position:relative;
/**/
	padding-right:0;
	margin-right:0;
	padding:0;
	text-align:right;
	overflow:hidden;
}

/*To position usw icon in body*/
.usw-icon
{
	float:right;
	margin-left:.75em;
	padding-right:.5em;
	position:relative;
/**/
	padding-right:.5em;
	margin-right:1em;
	margin-top:.8em;
	padding:0;
	text-align:right;
	overflow:hidden;
}

.photo p
{
/*For breadcrumb text. Needs improvement*/
	position:absolute;
	bottom:0;
	right:1.75em;
	text-align:right;
	font-size:85%;
	margin:0;
	padding:0;
	padding-right:.5em;
/*width: 20.75em;*width: 18.69223846em;*/
	height:2em;
	height:1.9518em;
/**/
	padding-top:.2em;
	right:0;
	bottom:2px;
	font-size:85%;
	height:2em;
	height:1.9518em;
	border-right:1em red solid;
}

.transl-back
{
/*For breadcrumb text background*/
	position:absolute;
	bottom:0;
	right:1em;
/*width: 19.15384615em;*width: 18.69223846em;*/
	height:2.2em;
	height:2.1518em;
	background-color:#fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:.6;
/**/
	font-size:85%;
	padding:0;
	bottom:2px;
	left:0;
	width:100%;
}

.redblock
{
/*For breadcrumb accent*/
	position:absolute;
	right:.6em;
	bottom:0;
	background-color:red;
	height:1.8em;
	height:1.9518em;
	width:.75em;
	margin-bottom:.2em;
/**/
	bottom:.25em;
	right:0;
	display:none;
}

/*Breadcrumb Formatting HK updated - Merged*/
.photo a:link
{
/*Was lighter red: #B30000;dark red:#B30000 orange red: #f2170b*/
	font-weight:700;
	color:#C66;
}

.photo a:visited
{
	font-weight:700;
	color:#000;
}

.photo a:hover
{
	font-weight:700;
	color:#FFF;
	text-decoration:none;
}

/*END Breadcrumb Formatting*/
/* Div ID used in by hide-div.js */
div#attractive,#usability,#testing,#guerilla,#cmdline,#underwindow,#what,#how,#project,#process
{
	display:none;
}

/* The following rules for home page sliding panels Spry effect*/
/*HK Updated, Jan 28 Added  #what, #how*/
#slidingPanel img.right
{
	float:right;
	margin-left:10px;
}

.slidingTabPanel a:link,.slidingTabPanel a:visited,.slidingTabPanel a:hover
{
	text-decoration:none;
	color:red;
	text-align:center;
	font-weight:700;
}

.slidingTabPanel a:hover
{
	text-decoration:none;
	color:#FFF;
	text-align:center;
	font-weight:700;
}

.SlidingPanels
{
	float:left;
	position:relative;
	padding-right:1em;
	padding-bottom:1em;
	border:none;
/**/
	float:none;
	width:40em;
}

#slidingPanel
{
/*requires height and cut-off so content isn't visible before jscript loads*/
	height:35em;
	width:41em;
	float:left;
	position:relative;
	overflow:hidden;
}

#slidingPanel div div
{
	padding-bottom:300px;
/*requires height and cut-off so content isn't visible before jscript loads*/
}

.SlidingPanelsContentGroup
{
	position:relative;
	float:left;
	width:10000px;
	margin:0;
	padding:0;
	border:none;
}

.SlidingPanelsContent
{
	float:left;
	width:575px;
	overflow:hidden;
	margin:0;
	padding:0;
	padding-right:10px;
	border:none;
/**/
	overflow:hidden;
	margin-right:2em;
	width:40em;
}

.SlidingPanelsAnimating *
{
	overflow:hidden!important;
}

.slidingTabPanelWrapper
{
	background:url(tab_shadow.png) bottom center no-repeat;
	border-bottom:1px solid #969696;
	height:33px;
	margin:5px 0 10px;
	display:none;
/**/
	height:3em;
}

.slidingTabPanel
{
	list-style:none;
	margin:0;
	padding:0;
	width:288px;
	height:33px;
/**/
	width:30em;
	height:3em;
}

.slidingTabPanel li
{
	list-style:none;
	float:left;
	width:50px;
	margin:0 2px;
/**/
	margin:0 .25em;
	width:4em;
}

.tabActive
{
	position:relative;
	display:block;
	width:50px;
	height:33px;
	cursor:default;
	outline:none;
	background-color:#CCC;
/**/
	width:5em;
	height:3.5em;
	font-size:85%;
}

.tabActive:hover
{
	color:red;
	background-color:#CCC;
}

.tab
{
	position:relative;
	display:block;
	width:50px;
	height:33px;
	background-position:-100px;
	cursor:pointer;
	outline:none;
/**/
	width:5em;
	height:3.5em;
	font-size:85%;
}

/* End of rules for home page sliding panels Spry effect*/
/* For grow Spry effect used in case studies. One per item */
/*New Dec 18 HK updated*/
#cli-example,#web-cm-ui,#online-help-ui
{
	width:100px;
	height:60px;
	border:1px;
	margin:0;
	cursor:pointer;
}

/*New Dec 18 HK added*/
.click
{
	clear:both;
	float:left;
	width:100%;
	padding-bottom:.5em;
	border-bottom:dashed #CCC 2px;
}

.click img
{
	float:right;
	clear:both;
	text-align:right;
	color:#C66;
	margin-bottom:.5em;
	margin-right:.5em;
	font-size:85%;
}

#web-cm-ui
{
	width:85px;
	height:68px;
	float:right;
	position:relative;
	top:0;
	left:0;
	border:1px;
	margin:8px;
	cursor:pointer;
}

/*Style for drop-down eval form*/
#CommentHere ul
{
	background:none;
	border:0;
}

#CommentHere ul li
{
	position:relative;
	width:100%;
	background:none;
}

#CommentHere ul li#form_holder
{
	display:none;
	padding:1em;
	background:#d9d9d9;
	width:200%;
}

form#about_page_form
{
	margin-bottom:0;
}

form#about_page_form textarea
{
	width:38em;
	width:37.5em;
	height:10em;
	margin:0;
	padding:0;
	font-size:85%;
	text-indent:0;
}

form#about_page_form input
{
	font-size:85%;
}

/* --------------------------- */
.more_link
{
	display:inline;
}

A.home,A.home:active,A.home:visited,A.home:hover,A.home:link
{
	text-decoration:none!important;
	background:none!important;
}

span.name
{
	position:absolute;
	left:3.73em;
	left:3.7em;
	top:2.5em;
	padding:.25em;
	padding-bottom:1em;
	letter-spacing:0;
	display:block;
	width:5em;
	width:4.5em;
	padding-right:0;
	color:red;
	text-indent:0;
	font-size:145%;
	font-family:verdana;
	font-weight:400;
	text-align:left;
	line-height:1em;
}

span.name strong
{
	display:block;
	font-size:140%;
	font-weight:400;
	line-height:1em;
}

/*------------------ HACKS -----------------*/
.debug
{
	background:#ff0;
	padding:2px;
}

.debug2
{
	background:#0f0!important;
}

#home_over
{
	position:absolute;
	left:30px;
	top:10px;
/*width:350px;*/
	width:25em;
	color:#ccc;
}

#home_over P
{
	margin:0;
	padding:0;
}

#home_over P.lrg
{
	font-size:170%!important;
	font-weight:700!important;
	line-height:110%;
}

#home_over .list_holder
{
	margin-top:10px;
	padding:5px 10px;
/*width:220px;*/
	width:18em;
	background:#ccc;
}

#home_over .list_holder ul
{
	padding:3px;
	margin:3px;
	margin-left:6px;
	color:#000;
}

#home_over .list_holder ul li
{
	font-weight:700!important;
	font-size:100%;
	line-height:150%!important;
}

/*HK Updated, Jan 28 increase line-height to 150%*/
#home_over .list_holder ul li span.text
{
	font-weight:700;
}

#movie_open,#movie_open:link,#movie_open:visited
{
	margin-top:10px;
	margin-left:0!important;
	padding-left:0!important;
	text-align:center;
	background:none!important;
}

#movie_open:hover
{
	background:#C66!important;
}

#details
{
	position:absolute;
	top:50%;
	left:225px;
	display:none;
	background:#999;
	z-index:99;
}

#details A
{
	border:0;
	margin:0!important;
	padding:0!important;
}

#details A#close_details
{
	position:absolute;
	top:3px;
	right:9px;
	width:28px;
	height:10px;
	background:url(../images/grey-pointer.jpg) -20px -20px no-repeat;
	border:0 #0f0 solid!important;
	text-align:center;
	text-indent:-3333px;
}

#details A#open_details
{
	display:block;
	position:absolute;
	right:40px;
	bottom:30px;
	height:30px;
	width:90px;
	border:0 #0f0 solid!important;
	background:url(../images/grey-pointer.jpg) -20px -20px no-repeat;
}

A.next_link,A.next_link:active,A.next_link:visited,A.next_link:link
{
	float:right;
	display:block;
	display:inline;
	margin-top:10px;
	padding-right:18px;
	height:22px;
	background:url(../images/red-pointer-forward.jpg) 100% 0 no-repeat;
/*HK Updated, Jan 28*/
	color:red;
	font-weight:700;
	text-decoration:none;
}

A.prev_link,A.prev_link:active,A.prev_link:visited,A.prev_link:link
{
	float:right;
	display:block;
	display:inline;
	margin-right:10px;
	margin-top:10px;
	padding-left:18px;
	height:22px;
	background:url(../images/red-pointer-back.jpg) 0 0 no-repeat;
/*HK Updated, Jan 28*/
	color:red;
	font-weight:700;
	text-decoration:none;
}

A.next_link:hover,A.prev_link:hover
{
	color:#fff;
	background-color:#C66;
}

A.notes,A.notes:link,A.notes:hover,A.notes:visited
{
	color:red;
	text-decoration:none;
	background:none;
}

li.home_lvl,li.serv_lvl,li.client_lvl,li.port_lvl,li.art_lvl,li.talks_lvl,li.about_lvl,li.contact_lvl
{
	list-style:none;
	font-weight:700;
}

li.home_lvl ul,li.serv_lvl ul,li.client_lvl ul,li.port_lvl ul,li.art_lvl ul,li.talks_lvl ul,li.about_lvl ul,li.contact_lvl ul
{
	font-weight:400;
}

/*FORM STUFF*/
div.form_row
{
	float:left;
	clear:both;
	margin-bottom:1em;
	width:40em;
}

div.form_row label
{
	display:block;
	font-weight:700;
}

div.form_row input.input_text
{
	float:left;
	width:20em;
	background:#fff!important;
}

div.form_row input.input_text.sml_field
{
	width:10em;
}

.textfieldRequiredMsg,.confirmRequiredMsg,.confirmInvalidMsg,.textfieldInvalidFormatMsg,.checkboxRequiredMsg
{
	float:left;
	display:inline;
	margin-left:.5em;
}

#ann_form
{
	float:left;
	clear:both;
	display:inline;
	margin-left:.75em;
	margin-top:2em;
}

/**/
#quotey,#quotey_two
{
	visibility:hidden;
}

#quotey_two
{
	display:none;
}

br.clearer,div.clearer
{
/*used with br clears floats etc */
	clear:both;
	clear:none;
	width:100%;
	padding:0;
	margin:0;
	background:#fff;
	height:1px;
	font-size:0;
	line-height:0;
}

/* Colors HK updatedLight red used in hover & text links: #CC6666 /204 102Darker red: B30000 (was used in some headings)Warmer: FF0900 FF1200 FF1B00 FF2500 (TED) FF2B06 Less vivid: E60B0B (preferred) CC1616 Gold; DD8005 996600Main ackgrounds: e7e2da (TED) f0ede8 (warm subtle grey) F0EDE9Very Very light grey used in side panel background: #DCDCDCLight grey used in hd text, nav li background, home page tabs: #CCCCCC (this is #C8C8C8 in around "Kiewe consulting" and should be replaced.Mid grey used in ft: #999999Dark grey used in top of logo, header background & visted link: #666666Very Dark grey used in Subtitle:#505050 END Colors */