/*
------------------------------------------------------------------------------------------------
	FLOURISH ART CSS - styles.css											  
------------------------------------------------------------------------------------------------
	Created: 	20-05-2008															
	Author: 	Ember Interactive (www.emberinteractive.co.uk)						
	Website: 	Ember Interactive Limited													
------------------------------------------------------------------------------------------------
*/

/* --- Colours 
														
Intro Blue BG - #0D1016
Content Blue BG - #0D1218
Image Blue Border / Services BG -#101F2E
Footer Light Blue - #E6ECF1
Light Blue Rollover / footer margin - #336699
Red RollOver - #AE0509

*/

/*
------------------------------------------------------------------------------------ CSS RESET
															
------------------------------------------------------------------------------------------------
*/

body,div,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/*
------------------------------------------------------------------------------------ HTML / BODY
															
------------------------------------------------------------------------------------------------
*/

html {min-height: 100%; height: auto; font-size: 50%;}
body {background: #ede9c0 url('') repeat-x; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 125%; margin: 0; padding: 0;}

/*
------------------------------------------------------------------------------------------- TEXT
															
------------------------------------------------------------------------------------------------
*/


h1 {text-indent:-2000px; height:0;}
h2{color:#212121; font-size:1.8em; font-weight:bold; width:100%; clear:both;}
h3{color:#212121; font-size:1.8em; font-weight:bold;}
h4{color:#212121; font-size:1.6em; font-weight:bold;}

p {margin: 10px 0 10px 0; padding: 0; font-size: 1.2em; line-height: 18px; color: #161616; font-weight: normal; position:relative;}
p.quote_text {font-size:1em}

a {color:#3C78B4; margin: 0; padding: 0; outline:none; text-decoration: underline;}
a:link, a:visited {color:#3C78B4;}
a:hover {color:#BF050A ;}

a.skip {display:block; position:absolute; z-index:0; top:-4em;}

/*
-------------------------------------------------------------------------------------- STRUCTURE
															
------------------------------------------------------------------------------------------------
*/

#master {width:812px; background: #fff url('../../images/bg_master_tile.gif') 0 0 repeat-y; margin:10px auto 0 auto; overflow:auto; }

#header{width:812px; background: url('../../images/bg_master_head.gif') 0 0 no-repeat; overflow:auto; display:inline; float:left;}

#content_head {width:780px; float:left; margin:0 0 20px 26px; overflow:auto;}

#content_a {width:472px; float:left; margin:0 0 20px 26px; overflow:auto;}
#content_b {width:272px; float:right; margin:0 26px 0 0; overflow:auto;}

#footer {clear:both; width:812px; height:110px; background: url('../../images/bg_master_foot.gif') left bottom no-repeat; overflow:auto; display:inline; float:left; margin-bottom:;}
#footer p { color:#666666; width:760px; display:block; float:left; margin-left:26px; line-height:16px; margin-bottom:6px; font-size:1.1em;}
#footer p:first-child {border-top: 1px solid #cdcdcd; padding-top:20px;}

/*
------------------------------------------------------------------------------------------- HOME
															
------------------------------------------------------------------------------------------------
*/

#content_a img {border:1px solid #767676;}
ul#img_slideshow {width:472px; height:352px; overflow:hidden; margin-bottom:14px; position:relative;}

div.highlight_box {background:#fcee57; display:inline; overflow:auto; float:left; border:1px solid #b0a432; width:auto; margin-bottom:20px; }
div.highlight_box div.highlight_a {width:165px; float:left; margin:6px 0 0 6px;}
div.highlight_box p {margin-bottom:0; margin-top:6px;}

div.highlight_box img { margin:6px 6px 6px 0; float:right;}

#content_b div.highlight_box {width:270px;}
#content_b div.highlight_box img {border:1px solid #767676;}

#news_pane { border:1px solid #89b3c9; overflow:auto; display:inline; float:left; background-color:#d3ecf9;}
#news_pane h3 {padding-left:6px; line-height:30px; background:url('../../images/bg_news_pane_head.gif') 0 0 repeat-x; margin-bottom:10px;}

div.news_item {overflow:auto; display:inline; float:left; padding-bottom:10px; margin: 0 0 10px 6px; border-bottom:1px solid #89b3c9; width:258px;}
div.news_item p {margin:0 0 0 0; line-height:16px;}
div.news_item p.news_title {font-weight:bold;}

p.updates_link {margin-left:6px; clear:both;}

#content_a img.arts_award {border:none;}

/*
----------------------------------------------------------------------------------- UPDATES PAGE
															
------------------------------------------------------------------------------------------------
*/

#page_updates div.news_item {width:450px; margin-left:0;}

/*
----------------------------------------------------------------------------------------- SO FAR
															
------------------------------------------------------------------------------------------------
*/

#page_02 h3 {/*margin-left:195px;*/ padding-bottom:20px;}

#page_02 #content_a {width:565px;}
#page_02 div.highlight_box {width:368px; margin-right:20px; margin-bottom:0;}
#page_02 div.highlight_box h4 {margin:6px 0 6px 6px;}
#page_02 div.highlight_box p { margin-left:6px;}

#page_02 div.highlight_box_b div.highlight_a { width:240px;}
#page_02 div.highlight_box_b img {border:1px solid #767676;}

div.content_item { display:inline; overflow:auto; float:left; margin-bottom:16px;}
div.content_item_text {float:left; width:368px;}
div.content_item_img {float:left; width:175px; margin-right:20px;}
div.content_item_img p { margin-top:2px;}

/*
----------------------------------------------------------------------------------------- FUTURE
															
------------------------------------------------------------------------------------------------
*/

#page_03 #content_a {width:272px;}
#page_03 #content_a img { margin-bottom:10px;}
#page_03 #content_b {width:472px;}

#page_03 #content_b div.highlight_box {margin-top:10px;}


/*
--------------------------------------------------------------------------------- ARTS AWARD PAGE
															
------------------------------------------------------------------------------------------------
*/

#page_arts_award #content_a {width:472px;}
#page_arts_award #content_b {width:272px;}

#page_arts_award h3 {float:none; clear:both; font-size:1.4em;}

/*
--------------------------------------------------------------------------------- CATALOGUE PAGE
															
------------------------------------------------------------------------------------------------
*/


div.cat_item {width:225px; float:left;}

/*
------------------------------------------------------------------------------------------- NEWS
															
------------------------------------------------------------------------------------------------
*/

#page_04 #content_a {width:565px;}

div.pdf_item {clear:both;}
div.pdf_item img {float:left; margin:0 20px 10px 0;}

div.pdf_item p.pdf_title { font-weight:bold;}

/*
------------------------------------------------------------------------------------- NAVIGATION
															
------------------------------------------------------------------------------------------------
*/

#header ul {background-color:#d3ecf9; width:800px; float:left; margin:20px 0 20px 6px; list-style:none; white-space:nowrap; border-bottom:1px solid #cdcdcd;  border-top:1px solid #cdcdcd;}

#header ul li {display:inline; margin:0; padding:0;}

#header a {float:left; display:block; width:175px; line-height:90px; margin:0 10px; padding:0; text-decoration:none; text-indent:-4000px; background:url('../../images/flourish_nav_sprite.png') 0 -1px no-repeat;}
#header #nav_01 a {margin-left:20px;}
#header #nav_02 a {background-position: -195px -1px;}
#header #nav_03 a {background-position: -390px -1px;}
#header #nav_04 a {background-position: -585px -1px;}

#header #nav_01 a:hover, #page_01 #header #nav_01 a {background-position: 0 -201px;}
#header #nav_02 a:hover, #page_02 #header #nav_02 a {background-position: -195px -201px;}
#header #nav_03 a:hover, #page_03 #header #nav_03 a {background-position: -390px -201px;}
#header #nav_04 a:hover, #page_04 #header #nav_04 a {background-position: -585px -201px;}

/*
---------------------------------------------------------------------------- MOVIE OVERLAY STUFF
															
------------------------------------------------------------------------------------------------
*/

#jquery-overlay {position: absolute; top: 0; left: 0 ;z-index: 90; width: 100%; }
#jquery-lightbox {position: absolute; top: 0;left: 0; width: 100%; z-index: 100;text-align: center;line-height: 0; }
#lightbox-container {position: relative; width: 0; height: 323px; margin: 0 auto; text-align:left; }

#lightbox-container-content {width:362px; height:322px; display:none;}

#lightbox-container-content h2 {font-size:1.4em; font-weight:normal; line-height:25px; padding: 0; margin:0; letter-spacing: 0; width:320px; float:left; color:#FFFFFF;}
#lightbox-container-content a {width:25px; height:25px; overflow:hidden; float:right; background:url('../../images/bg_btn_video_close.gif') no-repeat 0 0;}
#lightbox-container-content a:hover {width:25px; height:25px; overflow:hidden; float:right; background:url('../../images/bg_btn_video_close.gif') no-repeat 0 -50px;}

#lightbox-flash {width: 360px; height:288px; margin:0; padding-left:6px; clear:both;}

/*
------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; height: 0; line-height: 0;}