/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 816px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_none {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:58px;
}

.container_12 .grid_2 {
	width:126px;
}

.container_12 .grid_3 {
	width:194px;
}

.container_12 .grid_4 {
	width:262px;
}

.container_12 .grid_5 {
	width:330px;
}

.container_12 .grid_6 {
	width:398px;
}

.container_12 .grid_7 {
	width:466px;
}

.container_12 .grid_8 {
	width:534px;
}

.container_12 .grid_9 {
	width:602px;
}

.container_12 .grid_10 {
	width:670px;
}

.container_12 .grid_11 {
	width:738px;
}

.container_12 .grid_12 {
	width:806px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:68px;
}

.container_12 .prefix_2 {
	padding-left:136px;
}

.container_12 .prefix_3 {
	padding-left:204px;
}

.container_12 .prefix_4 {
	padding-left:272px;
}

.container_12 .prefix_5 {
	padding-left:340px;
}

.container_12 .prefix_6 {
	padding-left:408px;
}

.container_12 .prefix_7 {
	padding-left:476px;
}

.container_12 .prefix_8 {
	padding-left:544px;
}

.container_12 .prefix_9 {
	padding-left:612px;
}

.container_12 .prefix_10 {
	padding-left:680px;
}

.container_12 .prefix_11 {
	padding-left:748px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:68px;
}

.container_12 .suffix_2 {
	padding-right:136px;
}

.container_12 .suffix_3 {
	padding-right:204px;
}

.container_12 .suffix_4 {
	padding-right:272px;
}

.container_12 .suffix_5 {
	padding-right:340px;
}

.container_12 .suffix_6 {
	padding-right:408px;
}

.container_12 .suffix_7 {
	padding-right:476px;
}

.container_12 .suffix_8 {
	padding-right:544px;
}

.container_12 .suffix_9 {
	padding-right:612px;
}

.container_12 .suffix_10 {
	padding-right:680px;
}

.container_12 .suffix_11 {
	padding-right:748px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:68px;
}

.container_12 .push_2 {
	left:136px;
}

.container_12 .push_3 {
	left:204px;
}

.container_12 .push_4 {
	left:272px;
}

.container_12 .push_5 {
	left:340px;
}

.container_12 .push_6 {
	left:408px;
}

.container_12 .push_7 {
	left:476px;
}

.container_12 .push_8 {
	left:544px;
}

.container_12 .push_9 {
	left:612px;
}

.container_12 .push_10 {
	left:680px;
}

.container_12 .push_11 {
	left:748px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-68px;
}

.container_12 .pull_2 {
	left:-136px;
}

.container_12 .pull_3 {
	left:-204px;
}

.container_12 .pull_4 {
	left:-272px;
}

.container_12 .pull_5 {
	left:-340px;
}

.container_12 .pull_6 {
	left:-408px;
}

.container_12 .pull_7 {
	left:-476px;
}

.container_12 .pull_8 {
	left:-544px;
}

.container_12 .pull_9 {
	left:-612px;
}

.container_12 .pull_10 {
	left:-680px;
}

