#strapline {
/*	margin-left:1.8em;*/
	margin-left:5.8em;
	margin-top:1.4em;
	}

#strapline em {
	display:inline;
	position:relative;
/*	top:-0.35em;*/
	top:-0.15em;
	}


ul#navbarTopList li a:visited, ul#navbarTopList li a:visited .ak {
	font-style:normal;
	}
		
ul#tabset li a:hover, ul#tabset li a:focus {
	text-decoration:underline;
	}


#content p,#content dl,#inner ul,#inner li {
	font-size:0.8em;
	letter-spacing:0.02em;
	}

#content #inner2 ul,#inner2 li {
	font-size:0.8em;
	letter-spacing:0.02em;
	}

#content ul ul li {
	font-size:1.1em;
	}
#content ul ul ul li {
	font-size:1em;
	}

ul.sitemap {
	width:40%;
	float:left;
	}


#topStrip {
	background-color:#f8fbd0;
	}




ul#accessLinksBottom, ul#accessLinksRight  {
	border-bottom-color:#dedeca;
	background-color:#f3f3e0;
	}
ul#accessLinksBottom li, ul#accessLinksRight li {
	color:#666;
	}





div#navbarTopRow {
	background-color:#699f62;
	background-image:url(../images/toolbar.gif);
	}
	
div#navbarTopListContainer {
	border-bottom-color:#54814e;
	}



ul#navbarTopList li a {
	color:#f8fbd0;
	}
			
			
ul#navbarTopList li a:hover, ul#navbarTopList li a:focus {
/*	background-color:#6c9e66;*/
	background-color:#f99e66;
	color:#ffc;
	border-color: #7ba775 #54814e #54814e #7ba775;
	}
	
	
ul#navbarTopList li a:active, ul#navbarTopList li.youAreHere a, ul#navbarTopList li.youAreHere a:active, ul#navbarTopList li.youAreHere a:hover, ul#navbarTopList li.youAreHere a:focus  {
	color:#e8ebc0;
	background-color:#64985c;
	border-color: #55814e #7ca775 #7ca775 #55814e;
	}





/* simulated dropshadow */
div#navbarDropshadow {
	background-image:url(../images/dropshadow.png);
	background-repeat:repeat-x;
	}
* html div#navbarDropshadow {
	background-image:url(../images/dropshadow.gif);
	}


#tabsetContainer {
	border-bottom-color:#dedeca;
	background-color:#f3f3e0;
	}
ul#tabset li {
	background-color:#ededdc;
	border-left-color:#e3e3cd;
	border-top-color:#e3e3cd;
	border-right-color:#b7c0ab;
	color:#666;
	background-image:url(../images/tab-bevel-lolite.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

ul#tabset li.youAreHere {
	background-color:#f8f8e5;
	background-image:url(../images/tab-bevel-hilite.gif);
	background-position:-1px -1px;
	}

ul#tabset li a, ul#tabset li a:hover, ul#tabset li a:focus {
	color:#666;
	text-decoration:none;
	}

/* stylesheet selector form */
#stylesForm label, #stylesForm legend, #stylesForm select {
	font-size:0.7em;
	}

/* hide linearity selector from win/ie5 */
* html #stylesForm #lLabel, * html #stylesForm #lSelector {
	display:none;
	displa\y:block;
	}
	


/* navpin image 
#navbarTopRow span[id="navpin"] {
	display:block;
	background-image:url(images/toolbar-pin.gif);
	}	
*/	


/* code examples */
code {
	font-size:0.9em;
	}
pre code {
	font-size:0.85em;
	}
pre samp {
	font-size:0.9em;
	}
/* skip code examples */
#mainPage ul.skipCode {
	padding-left:4px !important;
	}
#mainPage ul.skipCode a, #mainPage ul.skipCode a:visited {
	font-size:0.75em;
	text-decoration:none;
	}	
#mainPage ul.skipCode a:hover, #mainPage ul.skipCode a:focus, #mainPage ul.skipCode a:active {
	text-decoration:underline;
	}	


/* key structural positioning information, customisable with linearity var */
#tabsetContainer {
	left:1.1em;
	}

#content {
	left:1.1em;
	}

#column {
	left:72.5%;
	}






/* FONT FAMILY */

/* core fonts */
label,input,h1,h2,h3,h4,h5,h6,p,table,kbd,#mainPage ul,#mainPage ol,#mainPage li,dl,#tabsetContainer ul,#tabsetContainer li,#navbarTopRow ul,legend, select, input, textarea, .notThere ul, .notThere li {
	font-family:verdana,helvetica,sans-serif;
	}

h1,h2,h3,h4,p {
	clear:both;
	}

#content p,#content dl,#inner ul,#inner li {
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	}
#content #inner2 ul,#inner2 li {
	font-family:"trebuchet ms",verdana,helvetica,sans-serif;
	}
	
	
p cite {
	font-family:verdana,helvetica,sans-serif;
	}

dl p {
	font-family:verdana,helvetica,sans-serif;
	color:#666;
	}

#content dt {
	font-family:verdana,helvetica,sans-serif;
	}


/* testimonial quotes */
.testimonialQuotes q {
	font-family:georgia,serif;
	font-style:normal;
	}

