@charset "UTF-8";
/* CSS Document */
/*--------------------------
The Factory Space
Designed by June Foley of Design Factory
Built by Shane Murphy of Design Factory
October 2008
---------------------------*/

/*-------------------------------------------------------Backgrounds*/

body{
	background-color:#FFFFFF;
	margin-top:0px;
	margin-left:0px;
}
#container{
	position:relative;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width: 1024px;
}
#back{
	position:absolute;
	width: 1024px;
	height:768px;
}

a img{
	border: none;
}

/*#lilliput{
	position: absolute;
	left: 702px;
	top: 65px;
	background: url(images/lilliput.jpg);
}

/*------------------------------------------------------Sub Headings*/

#navHead1{
	position:absolute;
	left:121px;
	top:225px;
	
}
#navHead2{
	position:absolute;
	left:295px;
	top:225px;
}
#navHead3{
	position:absolute;
	left:455px;
	top:225px;
}
#navHead4{
	position:absolute;
	left:620px;
	top:225px;
}
#navHead5{
	position:absolute;
	left:620px;
	top:225px;
}
.navText{
	position:absolute;
	left:121px;
	top:225px;
	width: 200px;
	color:#222;	
	font-family: courier, "Courier New", monospace;
	font-size:14px;
}
 #topLine{
	position: absolute;
	top:6px;
}

/*------------------------------------------------Header/Home Button*/

#thefc{
	position:absolute;
	top:56px;
	left:113px;
}

/*-----------------------------------------------Home Page Rollovers*/

/*----------------------------------------------1*/
.r1 a, .row1{
	position:absolute;
	left: 288px;
	top: 240px;
	width: 152px;
	height:411px;
}
#b1 a{
	background: url(images/home1.gif) left top; 
}
#b1 a:hover{
	background: url(images/home1.gif) right top; 
}
/*-----------------------------------------------2*/
.r2 a, .row2{
	position:absolute;
	left: 451px;
	top: 240px;
	width: 152px;
	height:411px;
}
#b2 a{
	background: url(images/home2.gif) left top; 
}
#b2 a:hover{
	background: url(images/home2.gif) right top; 
}
/*-----------------------------------------------3*/
.r3 a, .row3{
	position:absolute;
	left: 614px;
	top: 240px;
	width: 152px;
	height:411px; 
}
#b3 a{
	background: url(images/home3.gif) left top;
}
#b3 a:hover{
	background: url(images/home3.gif) right top; 
}
/*-----------------------------------------------4*/
.r4 a, .row4{
	position:absolute;
	left: 777px;
	top: 240px;
	width: 152px;
	height:411px;
}
#b4 a{
	background: url(images/home4.gif) left top;
}
#b4 a:hover{
	background: url(images/home4.gif) right top; 
}


/*---------------------------------------------------Navs & Sub-navs*/


#nav{

	position:absolute;
	left: 112px;
	top:240px;
	width: 166px;
	height:411px;
	margin:0px;
	padding:0px;
}

#subnav{
	position:absolute;
	top:43px;
	left: 0px;
	width: 152px;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
#subnav2{
	position:absolute;
	top:22px;
	left: 0px;
	width: 152px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	line-height:70px;
}

/*--------------------------------------------------------Thumbnails*/

/*---------------------------------------------------------About.html*/

#fac0{
	position:absolute;
	left:165px;
	top:10px;
	width:152px;
	height:59px;
	background: url(images/aboutgal.jpg) left top;
}
#fac1{
	position:absolute;
	left:165px;
	top:85px;
	width:152px;
	height:59px;
	background: url(images/fac1.jpg) left top;
}
#fac2{
	position:absolute;
	left:165px;
	top:165px;
	width:152px; 
	height:59px;
	background: url(images/fac2.jpg) left top;
}
#fac3{
	position:absolute;
	left:165px;
	top:235px;
	width:152px; 
	height:59px;
	background: url(images/fac3.jpg) left top;
}