.container_12 .pull_11 {
	left:-748px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* BASIC */
html			{height: 100%;}

body			{font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 0.7em; height: 100%; min-width: 936px;}

h1,h2,h3,h4,h5	{color: #766199; font-family: Verdana, Arial, sans-serif; font-weight: normal; margin: 0.66em 0; line-height: 1.5em; letter-spacing: 0.05em;}

h1				{font-size: 1.35em; font-family: Geosanslight, Arial, sans-serif; font-weight: bold;}

h2				{font-size: 1.2em;}

h3				{font-size: 1.1em;}

h4				{font-size: 1.05em;}

p				{margin: 0 0 1em; line-height: 1.4em; letter-spacing: 0.03em;}

li				{line-height: 1.4em; letter-spacing: 0.03em;}

a				{color: #766199; padding: 0.15em; text-decoration: none;}

a:visited		{color: #B3B3B3;}

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

/* COLOURS */
.c_dark				{color: #766199;}
.c_mid				{color: #9181AD;}
.c_light			{color: #C8C0D6;}

.bg_dark			{background-color: #766199; color: #FFF;}
.bg_mid				{background-color: #9181AD; color: #FFF;}
.bg_light			{background-color: #C8C0D6;}
.bg_base			{background-color: #FFF; }

.border_dark		{border-color: #766199;}
.border_mid			{border-color: #9181AD;}
.border_light		{border-color: #C8C0D6;}

.dark				{color: #454545; background-color: #FFF;}
.light				{color: #B3B3B3;}

/* CLASSES */
.spacey				{letter-spacing: 0.05em;}
.itty				{font-size: 85%; border-top-width: 1px; border-top-style: solid; padding-top: 5px;}

/* POSITIONING */
.container_12	{m/argin-left: 10px;}

#wrapper		{min-height: 100%; height: auto !important; height: 100%; margin-bottom: -6em; min-width: 816px;}

#footer-wrapper	{height: 3em; padding-top: 3em; clear: both;}

/* COMMON LAYOUT */
#homelink-wrapper		{border-bottom-width: 2px; border-bottom-style: solid; padding: 0.5em 0;}

a#homelink				{background: url("../../local/img/don-porritt-silver.png") #FFF no-repeat left top; width: 366px; height: 19px; display: block; text-indent: -9000px; padding: 0;}

#navigation-wrapper		{margin-top: 0.5em; padding-bottom: 31px; background: url("../../local/img/nav-active.png") #FFF no-repeat 0 bottom;}

#navigation-wrapper.active_0	{background-position: 408px top; padding-bottom: 15px; margin-bottom: 5px;}
#navigation-wrapper.active_2	{background-position: 68px bottom;}
#navigation-wrapper.active_3	{background-position: 136px top; padding-bottom: 15px; margin-bottom: 5px;}
#navigation-wrapper.active_4	{background-position: 204px bottom;}
#navigation-wrapper.active_5	{background-position: 272px bottom;}
	
#navigation li			{float: left; background: url("../../local/img/angle2.png") #FFF left top no-repeat; height: 170px;}

#navigation li.active	{background: transparent; background-image: none;}

#navigation li a		{padding: 0 0 0 3px; float: left;}

#navigation li a:hover	{background: url("../../local/img/angle2.png") #FFF left top no-repeat;}

#navigation li.active a:hover	{background: transparent; background-image: none;}


#introduction			{background: url("../../local/img/angle2.png") #FFF left top no-repeat; height: 170px; text-align: justify;}

#introduction p			{padding: 0 15px 0 25px; margin-bottom: 2em;}

#introduction h3		{text-align: right; padding-right: 15px;}

#sub-navigation			{text-align: right; background: url("../../local/img/subnav-lifeline.png") #FFF right top repeat-y;}

#sub-navigation li		{background-color: #FFF; width: 170px; float: right; line-height: 1.1em; }

#sub-navigation li a	{text-align: right; display: block; background: transparent url("../../local/img/filled-bullet.png") 159px center no-repeat; padding: 2px 16px 2px 0;}

#sub-navigation li:first-child a	{background-image: url("../../local/img/first-filled-bullet3.png");}

#sub-navigation li.top_link a		{background-image: url("../../local/img/top-bullet.png"); text-align: right; text-decoration: underline;}

#sub-navigation li a:hover			{color: #676767; background-position: -30px center;}

#sub-navigation.active_3			{width: 840px; background: none; padding-left: 100px; padding-bottom: 5px; margin-bottom: 5px; background-image: none; border-bottom: solid 1px #C8C0D6;}

#sub-navigation.active_3 li			{float: left; width: 120px;}

#sub-navigation.active_3 li a		{background: none; border-right: solid 1px #C8C0D6; background-position: 105px center;}

#sub-navigation.active_3 li a:hover	{background-position: -80px center;}

#footer					{border-top-style: solid; border-top-width: 1px; padding: 0.6em 0;}

#footer-info li			{float: right; background: url("../../local/img/bullet.png") #FFF no-repeat right center; padding-right: 15px; margin-right: 12px; font-size: 0.95em;}

#footer-info li.omega	{background-image: none; padding-right: 0;}

/* PORTFOLIO */
.product-wrapper.new	{clear: left;}

a.product-image			{position: absolute; bottom: 0; left: 0; padding: 0 0 10px; border-bottom: solid 1px #735199;}

a.product-image img		{padding-bottom: 18px; background: #FFF url("../../local/img/arrow-up.png") 5px bottom no-repeat; display: block;}

a.product-image:hover	{background-color: #FFF;}

.product-info			{clear: left; margin-top: 0.8em;}

.portfolio-single-thumbs a:hover	{border-bottom: solid 1px #766199; background: none;}

#portfolio-groups					{height: 40em; overflow: hidden;}
.portfolio-group					{height: 36em; margin-bottom: 1em; border-width: 5px; border-style: solid; border-color: #FFF;}
.portfolio-group.omega-group		{height: 39em;}
.portfolio-group h1					{margin-top: 0; margin-bottom: 10px; font-size: 150%; border-bottom-style: solid; border-bottom-width: 1px;}
.portfolio-group-description > p 	{margin-top: 0; margin-bottom: 2em; margin-left: 0; margin-right: 1em; line-height: 160%;}
.portfolio-group-description p:first-child	{font-weight: bold;}
.portfolio-group-main				{margin-top: -10px;}
.portfolio-product					{text-align: center;}
.portfolio-product > img			{}
.portfolio-product p				{text-align: left; font-size: 80%; border-top: solid 1px #9181AD; margin-top: 5px; padding-top: 5px;}
.next								{border-top: solid 1px #766199; height: 2.5em; border-top: solid 1px #766199; text-align: right; padding-top: 0.5em;}

.portfolio-single-thumbs			{text-align: center;}
.portfolio-single-thumbs img		{margin-bottom: 5px;}

/* ARCHIVE */
.archive-heading					{margin-bottom: 10px;}
.archive-heading h1					{text-transform: uppercase; font-size: 120%; margin-top: 5px; margin-bottom: 5px;}

.archive-image-title				{margin-top: 1em;}
.archive-item-title					{border-top: solid 1px #766199; padding-top: 4px; margin-top: 1em;}
.archive-item-title-vertical		{border-top: none; border-left: solid 1px #766199; margin-left: 10px; padding-left: 5px;}

.archive-links						{font-size: 120%; line-height: 1.5em; text-transform: uppercase; text-align: right; margin-top: 1em;}
.archive-links a					{font-family: Geosanslight, Arial, sans-serif; color: #FFF; display: inline-block; padding: 5px 20px 5px 5px; font-weight: bold; background-image: url("../../local/img/arrow-left.png"); background-position: right center; background-repeat: no-repeat;}
.archive-links li					{display: inline; margin-left: 3px;}
.archive-links li a					{display: inline-block;}
.archive-other-periods				{margin-top: 5em;}

.archive-links-bottom				{border-style: solid; border-width: 1px;}
.archive-links-bottom a				{color: #444; background-image: none; padding-right: 5px;}

.archive-heading .archive-links					{margin-top: 0;}
.archive-heading .archive-links a				{background-image: none; padding-right: 5px;}
.archive-heading .archive-links a.next-link		{background-image: url("../../local/img/arrow-left.png"); background-position: right center; background-repeat: no-repeat; padding-right: 20px;}

.archive-wrapper					{margin-bottom: 10px;}
.archive-wrapper.alt				{background-color: #EEE;}
.archive-info						{float: right; margin: 0;}
.archive-info p.alpha-p				{color: #444; text-align: left; font-size: 95%; border-top: solid 1px #9181AD; margin-top: 5px; padding-top: 5px;}
.archive-info p						{color: #AAA;}
.archive-image						{padding: 0; text-align: right;}				
.archive-image:hover				{background: none;}
.archive-image img					{}
.next								{clear: left; border-top: solid 1px #766199; height: 3em; border-top: solid 1px #766199; text-align: left; padding-top: 0.5em;}




/* CONTACT */

.contact-introduction-img img		{border: solid 1px #766199; float: left;}
.contact-introduction-body			{margin-top: 2em;}
.contact-introduction-body img		{float: left; padding: 5px; margin: 10px 10px 10px 0; background-color: #FFF;}

.contact-body						{border-top-width: 2px; border-top-style: solid; margin-top: 2em; padding-top: 2em;}

.contact-contents 					{text-align: justify;}
.contact-contents h1				{margin: 0 0 0.5em; text-align: left;}
.contact-contents > li				{padding-top: 0.8em; border: solid 6px #FFF;}
.contact-contents > li > *			{margin-left: 10px; margin-right: 10px;}

.contact-contents ul li				{margin-bottom: 1em;}
.contact-contents ul li:first-letter{font-size: 140%;}

.contact-sidebar					{text-align: justify; padding-bottom: 6em;}
.contact-sidebar > *				{margin-left: 2.5em; margin-right: 2.5em;}
.contact-sidebar *					{color: #FFF;}
.contact-sidebar .download-set		{float: left; padding: 4px 3px; margin-bottom: 2em; margin-top: 2em;}
.contact-sidebar .download-set li	{float: left; margin: 1px 3px;}
.contact-sidebar .download-set img	{float: left;}

/* DESIGNER'S NOTES */
.static-content h1				{background-color: #C8C0D6; padding-left: 5px;}
.static-content h1:first-child	{background: #C8C0D6 url("../../local/img/heading-filled-bullet.png") 319px -10px no-repeat; margin-top: 0;}
.static-content-images li		{height: 175px; margin-bottom: 10px; text-align: center;}
.static-content-images img		{padding-bottom: 4px; border-bottom: 1px solid #DDD;}
.static-content-images span		{font-size: 85%;}

/* BIOGRAPHY */
.biog-intro					{margin-left : 9px; margin-bottom: 12px; padding-bottom: 6px; background: #C8C0D6 url("../../local/img/heading-filled-bullet.png") 247px -3px no-repeat;}
biog-intro > *				{padding: 0 12px;}
.biog-intro h2				{text-transform: uppercase;}
.biog-cols					{border-right: 1px solid #766199; margin-left: 8px; margin-right: 0; margin-bottom: 10px;}
.biog-cols h2				{margin-top: 0; text-transform: uppercase;}
.biog-cols table			{padding-right: 5px;}
.biog-cols table td			{padding: 4px 12px 4px 0;}

/*jquery MODAL */
.jqmClose	{background: url("../../local/img/close.png") transparent left center no-repeat; padding-left: 24px; min-height: 22px;}

.jqmWindow	{display: none; position: fixed; top: 5%; left: 50%; margin-left: -408px; background-color: #FFF; border: 1px solid #FFF; padding-bottom: 20px;}

.jqmOverlay {background-color: #EEE;}

/* Fixed posistioning emulation for IE6
 Star selector used to hide definition from browsers other than IE6
 For valid CSS, use a conditional include instead */
* html .jqmWindow {position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');}