﻿/* ---- COLOUR REFERENCES
BODY BG:#FFF
TOP STRIP:#000
BODY COLOUR:#666
LINKS:#000
-------------------------------------------------------- */

/* BROWSER RESET
-------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, small, strike, strong, sub, sup, tt, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; }

table													{ border-collapse:collapse; border-spacing:0; margin-bottom:1em; }
ins														{ text-decoration:none; }
del														{ text-decoration:line-through; }
fieldset, a img, abbr, acronym							{ border:0; }
caption, th												{ text-align:left; } 
blockquote:before, blockquote:after, q:before, q:after	{ content:''; }
img														{ font-size:1.2em; color:#fff; }
	
/* FONT RESET
-------------------------------------------------------- */
address, caption, cite, code, var						{ font-style:normal; font-weight:normal; }
em, i													{ font-style:italic; }
strong, b												{ font-weight:bold; }
h1, h2, h3, h4, h5, h6									{ font-size:100%; font-weight:bold; font-style:normal; text-decoration:none;/* font-family:Helvetica, Arial, Verdana, sans-serif;*/ }
p														{ margin-bottom:1.5em; }
p.intro:first-line										{ font-variant:small-caps; }
p.drop:first-letter										{ float:left; font-size:3em; margin:-.05em .1em -.5em 0; }

/*LINKS RESET
-------------------------------------------------------- */
/*cursor*/
a, input[type=submit],label,select,.pointer				{ cursor:pointer; }
a														{ text-decoration:underline; }
a:hover													{ text-decoration:none; }