/*-----------------------------------------------------ehibition.html & showcase.html*/
#gal1, #EK1 a{
	position:absolute;
	left:165px;
	top:235px;
	width:152px;
	height:59px;
	background: url(images/gal2.jpg) left top;
}
#EK1 a{
	position:absolute;
	top:277px;
	left:-2px;
}
#EK1 a:hover{
	background: url(images/gal2.jpg) right top;
}
#EK2 a{
	position:absolute;
	top:277px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/cd5.jpg) left top;
}
#EK2 a:hover{
	background: url(images/cd5.jpg) right top;
}
#EK3 a{
	position:absolute;
	top:277px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/cd4.jpg) left top;
}
#EK3 a:hover{
	background: url(images/cd4.jpg) right top;
}
#gal2{
	position:absolute;
	left:165px;
	top:85px;
	width:152px; 
	height:59px;
	background: url(images/exhib7.jpg) left top;
}
 #GS1 a{
	position:absolute;
	left:1px;
	top:52px;
	width:152px;
	height:59px;
	background: url(images/GS1.jpg) left top;
}
#GS1 a:hover{
	background: url(images/GS1.jpg) right top;
}
#GS2 a{
	position:absolute;
	top:52px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/GS2.jpg) left top;
}
#GS2 a:hover{
	background: url(images/GS2.jpg) right top;
}
#GS3 a{
	position:absolute;
	top:52px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/GS3.jpg) left top;
}
#GS3 a:hover{
	background: url(images/GS3.jpg) right top;
}
#exhib4{
	position:absolute;
	left:165px;
	top:85px;
	width:152px;
	height:59px;
	background: url(images/exhib5.jpg) left top;
}
#exhib3, #DF1 a{
	position:absolute;
	left:165px;
	top:160px;
	width:152px; 
	height:59px;
	background: url(images/exhib6.jpg) left top;
}
#exhib2, #DF1 a{
	position:absolute;
	left:165px;
	top:10px;
	width:152px; 
	height:59px;
	background: url(images/exhib7.jpg) left top;
}
#DF1 a{
	position:absolute;
	top:202px;
	left:1px;
	background: url(images/exhib6.jpg) left top;
}
#DF1 a:hover{
	background: url(images/exhib6.jpg) right top;
}
#DF2 a{
	position:absolute;
	top:202px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/EK2.jpg) left top;
}
#DF2 a:hover{
	background: url(images/EK2.jpg) right top;
}
#DF3 a{
	position:absolute;
	top:202px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/Ek3.jpg) left top;
}
#DF3 a:hover{
	background: url(images/EK3.jpg) right top;
}

#RM1 a{
	position:absolute;
	top:127px;
	left:1px;
	width:152px; 
	height:59px;
	background: url(images/exhib5.jpg) left top;
}
#RM1 a:hover{
	background: url(images/exhib5.jpg) right top;
}
#RM2 a{
	position:absolute;
	top:127px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/rm2.jpg) left top;
}
#RM2 a:hover{
	background: url(images/rm2.jpg) right top;
}
#RM3 a{
	position:absolute;
	top:127px;
	left:0px;
	width:152px;
	height:59px;
	background: url(images/rm3.jpg) left top;
}
#RM3 a:hover{
	background: url(images/rm3.jpg) right top;
}
.thumbs{
	position:absolute;
	left:452px;
	top:292px;
	width: 152px;
	height:352px;
	z-index:3;
}


/*-----------------------------------------------------Nav rollovers*/

.roll a, .roll2, #show1, #show2, #show3, #show4{
	text-decoration:none;
	font-family: Courier, "Courier New", monospace;
	text-align:left;
	font-size:14px;
	list-style-type: none;
	color:#222;
}

#p1{
	position:absolute;
	top:52px;
	width: 153px;
}
#p2{
	position:absolute;
	top:127px;
	width: 153px;
}
#p3{
	position:absolute;
	top:203px;
	width: 153px;
}
#p4{
	position:absolute;
	top:278px;
	width: 153px;
}
#n1 a, #show1{
	position:absolute;
	top:277px;
	width: 153px;
	height:11px;
	padding:6px 0px 8px 12px;
	z-index:1;
}
#n2 a, #show2{
	position:absolute;
	top:52px;
	width: 153px;
	height:11px;
	padding:6px 0px 8px 12px;
	z-index:1;
}

#n3 a, #show3{
	position:absolute;
	top:203px;
	width: 154px;
	height:11px;
	padding:6px 0px 8px 12px;
	z-index:1;
}
 #show3{
 top:202px;
 }
#n4 a, #show4{
	position:absolute;
	top:127px;
	width: 127px;
	height:11px;
	padding:6px 0px 8px 12px;
	z-index:1;
}
 #show4{
	top:127px;
 }
.roll a:hover{
	background: url(images/IEroll.gif);
}

