@charset "utf-8";

/* HTML 5
----------------------------------------------------------------------------------------------------*/
header,
hgroup,
nav,
article,
aside,
footer,
section		{display:block; text-align:left;}

/* Fonts
----------------------------------------------------------------------------------------------------*/

/* Generic
----------------------------------------------------------------------------------------------------*/
html, body	{height:100%; min-height:100%; min-width:1000px; width:100%;}
body			{background:#fff url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vc3R5bGVzL2JnX2JvZHkuanBn') repeat-x left 30px; font-size:0.8125em;} /* Basefont = 13pt */
a			{cursor:pointer; text-decoration:none;}
abbr			{cursor:help;}
b, strong		{font-weight:bold;}
em, i		{font-style:italic;}
img			{border:none; float:left; position:relative;}
q			{quotes:'\201C' '\201D';}
q q			{quotes:'\2018' '\2019';}
q:before	{content:open-quote;}
q:after		{content:close-quote;}
p,
ul			{margin-bottom:1em;}
.caps		{text-transform:uppercase;}
.floatRight	{float:right;}
.hidden		{display:none;}
.small		{}
p span.indent{display:inline-block; margin-left:30px;}
p#skipLinks	{display:none; height:1px; left:-10000px; overflow:hidden; position:absolute; top:auto; width:1px;}

/* ABC (Short Page)
----------------------------------------------------------------------------------------------------*/
#nonFooter			{min-height:100%; width:100%;}
body > #nonFooter	{overflow:auto;}
* html #nonFooter	{height:100%;} /* IE6 */
#pageWrapper		{background:transparent url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vc3R5bGVzL2JnX3BhZ2VXcmFwcGVyLnBuZw==') no-repeat center 0; margin-bottom:50px;}
#abcFooter			{margin-top:-50px;} /* leaves 20px min gap. */

/* Sprites
----------------------------------------------------------------------------------------------------*/
#header span,
#header h1 a,
#mainNavigation li a,
#mainContent ol li,
.slide div,
.slideshow a.back,
.slideshow a.next,
#mainContent .sGetInTouch .header h2,
#mainContent .sGetInTouch .grid_4 li a,
#mainContent .sGetInTouch .grid_4 li span		{background:transparent url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vaW1hZ2VzL3Nwcml0ZXMucG5n') no-repeat;}

/* Header
----------------------------------------------------------------------------------------------------*/
#header			{height:70px; margin:0 -20px; overflow:hidden; position:relative; width:1000px;}
#header span	{display:inline; float:left; height:32px; margin-top:24px; margin-right:4px; margin-left:32px; width:50px;}
#header h1		{display:inline; float:left; height:32px; margin-top:24px; overflow:hidden; position:relative; width:307px;}
#header h1 a	{background-position:-54px top; display:block; height:32px; overflow:hidden; text-indent:-10000em; width:307px;}

/* Main Navigation
----------------------------------------------------------------------------------------------------*/
#mainNavigation		{margin:0 -20px 45px; position:relative; width:1000px;}
#mainNavigation ul	{background-color:#fff; height:26px; margin:0 auto; overflow:hidden; padding:16px 30px; position:relative; width:940px; z-index:10;}
#mainNavigation li	{display:block; float:left; margin:0; overflow:hidden; padding:0; position:relative;}
#mainNavigation li a					{background-position:left -40px; display:block; height:23px; text-indent:-10000em;}
#mainNavigation li#navHome a			{background-position:left -40px; width:26px;}
#mainNavigation li#navProjects a		{background-position:-58px -40px; margin-left:32px; width:71px;}
#mainNavigation li#navOpenArchives a	{background-position:-157px -40px; margin-left:28px; width:111px;}
#mainNavigation li#navContact a		{background-position:-298px -40px; margin-left:30px; width:117px;}
#mainNavigation li#navHome a:hover,
#mainNavigation li#navHome a.selected			{background-position:left -70px;}
#mainNavigation li#navProjects a:hover,
#mainNavigation li#navProjects a.selected		{background-position:-58px -70px;}
#mainNavigation li#navOpenArchives a:hover,
#mainNavigation li#navOpenArchives a.selected	{background-position:-157px -70px;}
#mainNavigation li#navContact a:hover,
#mainNavigation li#navContact a.selected		{background-position:-298px -70px;}
#mainNavigation li a.selected					{border-bottom:5px solid #c2c0a3; height:37px;}
#mainNavigation #dropShadow			{background:transparent url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vc3R5bGVzL2JnX2Ryb3BTaGFkb3cucG5n') no-repeat left top; height:50px; left:-20px; position:absolute; top:22px; width:1074px; z-index:1;}
.home #mainNavigation #dropShadow	{background-image:url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vc3R5bGVzL2JnX2Ryb3BTaGFkb3ctaG9tZS5wbmc='); height:504px; left:-22px; top:32px; width:1102px;}

/* Main Content
----------------------------------------------------------------------------------------------------*/
#mainContent			{display:block; padding-bottom:30px;}
#mainContent p a:link,
#mainContent p a:visited{color:#63817d; text-decoration:underline;}
#mainContent p a:hover	{text-decoration:none;}
#mainContent h2	{color:#2d373d; font:400 1.38em/0.88em Arial,Helvetica,sans-serif; letter-spacing:0.12em; margin-bottom:20px; text-transform:uppercase;}
#mainContent h3	{color:#919191; font:400 1.07em/1.42em Arial,Helvetica,sans-serif; letter-spacing:0.12em; margin-bottom:12px; text-transform:uppercase;}
#mainContent h3 a:link,
#mainContent h3 a:visited	{color:#2d373d;}
#mainContent h3 a:hover		{text-decoration:underline;}
#mainContent h3 a:active	{}
#mainContent li,
#mainContent p	{color:#63817d; font:1em/1.38em Georgia,"Times New Roman",Times,serif;}
#mainContent .article img	{border:2px solid #5c6061; margin-top:1px; margin-bottom:10px;}
#mainContent .article h3 a	{clear:both; display:block;}
#mainContent h2.underline	{border-bottom:4px solid #c2c0a3; padding-bottom:20px;}
/* Get In Touch Box */
#mainContent .sGetInTouch		{margin:0 -20px; overflow:hidden; padding:0 20px; width:960px;}
#mainContent .sGetInTouch .header	{border-bottom:8px solid #ab738c; clear:both; margin:28px -20px 5px; position:relative; width:1000px;}
#mainContent .sGetInTouch .header h2{background-position:left -260px; height:84px; left:18px; overflow:hidden; position:absolute; text-indent:-10000em; width:205px;}
#mainContent .sGetInTouch .header p	{color:#7d3c59; font:bold .76em/1.7em Arial,Helvetica,sans-serif; letter-spacing:0.120em; margin-bottom:0; padding-top:33px; padding-right:30px; padding-left:238px; text-transform:uppercase;}

body.contact #mainContent .sGetInTouch .header		{margin-top:0;}
body.contact #mainContent .sGetInTouch .header h2	{height:12px; margin:0; overflow:hidden; background-color:red;}
body.contact #mainContent .sGetInTouch .header p	{padding-top:0; padding-left:30px;}

#mainContent .sGetInTouch .grid_16	{background-color:#f5f4ea; margin:0 -20px; padding:30px 20px 0; width:960px;}
#mainContent .sGetInTouch .grid_4 p		{height:100px; overflow:hidden;}
#mainContent .sGetInTouch .grid_4 ul	{clear:both; margin-left:-8px;}
#mainContent .sGetInTouch .grid_4 li	{font:bold .76em/1.5em Arial,Helvetica,sans-serif; letter-spacing:0.120em; margin-bottom:0; text-transform:uppercase;}
#mainContent .sGetInTouch .grid_4 li a,
#mainContent .sGetInTouch .grid_4 li span		{display:table-cell; padding-left:56px; height:48px; vertical-align:middle; width:130px;}
#mainContent .sGetInTouch .grid_4 li a:link		{background-position:0 -400px; color:#63817d;}
#mainContent .sGetInTouch .grid_4 li a:visited	{color:#63817d;}
#mainContent .sGetInTouch .grid_4 li a:hover	{background-position:-652px -400px; color:#9f9d88; text-decoration:none;}
#mainContent .sGetInTouch .grid_4 li a:active	{}
#mainContent .sGetInTouch .grid_4 li em		{font-weight:400; font-family:Georgia,"Times New Roman",Times,serif; text-transform:lowercase;}
#mainContent .sGetInTouch .grid_4 li span	{background-position:left -500px;}
#mainContent .sGetInTouch .body		{margin-bottom:45px;}
#mainContent .sGetInTouch .body p	{color:#ab4e77; font:normal 1.38em/1.2em Georgia,"Times New Roman",Times,serif; letter-spacing:normal; margin:0; padding-right:30px;}
#mainContent .sGetInTouch .body q	{font-style:italic;}
#mainContent .sGetInTouch .footer	{background-color:#e4e3d6; margin-top:-45px; margin-bottom:0;}
#mainContent .sGetInTouch .footer li a:link		{background-position:0 -450px;}
#mainContent .sGetInTouch .footer li a:hover	{background-position:-652px -450px;}



/* Homepage
----------------------------------------------------------------------------------------------------*/
body.home .sShowCase	{background-color:#fff; height:434px; margin:-45px -20px 24px; overflow:hidden; padding:8px 20px 24px; position:relative; width:960px; z-index:10;}
body.home .sShowCase .grid_4		{height:394px; position:relative;}
body.home .sShowCase .infoPanel	{background-color:#fff; border-top:4px solid #c2c0a3; border-bottom:4px solid #c2c0a3; bottom:0; position:absolute; text-align:center; text-transform:uppercase;}
body.home #mainContent .sShowCase .infoPanel p	{font:bold 0.76em/1.7em Arial,Helvetica,sans-serif; letter-spacing:0.120em; margin:10px 0; padding:0 10px;}

/* Homepage - Slideshow (Geoff Pack July 2011)
----------------------------------------------------------------------------------------------------*/
.slideshow		{height:394px; padding:0; position:relative;}
.slide			{border:none; display:block; height:394px; left:0; opacity:0; overflow:hidden; position:absolute; left:0; top:0; width:700px; z-index:1;
	-moz-transition:opacity 1.0s ease;
	-webkit-transition:opacity 1.0s ease;
	-o-transition:opacity 1.0s ease;
	transition:opacity 1.0s ease;
}
.slide.on		{opacity:1.0; z-index:2}
.slide div		{background-position:left -107px; border:none; height:88px; margin:0; overflow:hidden; padding:25px 25px 10px; position:absolute; left:0; top:306px; width:700px; z-index:10;}
#mainContent .slide div h3	{color:#fff; font:bold 1.38em/1.35em Arial,Helvetica,sans-serif; letter-spacing:0.120em; margin:0; padding:0;}
#mainContent .slide div h3 a:link,
#mainContent .slide div h3 a:visited	{color:#fff;}
#mainContent .slide div p	{color:#dbd4a3; font:italic 1.38em/1em Georgia,"Times New Roman",Times,serif; margin:0; padding:0;}
#mainContent .slide div ul		{display:block; height:75px; position:absolute; right:69px; top:0; width:75px;}
#mainContent .slide div li,
#mainContent .slide div li a	{display:block; font-size:0; height:75px; overflow:hidden; text-indent:-10000em; width:75px;}

/* slideshow nav */
.slideshowNav		{position:absolute; right:0; top:-33px; list-style:none; z-index:3;}
.slideshowNav li	{display:inline; line-height:1em; margin-top:0; margin-left:10px; padding:0;}
.slideshowNav li a	{background-color:#fff; color:#666; display:inline-block; font-weight:bold; opacity:0.5; padding:2px 3px; text-align:center; text-decoration:none; 
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.slideshowNav li a:hover,
.slideshowNav li a.on	{background-color:#426b83; color:#fff; opacity:1.0;}
.slideshow a.back,
.slideshow a.next		{border:0; height:61px; opacity:1.0; position:absolute; top:165px; width:56px; z-index:5;}
.slideshow a.back		{background-position:right -205px; left:0;}
.slideshow a.next		{background-position:right -275px; right:0;}
.slideshow a.back:hover,
.slideshow a.next:hover	{opacity:0.7;}

/* Open Archives (Open Archives Page)
----------------------------------------------------------------------------------------------------*/
body.openarchives #mainContent ol li				{background-position:0px -580px; padding-top:4px; margin-bottom:8px; padding-left:38px; min-height:27px;}
body.openarchives #mainContent ol li:nth-child(1) 	{background-position:0px -580px;}
body.openarchives #mainContent ol li:nth-child(2) 	{background-position:0px -630px;}
body.openarchives #mainContent ol li:nth-child(3) 	{background-position:0px -680px;}

#mainContent p.intro {margin-bottom:2em;}
#usingArchives {margin-top:2em;}

#mainContent .sLicences h3,
#mainContent .sLicences p,
#mainContent .sLicences p.intro	{font:bold 0.88em Arial,Helvetica,sans-serif; letter-spacing:0.120em;}
#mainContent .sLicences h3,
#mainContent .sLicences p.intro {line-height:1.6em;}
#mainContent .sLicences p		{line-height:1.4em;}
#mainContent .sLicences h3	{color:#2d373d;}
#mainContent .sLicences p.intro	{font-weight:bold; margin-bottom:20px; text-transform:uppercase;}
#mainContent .sLicences img.floatRight	{padding-left:10px;}
#mainContent .sLicences p a:link	{background:#fff url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vaW1hZ2VzL2xpX2xpY2VuY2UuZ2lm') no-repeat left center; color:#acaa91; text-decoration:none; padding-left:12px;}
#mainContent .sLicences p a:visited	{}
#mainContent .sLicences p a:hover	{text-decoration:underline;}
#mainContent .sLicences p a:active	{}

/* Forms (Contact Page)
----------------------------------------------------------------------------------------------------*/
#mainContent form			{margin-bottom:30px; overflow:hidden;}
#mainContent form div		{overflow:hidden;}
#mainContent form label		{clear:both; color:#63817d; display:inline; font:bold 0.92em Arial,Helvetica,sans-serif; letter-spacing:0.120em; margin-top:16px; margin-bottom:6px; text-transform:uppercase;}
#mainContent form input,
#mainContent form label,
#mainContent form textarea	{float:left; padding:0; resize:none;}
#mainContent form input,
#mainContent form textarea	{background-color:#f5f4ea; border:1px solid #c2c0a3; clear:both; color:#333; font:1em Arial,Helvetica,sans-serif; width:458px;}
#mainContent form input		{height:24px;}
#mainContent form textarea	{height:72px;}
#mainContent form p			{color:#666; font:normal 1em/1.38em Arial,Helvetica,sans-serif;}
#mainContent form div.clear	{border-bottom:1px solid #e7e6e0; display:block; width:100%; background-color:red;}
#mainContent form input[type="submit"],
#mainContent form input.submit			{background:transparent url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vaW1hZ2VzL3Nwcml0ZXMucG5n') no-repeat 0 -400px; border:0; clear:both; color:#63817d; cursor:pointer; font:bold .76em/1.5em Arial,Helvetica,sans-serif; letter-spacing:0.120em; height:48px; margin-top:5px; margin-left:470px; padding:0; text-align:right; text-transform:uppercase; width:160px;}
#mainContent form input[type="submit"]:hover,
#mainContent form input.submit:hover	{background-position:-652px -400px;}
#mainContent form input::-webkit-input-placeholder,
#mainContent form textarea::-webkit-input-placeholder {color:#666; display:inline; font-style:italic; width:460px;}
.formSubmitButtons	{border-top:2px solid #e7e6e0; margin-top:20px; padding-top:16px;}

#mainContent .contactDetails p			{color:#63817d; font:0.76em/1.6em Arial,Helvetica,sans-serif; letter-spacing:0.120em; text-transform:uppercase;}
#mainContent .contactDetails p strong	{color:#2d373d; font:1.4em/1.14em Arial,Helvetica,sans-serif;}

/* Accordion/FAQs (Contact Page)
----------------------------------------------------------------------------------------------------*/
#mainContent div.accordion		{margin-top:0; margin-left:-20px; margin-bottom:60px; width:1000px;}
#mainContent div.accordion h3	{background:#fff url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vaW1hZ2VzL2JnX2FjY29yZGlvbi1oMy5naWY=') repeat-x left top; color:#63817d; cursor:pointer; font:bold 0.92em/1.3em Arial,Helvetica,sans-serif; height:70px; letter-spacing:0.120em; line-height:70px; margin:0; padding-right:90px; padding-left:90px; position:relative; text-transform:uppercase;}
#mainContent div.accordion h3 span	{background:transparent url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vaW1hZ2VzL2JnX2FjY29yZGlvbi1oMy1jbG9zZWQucG5n') no-repeat left top; display:block; height:48px; left:22px; position:absolute; top:12px; width:48px; z-index:10;}
#mainContent div.accordion div.pane		{border-bottom:1px solid #e7e6e0; margin-top:1em; padding-right:88px; padding-left:88px;}
#mainContent div.accordion div.pane li,
#mainContent div.accordion div.pane p	{color:#666; font:normal 1em/1.38em Arial,Helvetica,sans-serif;}
#mainContent div.accordion div.pane li	{display:list-item; list-style-type:disc; margin-left:1em;}
div.accordion h3.ui-state-hover		{background-color:#e3e3e3 !important;}
div.accordion h3.ui-state-active	{background-color:#f5f4ea !important; cursor:default; outline:none;}
div.accordion h3.ui-state-active span	{background-image:url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vaW1hZ2VzL2JnX2FjY29yZGlvbi1oMy1vcGVuLnBuZw==') !important;}

/* Temporary
----------------------------------------------------------------------------------------------------*/
/*.container_16	{background:#ccc url('https://mycontents.link/aHR0cHM6Ly93d3cuYWJjLm5ldC5hdS9hcmNoaXZlcy9jb21tb24vc3R5bGVzL2JnXzk2MC5naWY=') repeat-y center top; border:1px solid red; filter:alpha(opacity=60); opacity:0.6;}*/