/* Custom CSS based on Tripoli reset and basics */

/* Reset */

	* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }

	body { 
		line-height: 1; 
		background: #fff; 
		color: #444; 
	}

	code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
	dfn, i, cite, var, address, em { font-style: normal; }
	th, b, strong, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
	table { border-collapse: collapse; border-spacing: 0; }
	caption, th, td, center { text-align: left; vertical-align: top; }
	q { quotes: "" ""; }
	ol, dir, menu { list-style: none; }
	sub, sup { vertical-align: baseline; }
	a { color: inherit; }
	hr { display: none; }
	font { color: inherit !important; font: inherit !important; color: inherit !important; }

	.reset {
		display:block;
		height:0;
		line-height: 0;
		clear:both;
		overflow: hidden;
	}
				
/* Main Typography */
	
	html { font-size: 62.5%; font-family: "Helvetica Neue", helvetica, arial, sans-serif; }
	textarea { font-family: "Helvetica Neue", helvetica, arial, sans-serif; }
	strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	cite, em, dfn { font-style: italic; }
	code, kbd, samp, pre, tt, var { font-size: 92%; font-family: monaco, "Lucida Console", courier, mono-space; }
	del { text-decoration: line-through; color: #666; }
	ins, dfn { border-bottom: 1px solid #ccc; }
	small, sup, sub { font-size: 85%; }
	abbr, acronym { text-transform: uppercase; font-size: 85%; letter-spacing: .1em; }
	a abbr, a acronym { border: none; }
	abbr[title], acronym[title], dfn[title] { cursor: help; border-bottom: 1px solid #ccc; }
	sup { vertical-align: super; }
	sub { vertical-align: sub; }
	
/* Base Sizes */
	
	.content { font-size: 1.2em; line-height: 1.6em; }
	.content p { font-size:1.2em;}
	.content h1 { font-size: 2em; }
	.content h2 { font-size: 1.5em; }
	.content h3 { font-size: 1.4em; }
	.content h4 { font-size: 1.2em; }
	.content h5 { font-size: 1.2em; }
	.content h6 { font-size: 1em; }

/* Margins & Padding */
	
	.content blockquote *:first-child { margin: .8em 0; }
	.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address, .content table, .content form { margin-bottom: 1.6em; }
	.content p+p { margin-top: -.8em; }
	/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
	.content h1 { margin: 1em 0 0;  }
	.content h2 { margin: 1.07em 0 .535em; }
	.content h3 { margin: 1.14em 0 .57em; }
	.content h4 { margin: 1.23em 0 0; }
	.content h5 { margin: 1.33em 0 .67em; }
	.content h6 { margin: 1.6em 0 .8em; }
	.content th, .content td { padding: .8em; }
	.content caption { padding-bottom: .8em; } /* padding instead of margin for IE */
	.content fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
	.content legend { padding-left: .8em; padding-right: .8em; }
	.content legend+* { margin-top: 1em; } /* compensates for the opera margin bug */
	.content textarea, .content input { padding: .3em .4em .15em .4em; }
	.content select { padding: .1em .2em 0 .2em; }
	.content option { padding: 0 .4em; }
	.content dt { margin-top: .8em; margin-bottom: .4em; }
	.content ol { margin-left: 2.35em; }
	.content ol ol, .content ul ol { margin-left: 2.5em; }
	.content form div { margin-bottom: .8em; }
	
	.content blockquote { margin: 0 3.6em 0.8em; color: #b7423d}
	.content cite { color: #b7423d; display:block; text-align:right; margin: 0 1.8em 1.8em 1.8em; }

	.content h2:first-child { margin: 0 0 .535em; }
	.content h3:first-child { margin: 0 0 .57em; }

/* Quotes */
	
	blockquote { padding: 1.8em 0 0;}

	.content hr { display: block; background: #aaa; color: #aaa; width: 100%; height: 1px; border: none; }	
	.content ol { list-style-position: outside; list-style-type: decimal; }
	.content dt { font-weight: bold; }	
	.content table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
	.content th, .content td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* Colours */
	
	.pageLinks a:link, .prevnext a:link { text-decoration: none; color: #a91a44; }
	.pageLinks a:visited, .prevnext a:visited { text-decoration: none; color: #b91a33; }
	.pageLinks a:hover, .prevnext a:hover { text-decoration: underline; color: #4e5658; }
	.pageLinks a:active, .pageLinks a:focus, .prevnext a:active, .prevnext a:focus { text-decoration: underline; color: #000; }
	.content code, .content pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
	
	.left_hand_link { color:#555; }
	
	#right a { color:#5C8E97; }
	#right a:hover { color:#3E5F65; text-decoration: underline;}
	
/* Layout */

	.content {
		width:892px;
		margin: 0 auto;
	}
	
	#left {
		width:180px;
		float:left;
		
	}
	#right {
		width:676px;
		float:left;
		margin-left: 36px;
		margin-top: 9.4em;
	}
	
	#left h1 {
		font-size: 3em;
		color:#aaa;
		letter-spacing: -0.08em;
		text-align: right;
		border-bottom:1px solid #ddd;
		padding-bottom: 1em;
	}
	
	#left ul {
		list-style: none;
	}
	
	#left ul li {
		list-style: none;
		display: block;
		font-size: 1.4em;
	}
	
	.menu_u {
		text-align: right;
		display: block;
		border-bottom:1px solid #f3f3f3;
		padding: .5em;
		color:#888;
	}
	
	.menu_u:hover {
		background: #fafafa;
		border-bottom:1px solid #aaa;
		color:#333;
	}

	.menu_s { 
		text-align: right;
		display: block;
		border-bottom: 1px solid #eee;
		padding: 0.5em;
		color: #7BBDC9;
	}

	.menu_s:hover { 
		background: none;
		border-bottom: 1px solid #aaa;
		color: #7BBDC9;
	}

	.sidepanel {
		float:left;
		margin: 0 18px 18px 0;
	}

/* Gallery */

	.gallery_thumbnail_list {
		list-style: none;
		line-height: 0;
	}
	
	.gallery_thumbnail_list li {
		float:left;
		margin: 0;
		padding: 0;
		line-height: inherit;
	}

	.gallery_thumbnail_list li a {
		display: block;
		margin: 6px;
		padding: 0;
		line-height: inherit;
		border:1px solid white;
	}

	.gallery_thumbnail_list li a:hover {
		border:1px solid #999;
	}
	.gallery_thumbnail_list li a img {
		width:70px;
		height:70px;
	}
	
	.gallery_item {
		width:295px;
		float:left;
		margin-right: 36px;
		margin-bottom: 36px;
	}
	
	.gallery_item h3 {
		clear: both;
	}
	
	.gallery_thumb {
		float:left;
		margin: 0 18px 18px 0;
	}
/* Form Stuff and Error Messages */

	.contact_left {
		width:314px;
		padding-right: 36px;
		margin-right: 36px;
		float:left;
		border-right:1px solid #ddd;
	}
	
	.contactForm label {
		display: block;
		width:120px;
		text-align: left;
		padding: .7em 0 .35 0;
	}

	.contactForm .inputBorder  {
		display: block;
		width:308px;
		padding: 2px;
		background: #fff;
		border: 1px solid #ccc;
		margin-bottom:9px;
		margin-right: 9px;
	}

	.contactForm .areaBorder  {
		display: block;
		width:308px;
		padding: 2px;
		background: #fff;
		border: 1px solid #ccc;
		margin-bottom:9px;
		margin-right: 9px;
	}

	.contactForm span input {
		width:302px;
		padding: 2px;
		background: white;
		border: 1px solid #ddd;
	}
	
	.contactForm span textarea {
		display:block;
		width:298px;
		height:216px;
		background: white;
		border: 1px solid #ddd;
		resize: none;
		margin:0;
	}
	
	.contactError {
		color: red;
	}
	
	.sendMessage {
		background: url(../images/sendmessage.png);
		width:130px;
		height:22px;
		border: 0;
		cursor: pointer;
	}	
	
	.sendMessage:hover {
		background: url(../images/sendmessage.png) 0 -22px;
	}	
		
	.sendMessage span {
		display: block;
		width:0;
		height:0;
		line-height: 0;
		overflow: hidden;
	}		
	
	.highlight { font-weight: bold; color:#333; }