/* strapline */
#strapline strong {
	font-family:verdana,helvetica,sans-serif;
	}

/* top buttons */
ul#navbarTopList li a, ul#navbarTopList li {
	font-family:verdana,helvetica,sans-serif;
	}





/* PAGE COLORS */

/* document */
html,body {
	background-color:#ffe;
	/*background-image:url(images/watermark.gif);*/
	}


/* headings */
h1,h2,h3,h4 {
	color:#060;
	}
	
h2 {
	border-bottom-color:#dedeca;
	background-color:#f3f3e0;
	}

/* paragraphs */
p,ul,ol,dl,table,label {
	color:#020;
	border-color:#dedeca;
	}

/* pre code examples */
pre {
	margin:0 0 1em 0;
	border-width:3px;
	border-style:double;
	padding:0.8em;
	line-height:1.35em;
	letter-spacing:0.06em;
	white-space:pre;
	max-height:350px;
	}
/* scrolling fucks up mac/ie5 */
@media screen,projection { 
	pre {overflow:scroll;}
	/* auto width doesn't work in win/ie and max-height isn't supported */
	* html pre {
		width:98%;
		height:expression( this.offsetHeight > 350 ? "350px" : "auto" );		
		}
	}

/* skip code examples */
#mainPage ul.skipCode, #mainPage ul.skipCode li {
	margin-left:0;
	padding-left:0;
	list-style-type:none;
	}
#mainPage ul.skipCode {
	border-color:#dedeca;
	background:#ffe;
	}

/* code examples */
pre {
	border-color:#dedeca;
	color:#020;
	}
code {
	font-family:"lucida console",monospace;
	}
samp {
	font-family:"courier new",monospace;
	}

/* kbd */
kbd {
	font-variant:small-caps;
	}

/* links */
a {
	color:#3030b0;
	}
	
a:visited {
	color:#800080;
	}
a:hover, a:focus, .testimonialQuotes cite a:hover, .testimonialQuotes cite a:focus{
	color:#462;
	}

a {
	font-style:normal;
	}
	



/* abbr and acronym */
abbr {
	border:none;
	}





/* left banner */
#bannerLeft {
	background:url(../images/chris-left2.png) #f3f3e0 no-repeat 0 0;
	}

/* right banner */
#bannerRight {
	background:url(../images/chris-right2.png) #f3f3e0 no-repeat;
	}


/* strapline */
#strapline strong, #strapline strong a, #strapline em {
	color:#060;
	}
	


/* defintion lists */
dt {
	color:#060;
	}




/* right column box */
#column div.box {
	background-color:#fafaea;
	}

#column div.box dt em {
	font-style:normal;
	font-weight:normal;
	font-size:0.9em;
	}
	
/* testimonial quotes */
.testimonialQuotes q {
	color:#930;
	}

.testimonialQuotes cite {
	color:#666;
	}


/* portfolio thumbnails and "gallery" images */
a.portfolioThumb img, img.galleryImage {
	border-color:#e3e3cd #b7c0ab #b7c0ab #e3e3cd; 
	}





/* bottom margin on top access links */
ul#accessLinksTop  {
	margin-bottom:2em;
	}



/* forma */
select, input, textarea {
	color:#020;
	background-color:#fafaea;
	font-size:0.8em;
	padding:0.1em;
	}
	
input.button {
	padding:0.1em 0.3em 0.2em 0.3em;
	font-weight:bold;
	cursor:pointer;
	}

label {
	color:#060;
	font-weight:bold;
	}

fieldset {
	border:1px solid #fafaea;
	}
	
input.button {
	background-color:#fafaea;
	color:#060;
	}
	
input.button:hover, input:focus, textarea:focus {
	background-color:#ffe;
	}

#stylesForm select {
	margin-bottom:0.7em;
	height:1.5em;
	padding:0;
	}
#stylesForm div {
	max-width:11em;
	}
#stylesForm input.button {
	margin-top:0.35em;
	}

/* hide linearity selector from win/ie5 */
* html #stylesForm #lLabel, * html #stylesForm #lSelector {
	display:none;
	displa\y:block;
	}

	
/* search form and results */
.search fieldset {
	border:none;
	}
.search label {
	line-height:210%;
	}
.search select {
	padding:0;
	}
p.prevnext {
	text-align:right;
	}
dd.href {
	font-size:0.85em;
	color:#930;
	font-family:georgia,serif;
	}
	
	
/* portfolio thumbnails */
a.portfolioThumb {
	display:block;
	float:left;
	padding:0.1em 0.2em 0 0.2em;
	margin:0 1em 0 -3px;
	border-width:0;
	}

/* floats */
.floatLeft {
	float:left;
	margin:0.3em 1em 1em 0;
	}

.floatRight {
	float:right;
	margin:0.3em 0 1em 1em;
	}

.clearBoth {
	clear:both;
	}
	
	
	
/* onfocus tooltips */	
div.tooltip {
	border:1px solid InfoText;
	background:InfoBackground;
	color:InfoText;
	font:small-caption;
	font-weight:normal;
	padding:2px 4px;
	text-align:left;
	position:absolute;
	width:auto;
	height:auto;
	z-index:30000;
	}