a, a:link, a:visited, a:hover, a:active, li a, li a:link, li a:visited, li a:hover, li a:active{ color:#fff; }
a:active												{ outline:none; }
a:focus													{ outline:1px dotted #eee; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a						{ text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ text-decoration:underline; }

/*HEADINGS
-------------------------------------------------------- */
/*h1{ color:#000; font-size:3em; margin-bottom:0.6em; font-style:italic; line-height:1.2em; }
h2{ color:#000; font-size:2em; margin-bottom:0.9em; line-height:0.9em; }
h3{ color:#000; font-size:1.5em; margin-bottom:1.2em; line-height:1.2em; font-variant:small-caps; }
h4{ color:#000; font-size:1.2em; margin-bottom:1.5em; line-height:1.5em; font-variant:small-caps; }
h5{ color:#000; font-size:1em; margin-bottom:1.8em; line-height:1.8em; font-variant:small-caps; }
h6{ color:#000; font-size:1em; margin-bottom:1.8em; line-height:1.8em; }
*/

/* LISTS
-------------------------------------------------------- */
ol, ul, li						{ margin:0; padding:0; }
ul, ul li						{ list-style:none; }
ul li.caption, ol li.caption	{ font-variant:small-caps; list-style:none; color:#666; }
ul li							{ margin-bottom:.4em; }
ol								{ padding:0; margin-left:2.5em; list-style-type:decimal; list-style-position:outside; }
ol li							{ margin-bottom:.4em; }

/* nested lists */
li > ul, li > ol				{ margin:.5em 0 1em 0; padding-left:2.5em; }
li > ul li, li > ol li			{ margin-bottom:.5em; }

/* COMMON FORMATTING 
-----------------------------------------------*/
hr								{ border:0 #ccc solid; border-top-width:1px; clear:both; height:0; }
blockquote p					{ font-size:1.2em; line-height:1.5em; margin-bottom:1.5em; font-style:italic; font-weight:bold; }
.amp							{ font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", Times, serif; font-style:italic; font-weight:normal; line-height:inherit; }
abbr							{ border-bottom:1px dotted #666; border-color:inherit; cursor:help; }
table							{ border:0; margin:0 0 1.25em 0; padding:0; }
table tr td						{ padding:2px; }
sup								{ position:relative; bottom:0.3em; vertical-align:baseline; }
sub								{ position:relative; bottom:-0.2em; vertical-align:baseline; }
acronym, abbr					{ cursor:help; letter-spacing:1px; border-bottom:1px dashed; }

/* ACCESSIBILITY 
-----------------------------------------------*/
.screenreader  					{ display:block; height:1px; left:-9999px; overflow:hidden; position:absolute; top:0; width:1px; }
.Accessibility					{ color:#cf8c87; font-size:9px; height:10em; margin-top:-10em; width:920px; }
.Accessibility h1				{ margin:0 !important; font-size:9px !important; }
.Accessibility .inlineList		{ margin:0 !important; font-size:9px !important; }
#Topofpage						{ position:relative; display:inline; float:right; margin:-4em 0 0 0; font-weight:normal; color:#cf8c87; z-index:1000; }
#Topofpage a					{ color:#cf8c87; }

/* GLOBAL CLASSES 
-----------------------------------------------*/
br, .clear     					{ clear:both; }
.floatLeft     					{ display:inline; float:left; }
.floatRight    					{ display:inline; float:right !important; }
.block         					{ display:block; }
 
.text-left     					{ text-align:left; }
.text-right    					{ text-align:right; }
.text-center   					{ text-align:center; }
.text-justify  					{ text-align:justify; }
 
.bold          					{ font-weight:bold; }
.italic        					{ font-style:italic; }
.underline     					{ border-bottom:1px solid; }
.highlight     					{ background:#ffc; }
 
img.left-img   					{ display:inline; float:left; padding:4px; border:1px solid #ccc; margin:.3em 2em 1.8em 0; }/* Float any image to the LEFT and give it some margin */
img.right-img  					{ display:inline; float:right; padding:4px; border:1px solid #ccc; margin:.3em 0 1.8em 2em; }/* Float any image to the RIGHT and give it some margin */
	
.img-left      					{ float:left; margin:4px 10px 4px 0; }
.img-right     					{ float:right; margin:4px 0 4px 10px; }
 
.nopadding     					{ padding:0; }
.noindent      					{ margin-left:0; padding-left:0; }
.nobullet      					{ list-style:none; list-style-image:none; }
.inlineList li 					{ display:inline; }

/* SITE SPECIFIC STRUCTURE
-------------------------------------------------------- */
body{ background:#211308; color:#fff; font:100%/1.375em Georgia, "Times New Roman", serif; text-decoration:none; letter-spacing:normal; word-spacing:normal; }

/* backgrounds setup */
#wrapper						{ background-color:#221309; }
#header							{ background:#2a1207 url(../../Media/images/global/headerBg.jpg) repeat scroll left bottom; }
#content, #folioContent			{ background:#5a270d url(../../Media/images/global/contentBg.jpg) scroll repeat left top; }
#Logo							{ background:transparent url(../../Media/images/global/logoFlowers.gif) scroll no-repeat right bottom; }
.navList						{ background:transparent url(../../Media/images/global/navPipe.gif) scroll repeat-y left top; }
#butterfly						{ background:transparent url(../../Media/images/global/butterfly.gif) scroll repeat-y left top; }

/*main structure*/
#header, #header div, #footer, #footer div, #content{ float:left; display:inline; position:relative; }
#wrapper						{ margin:0px auto; width:100%; max-width:80em; /* 1280px / 16px = 61.75em */ z-index:0; }
#header							{ height:13.8125em; width:100%; }
#content, #folioContent			{ padding-top:5.0625em; min-height:33.9375em; height:auto !important; height:33.9375em; width:100%; z-index:1; }
#folioContent					{ padding-left:7.32%; width:92.75%; }

#bioContent						{ padding:0 12% 0 12%; width:76%; }
#bioContent h3, #bioContent p	{ width:56.25%; padding-right:5%; }
#bioContent p					{ line-height:1.7em; }
#bioContent img					{ border-bottom:#cf8c87 52px solid; }

#butterfly						{ position:relative; float:right; height:59px; margin-top:-59px; margin-right:2.1875%; z-index:10; width:83px; }
#footer							{ text-align:right; font-size:.6875em; padding:.875em 0; width:100%; }
#footer, #footer a				{ color:#311b0c; }

/*header and menu*/
#Logo							{ height:13.8125em; width:20.16em; }
.navList						{ text-transform:uppercase; color:#cf8c87; height:10.18em; padding:3.62em 0 0 3.9%; margin:0 0 0 4.3%; width:11.71%; }

.navigation						{ /*font-family: Georgia, "Times New Roman", Times, serif;*/ }
#header .navigation a			{ color:#cf8c87; display:block; text-decoration:none; padding:.1em .3em;/* width:8.4375em;*/ }
#header .navigation li.selected a, #header .navigation a:hover, #header .navigation a:focus{ background-color:#221309; color:#fdf2ba; }

/* site specific fonts and lists */
h1			{ font-size: 1.5em; line-height: 0.91667em; /* 22px / 24px = 0.91667em */margin: 0.5em 0; }
h2			{ font:1.5em/0.91667em Helvetica, Arial, sans-serif; color:#fff; margin-bottom:.3em; }
h3			{ font:1.4em/1.167em Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#fff; margin-bottom:1em; clear:left; }
h4			{ font-size:.9em; line-height:1em; }
ul			{ font-size: 0.875em !important; /* 14px / 16px = 0.875em */ line-height: 1.28571; /* 18px / 14px = 1.28571 */ }
li			{ margin-bottom: 0.42857em; /* 6px / 14px = 0.42857em */ }
.blurb		{ font-size:13px; font-family:Verdana, Geneva, sans-serif; min-height:75px; }
.blurb strong		{ font-style italic; }
.viewsite	{ font-size:12px; background-color:#cf8c87; color:#eed6d5; padding:.1em .5em; text-decoration:none; }
.layered	{ margin-top:-210px; position:relative; z-index:-1; }

/* DYNAMIC CONTENT LAYOUT AND FRAMEWORK
-------------------------------------------------------- */
/* ----- scroller ----- */

/* next:prev buttons */
div.navi					{ background:url(../../Media/images/global/arrows.png) scroll no-repeat 0 0; cursor:pointer; float:left; height:40px; margin-top:75px; width:45px; }
div.navi:hover				{ background-position:-45px 0; }
div.navi:active				{ background-position:-90px 0; }
div.nextPage				{ background-position: 0 -40px; clear:right; }
div.nextPage:hover			{ background-position:-45px -40px; }
div.nextPage:active			{ background-position:-91px -40px; } 
div.navi.disabled			{ visibility:hidden; }

/* the thumbnail scroller */
#thumbnails					{ float:left; min-height:500px; height:auto !important; height:500px; overflow:hidden; position:relative; margin:0px 10px 15px 35px; width:59.86em; }
.NoScroller					{ margin-left:80px !important; }
.caption					{ font-style:italic; color:#eed6d5; margin:-40px 0 0em 80px; font-size:11px; }
#thumbnails div.items div	{ float:left; margin-right:30px; width:215px; }
#thumbnails div.items div a	{ position:relative; float:left; overflow:hidden; }
#thumbnails div.items div img	{ height:210px; width:215px; float:left; }
#thumbnails div.items h3	{ margin:.7em 0 .3em!important; float:left; width:100%; }
#thumbnails div.items h4	{ color:#cf8c87; letter-spacing:1px; margin-bottom:.8em; /*font-family:Georgia, "Times New Roman", Times, serif */}
#thumbnails div.items a		{ cursor:pointer; }
div.items					{ clear:both; float:left; position:absolute; width:20000em; }
#images div.items div		{ float:left; cursor:pointer; height:400px; margin-right:30px; width:557px; }

/* ----- overlay:lightbox:gallery ----- */
.simple_overlay			{ background-color:#160c06; border:20px solid #160c06; display:none; min-height:200px; width:675px; z-index:10000; }
#img					{ background-color:#fff; float:left; color:#000; }/* main gallery image */
.simple_overlay .close	{ background-image:url(../../Media/images/global/close.png); cursor:pointer; height:35px; position:absolute; right:-15px; top:-15px; width:35px; display:block !important; }

/* next:prev buttons */
.prev					{ left:0;}
.next					{ right:0;}
.next, .prev			{ border:0px none; color:#fff; cursor:pointer; display:block; height:90%; overflow:hidden; padding:10px 20px; position:absolute; text-decoration:none !important; top:10%; width:40%; }
.prev:hover				{ background: url(../../Media/images/global/arrows-left.png) scroll no-repeat 0 0;}
.next:hover				{ background: url(../../Media/images/global/arrows-right.png) scroll no-repeat right 0; }
.disabled				{ visibility:hidden; }/* when there is no next or previous link available this class is added */

/* hidden info */
.info					{ background:#000 !important; border-bottom:1px solid #000; top:0; font-size:13px; left:0; padding:10px 15px; position:absolute; }
.info, info a			{ color:#fff; }
.info strong			{ display:block; }

.progress				{ display:none; left:50%; position:absolute; top:45%; }/* loading icon for image transitions */