@charset "utf-8";
/* CSS Document */

body 						{margin:0 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; color:#666; margin:0 auto; }
* html body 				{overflow:hidden;}
* html div#holder			{height:100%; overflow:hidden;}
#holder 					{width:954px; margin:0 auto; padding:0 0 0 0; background-color:#fff;}
.fl							{float:left;}
.fr							{float:right;}

/* navigation --------------------------------------------------------------------------------------------------------------------------------------------------- */
#topNav								{width:100%; top:0; padding:0 0 0 0; background:url(../images/navBG.png) top left repeat-x; height:53px; position:absolute; z-index:700;}
@media screen						{body>div#topNav {position:fixed;}}

#note								{display:inline; position:absolute; z-index:1000; top:0; right:0px;}
#n1, #n2							{position:absolute; top:0; right:0;}
@media screen						{body>div#note {position:fixed;}}


#navHolder							{width:670px; margin:0 auto; padding-left:40px;}
	#navMenu						{margin:0 0 0 0; padding:0 0 0 0px; display:inline; position:relative; z-index:5;}
	#navMenu li						{float:left; display:inline;}
	a.home, a.home_a				{display:block; float:left; width:99px; height:32px; background:url(../images/navigation.gif) 0 0 no-repeat; text-indent:-9999px;}
	a.home:hover					{background:url(../images/navigation.gif) 0 64px}
	a.home_a						{background:url(../images/navigation.gif) 0 32px}
	a.exhibitions, a.exhibitions_a		{display:block; float:left; width:114px; height:32px; background:url(../images/navigation.gif) -122px 0 no-repeat; text-indent:-9999px; margin-left:23px;}
	a.exhibitions:hover					{background:url(../images/navigation.gif) -122px 64px}
	a.exhibitions_a						{background:url(../images/navigation.gif) -122px 32px}	
	a.artists, a.artists_a			{display:block; float:left; width:117px; height:32px; background:url(../images/navigation.gif) -260px 0 no-repeat; text-indent:-9999px;margin-left:23px;}
	a.artists:hover					{background:url(../images/navigation.gif) -260px 64px;}
	a.artists_a						{background:url(../images/navigation.gif) -260px 32px;}		
	a.gallery, a.gallery_a			{display:block; float:left; width:139px; height:32px; background:url(../images/navigation.gif) -399px 0 no-repeat; text-indent:-9999px;margin-left:23px;}
	a.gallery:hover					{background:url(../images/navigation.gif) -399px 64px}
	a.gallery_a						{background:url(../images/navigation.gif) -399px 32px}	
	a.subscribe, a.subscribe_a			{display:block; float:left; width:108px; height:32px; background:url(../images/navigation.gif) -561px 0 no-repeat; text-indent:-9999px;margin-left:23px;}
	a.subscribe:hover					{background:url(../images/navigation.gif) -561px 64px}
	a.subscribe_a						{background:url(../images/navigation.gif) -561px 32px}	
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */

h1, h2, h3, h4				{margin:0 0 0 0; padding:0 0 0 0;}
img							{border: 0px; margin:0 0 0 0; padding:0 0 0 0;}
.break						{clear:both; background-color:#e8f3f6; height:7px; width:841px; margin: 24px 0 24px 96px;}

/* top area -------------------------------------------------------------------------------------------------------------------------------- */
#logo 						{background: #333 url(../images/fractal-contemporary.gif) no-repeat top left; height:83px; padding:0 0 0 0; margin:53px 0 0 0;}
	#logo span 				{display:none;}
#strapline 					{background: #666 url(../images/strapline.gif) no-repeat top left; height:59px; padding:0 0 0 0; margin:0 0 0 0;}
	#strapline span 		{display:none;}	
#homeImages 				{padding-left:81px;float:left;}
#imageArea					{width:576px; height:419px; background:url(../images/homeImages-bg.gif) top left no-repeat; padding:37px 0 0 37px;}
	#gallery				{position:relative; height:383px; width:540px;}
	#gallery a 				{float:left; position:absolute;}
	#gallery a img 			{border:none;}
	#gallery a.show 		{z-index:500}
	#gallery .caption 		{z-index:600; background-color:#fff; color:#666666; height:38px; width:100%; position:absolute; bottom:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;}
	#gallery .caption .content {margin:5px; padding:5px;}
	#gallery .caption .content h3 {margin:0; padding:0; color:#1DCCEF;}
	
#introContent 				{}
#intro 						{float:left; width:220px; padding:0 0 0 7px; }
#intro p					{font-style:italic; font-size:0.9em; line-height:1.4em;}
#intro a					{color:#9fb8bb; border-bottom:1px dotted #9fb8bb; text-decoration:none;}
#intro a:hover				{color:#647877; border-bottom:1px dotted #647877; text-decoration:none;}
#intro .seeArtists			{padding-top:2px;}
#intro .seeArtists a		{display:block; width:200px; height:200px; padding:0 0 0 0; background:url(../images/see-artists.gif) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; border-bottom:0px solid #fff;}
#intro .seeArtists a:hover	{background:url(../images/see-artists.gif) 0px -200px no-repeat; border-bottom:0px solid #fff;}

.limitedPrints a		{display:block; width:200px; height:200px; padding:0 0 0 0; margin: 10px 0 0 15px; background:url(../images/limited-prints.gif) 0 0 no-repeat; text-decoration:none; text-indent:-9999px; border-bottom:0px solid #fff;}
.limitedPrints a:hover	{background:url(../images/limited-prints.gif) 0px -200px no-repeat; border-bottom:0px solid #fff;}



/* exhibition styles ----------------------------------------------------------------------------------------------------------------------- */
#exhibitions 				{clear:both; /*padding-left:95px;*/ width:954px;}

.dateIcon					{width:95px; height:95px; float:left; background:url(../images/date-flash.gif) 50% 0 no-repeat;}
.dateIconText				{padding: 15px 0 0 18px; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
	.dateMonth				{font-size:0.7em; font-weight:bold; padding:3px 0 2px 0; margin:0 0 0 0; line-height:0.9em; width:60px; text-align:center}
	.dateDay				{font-size:0.7em; font-weight:bold; padding-bottom: 3px; border-bottom: 3px #bbced2 solid; width:60px; text-align:center}
	.dateYear				{font-size:0.7em; font-weight:normal; padding-top:2px; width:60px; text-align:center;}

#currentExhibitions 		{float:left; width:520px;}
#cextitle					{/*background: url(../images/current-exhibitions.gif) no-repeat 95px 0*/ height:62px; padding-bottom:10px;}
#cextitle span 				{display:none;}
	#currentExhibitions .currentEntry a					{color:#647877; border-bottom:1px dotted #647877; text-decoration:none;}
	#currentExhibitions .currentEntry a:hover			{color:#9fb8bb; border-bottom:1px dotted #9fb8bb; text-decoration:none;}
	#currentExhibitions .currentEntry					{float:left; width:417px; padding-right:8px;}
	#currentExhibitions .currentEntry h2 				{color:#647877; font-style:italic; font-size:1.3em;}
	#currentExhibitions .currentEntry h3 				{color:#666666; font-style:italic; font-size:0.9em;}
	#currentExhibitions .currentEntry p 				{color:#999999; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0 0; margin:0 0 0 0;}
.artTag						{width:250px; border: 6px #e8f3f6 solid; padding:8px; margin:10px 0 0 65px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:0.8em; }	
	
#futureExhibitions 			{float:left; width:418px;}
#fextitle					{/*background: url(../images/future-exhibitions.gif) no-repeat 0 0; */height:62px; padding-bottom:10px;}
#fextitle span 				{display:none;}
.futureExhibEntry 			{clear:both; padding-bottom:7px;}
.futureImage 				{float:left; width:162px;}
.futureText 				{float:left; width:241px; padding-left:15px;}
	.futureText a			{color:#647877; border-bottom:1px dotted #647877; text-decoration:none;}
	.futureText a:hover		{color:#9fb8bb; border-bottom:1px dotted #9fb8bb; text-decoration:none;}
	.futureText h2 			{color:#647877; font-style:italic; font-size:0.9em;}
	.futureText h3 			{color:#666666; font-style:italic; font-size:0.9em;}
	.futureText h4 			{color:#999999; font-style:italic; font-size:0.9em; font-weight:normal;}
	.futureText p 			{color:#999999; font-size:0.7em; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0 0; margin:0 0 0 0;}
	
/* artist section ----------------------------------------------------------------------------------------------------------------------- */	
#artistsSection				{}
#artistHolder				{padding-left:95px;}
#artistTitle				{/*background: url(../images/our-artists.gif) no-repeat 95px 0;*/ height:62px; padding-bottom:10px;}
#artistTitle span 			{display:none;}
.boxgrid					{width: 162px; height: 162px; float:left; overflow: hidden; position: relative; }
.boxgrid img				{position: absolute; top: 0; left: 0; border: 0; }
.boxgrid div				{position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p					{padding: 0 10px; color:#afafaf; font-weight:bold; font:10pt "Lucida Grande", Arial, sans-serif; }

/* Gallery styles ---------------------------------------------------------------------------------------------------------------------- */
#gallerySection					{}
#galleryTitle					{/*background: url(../images/gallery-details.gif) no-repeat 95px 0;*/ height:62px; padding-bottom:10px; padding-left:90px;}
#galleryTitle span 				{display:none;}
#galleryImage					{float:left; width:287px; padding:0 0px 25px 95px; margin:0 12px 0 0; }
#galleryMap						{float:left; width:287px; padding:0 0px 0 0px; margin:0 12px 0 0; }
#galleryAddress					{float:left; width:220px; padding:0 0 0 7px; }
#galleryAddress h4				{color:#647877; padding:0 0 5px 0; margin: 0 0 0 0; font-weight:bold; font-style:italic;}
#galleryAddress p				{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.4em; padding:0 0 1.2em 0; margin:0 0 0 0;}
#galleryAddress a				{font-weight:bold; text-decoration:none; color:#666;}
#galleryAddress a:hover			{font-weight:bold; text-decoration:none; border-bottom: 1px dotted #666; color:#666;}
#galleryAddress	.makeEnquiry						{padding-top:12px; margin-left:0px;}
#galleryAddress	.makeEnquiry a						{display:block; width:220px; height:57px; padding:0 0 0 0; background:url(../images/buttons.gif) -714px 0 no-repeat; text-decoration:none; text-indent:-9999px; border-bottom:0px solid #fff;}
#galleryAddress	.makeEnquiry a:hover				{background:url(../images/buttons.gif) -714px -57px no-repeat; border-bottom:0px solid #fff;}

#galleryInfo					{clear:both; padding-bottom:30px;}
#galleryInfo p					{padding-left:100px; padding-right:30px;}
#galleryInfo h2					{padding-left:100px;color:#647877;font-weight:normal; font-style:italic;}
#galleryInfo .quote				{clear:both; font-style:italic; color:#647877; line-height:1.4em; padding:10px 60px 20px 130px;}

/* footer styles ---------------------------------------------------------------------------------------------------------------------- */
#footer	{margin-left:95px; margin-top:-15px; padding:0 20px 20px 0; font-size:0.7em; font-family:Arial, Helvetica, sans-serif;}
#footer a {text-decoration:none; color:#647877;}
#footer a:hover {text-decoration:underline; color:#647877;}
#property	{clear:both; margin-left:95px; padding:0 20px 20px 0; font-size:0.7em; font-style:italic; color:#647877;}
/* bugfix styles ----------------------------------------------------------------------------------------------------------------------- */
.clearfix:after 			{content: "."; display:block; height:0; clear:both; visibility:hidden;}


/* - artist pages -------------------------------------------------------------------------------------------------------------------------------------   */
#artist								{padding:0 0 0 0px;}
#artistImages 						{width:576px; padding:0 0 0 100px;float:left; border-right: 7px solid #e8f3f6; margin-top:25px;}
#artistIndex						{float:left; margin-top:30px; padding-left:0px;}
#artistIndex h2						{color:#9fb8bb; font-style:italic; font-weight:normal; font-size:1.2em; padding:58px 0 14px 14px;}
#artistIndex h3						{color:#84a6a4; font-weight:normal; font-size:1.8em; padding:14px 0 14px 38px;}
#artistIndex ul						{color:#616060; margin:0 0 0 0; padding:0 0 0 0;}
#artistIndex li						{font-size:0.8em; font-style:italic; padding:5px 0 5px 0px; list-style-type:none;}
#artistIndex li a					{text-decoration:none; color:#999; padding:5px 0 5px 38px}
#artistIndex li a:hover				{text-decoration:none; color:#647877; background:url(../images/nav-bg.jpg) 0px -26px no-repeat}
#artistIndex li a.selectedArtist	{text-decoration:none; color:647877; background:url(../images/nav-bg.jpg) 0px 3px no-repeat}
.a-image							{margin-bottom:30px; clear:both;}
.borderImg							{border: 7px solid #edeff0;}
.a-image div						{float:left;}
.tab								{float:left; padding:8px; border: 7px solid #edeff0; width: 130px; }
.wide								{width: 260px;}
.mid								{width: 170px;}
.art-image							{margin:0px 10px 10px 0; padding:0 0 0 0;}
.tab h3								{color:#84a6a4; font-size:0.9em; font-style:italic; padding:0 0 10px 0;margin:0 0 0 0;}
.tab p								{color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:0.7em; padding:0 0 0 0; margin:0 0 0 0;}
.tab .price							{color:#666666; font-size:1em; font-style:italic; font-weight:bold; padding-top:10px;}
.tab .sold							{color:#900; font-size:1em; font-style:italic; font-weight:bold; padding-top:10px;}

.makeEnquiry						{padding-top:18px; margin-left:14px;}
.makeEnquiry a						{display:block; width:200px; height:200px; padding:0 0 0 0; background:url(../images/make-enquiry.gif) 0px 0 no-repeat; text-decoration:none; text-indent:-9999px; border-bottom:0px solid #fff;}
.makeEnquiry a:hover				{background:url(../images/make-enquiry.gif) 0px -200px no-repeat; border-bottom:0px solid #fff;}



#artistName 						{height:57px; padding:0 0 10px 0; margin:0 0 0 0;}
#artistInfo							{padding:0px 0 20px 0; font-family:Arial, Helvetica, sans-serif; color:#666; font-size:80%;}
#artistInfo p						{padding:0 20px 10px 3px; margin:0 0 0 0;}
#artistInfo a						{}
#artistInfo a						{color:#647877; border-bottom:1px dotted #647877; text-decoration:none;}
#artistInfo a:hover					{color:#9fb8bb; border-bottom:1px dotted #9fb8bb; text-decoration:none;}
#artistInfo .quote					{clear:both; font-size:1.1em; font-style:italic; color:#647877; line-height:1.4em; padding:10px 60px 20px 30px;}

/* 647877 green */
/* Fontface Kit ---------------------------------------------------------- */
@font-face {
    font-family: 'LaneNarrowRegular';
    src: url('fonts/LANENAR_-webfont.eot?') format('eot'),
         url('fonts/LANENAR_-webfont.woff') format('woff'),
         url('fonts/LANENAR_-webfont.ttf') format('truetype'),
         url('fonts/LANENAR_-webfont.svg#webfontMAZXZguX') format('svg');
    font-weight: normal;
    font-style: normal;

}

h2.fontface {font: 44px/68px 'LaneNarrowRegular', Arial, sans-serif;letter-spacing: 0; color:#9fb8bb;}

p.style1 {font: 18px/27px 'LaneNarrowRegular', Arial, sans-serif;}
p.style2 {font: 18px/27px 'LaneUpperRegular', Arial, sans-serif;}
p.style3 {font: 18px/27px 'LanePoshRegular', Arial, sans-serif;}