#clicked1 a{
	background-color: #ffffff;
	
}
#colour0{
	position:absolute;
	top:10px;
	margin:0px;
	padding:0px;
		
}
#colour1{
	position:absolute;
	top:85px;
	margin:0px;
	padding:0px;
		
}
#colour2{
	position:absolute;
	top:165px;
	margin:0px;
	padding:0px;	
}
#colour3{
	position:absolute;
	top:235px;
	margin:0px;
	padding:0px;	
}
#colour4{
	position:absolute;
	top:235px;
	margin:0px;
	padding:0px;	
}
#a1{
	position:absolute;
	top:235px;
}
#e0{
	position:absolute;
	top:10px;
}
#e0:hover{
	background: url(images/aboutgalA.gif) no-repeat;
}
#e1{
	position:absolute;
	top:85px;
}
#e1:hover{
	background: url(images/fac1a.gif) no-repeat;
}
#a1:hover{
	background: url(images/exhib2a.gif) no-repeat;
}
#e2{
	position:absolute;
	top:165px;
}
#e2:hover{
	background: url(images/fac2a.gif) no-repeat;
}
#e3{
	position:absolute;
	top:235px;
}
#e3:hover{
	background: url(images/fac3a.gif) no-repeat;
}
#a2{
	position:absolute;
	top:10px;
}
#a2:hover{
	background: url(images/exhib7a.gif) no-repeat;
}
#a3{
	position:absolute;
	top:160px;
}
#a3:hover{
	background: url(images/exhib6a.gif) no-repeat;
}
#a4{
	position:absolute;
	top:85px;
}
#a4:hover{
	background: url(images/exhib5a.gif) no-repeat;

}
.roll2{
	height:53px;
	width: 302px;
	margin:0px;
	padding:6px 0px 0px 10px;
	left: 3px;
	z-index:1;
}
#back1{
	position:absolute;
	top:52px;
	width: 153px;
}
#back2{
	position:absolute;
	top:127px;
	width: 153px;
}
#back3{
	position:absolute;
	top:203px;
	width: 153px;

}
#back4{
	position:absolute;
	top:278px;
	width: 153px;
}
/*-----------------------------------------------------Contact details*/

#address{
	position:absolute;
	left: 762px;
	top:704px;
	text-align: right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:17px;
	letter-spacing: .5px;
	width: 170px;
}
#email{
	color:#000000;
	text-decoration:none;
}
#df a{
	position:absolute;
	left:114px;
	top:704px;
	text-align: left;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration:none;
}
/*-------------------------------------------------------Info boxes/ Javascript elements/ ehibitions.html*/
#box1{
	position: absolute;
	left:287px;
	top: 239px;
	width:314px;
	height:407px;
	margin: 0px;
	padding: 0px;
	z-index:1;
}
#boxo{
	position: absolute;
	left:288px;
	top: 240px;
	width:316px;
	height:411px;
	margin: 0px;
	padding: 0px;
	z-index:1;
}
#box2{
	position: absolute;
	left:614px;
	top: 240px;
	width:314px;
	height:411px;
	margin: 0px;
	padding: 0px;
	z-index:1;
	}
	#box3{
	position: absolute;
	left:614px;
	top: 244px;
	width:314px;
	height:411px;
	margin: 0px;
	padding: 0px;
	}

.text{
	position: absolute;
	left:620px;
	top: 300px;
	width:285px;
	height:407px;
	margin-left: 10px;
	margin-top: 0px;
	padding: 0px;
	font-family: Courier, "Courier New", monospace;
	font-size: 12px;
	letter-spacing:normal;
	color:#413b37;
	z-index:2;	
}

#lines3{
	position: absolute;
	left: 1px;
}
#lines4{
	position: absolute;
	left: 1px;
}
.lines5{
	position: absolute;
	top:-6px;
	left: 0px;
}
#navLine{
	position:absolute;
	top:2px;
}

#info1, #info2, #info3, #info4, #lines3, #lines4, #navLine, #navHead4, #box2, #colour0, #colour1, #colour2, #colour3, #colour4, #thumbs1, #thumbs2, #thumbs3, #thumbs4, #p1, #p2, #p3, #p4, #blue1, #blue2, #blue3, #blue4{
	display: none; 
		}
#times{
	margin-top:67px;
	margin-left:20px;
	width:250px;
	color:#413b37;
	font-family: Courier, "Courier New", monospace;
	font-size:12px;
}
a{
	text-decoration:none;
}
.qoutes{
	font-family:"Times New Roman", Times, serif
}
/*---------------------------------------------------------------Maps*/

#maps{
	position:absolute;
	top:46px;
	border-width: 3px;
	border-color:#FFFFFF;
}

#view{
	position: absolute;
	top: 390px;
	font-family: Courier, "Courier New", monospace;
	text-align:left;
	font-size:14px;
	list-style-type: none;
	text-decoration:none;
	color:#FFFFFF;
}