@charset "UTF-8";
@import url("webfonts/electraos/stylesheet.css");
@import url("webfonts/electra_os/stylesheet.css");
@import url("Helvetica_Light/stylesheet.css");
@import url("Raleway/stylesheet.css");
@import url("Geneva/stylesheet.css");
@import url("Helvetica_Light_Italic/stylesheet.css");
@import url("HelveticaLightItalic/stylesheet.css");
@import url("Helvetica_Light/stylesheet.css");
@import url("Helvetica_Light/stylesheet.css");

@font-face {
  font-family: "helvetica";
  src: url("helvetica.eot");
  src: local("☺"),
url("helvetica.woff") format("woff"),
url("helvetica.otf") format("opentype"),
url("helvetica.svg#helvetica") format("svg");
  }
@font-face {
  font-family: "electracursiveos";
  src: url("electracursiveos.eot");
  src: local("☺"),
url("electracursiveos.woff") format("woff"),
url("electracursiveos.otf") format("opentype"),
url("electracursiveos.svg#electracursiveos") format("svg");
  }

h {
	font-family: "electraos", Georgia, serif;
	font-size: 14px; margin-right:2cm;
}

h em { font-family: "electracursiveos", Georgia, serif; }

em {   font-style: italic; }

.boldcv2 {
	font-family: Helvetica;
	font-size: 1em;

}

date added { font-family: font-size: 14px;

}

a:link {color: #0A111D;
text-decoration: none;}

a:visited {color: #0A111D;
text-decoration: none;}

a:hover {color: #A9A9A9;
text-decoration: none;}

a:active {
	color: #030303;
	text-decoration: none;
	font-family:"Helvetica Light";
}

#Sticky {
	color: #000;
	position: fixed;
	z-index: 10;
	left: 0px;
	top: 10px;
	padding: 0 20px 0 10px;
	width: 100%;
	min-width: 1000px;
	background: url(file:///Macintosh%20HD/Users/sophie/Documents/JONATHAN/MY%20WEBSITES/Working%20website%207th%20July%202014/transparent.png) repeat;
	
}

.stickya1 {
	text-align: left;
	font-family: Helvetica "Helvetica Light";
	font-size: 1.5em;
	font-weight: bold;
	
	}

#left{
    float:left;
	z-index: 98;
	font-family: Helvetica "Helvetica Light";
	font-size: 1.5em;
	font-weight: bold;
}

#center{
	position: absolute;
	left: 40%;
	z-index: 98;
	font-family: Helvetica "Helvetica Light";
	font-size: 1.5em;
	font-weight: bold;
	color: #0A111D;
	
}

#right{
    float:right;
	z-index: 98;
	font-family: Helvetica "Helvetica Light";
	font-size: 1.5em;
	font-weight: bold;
	color:#0A111D;


}

/* Image Descriptions */

.image-desc {
	font-family: "Helvetica Light";
	font-size: 0.75em;
	line-height: 1.3em;
	font-weight: light;
	font-style: regular;
	color: #0A111D;

}

/* Image descriptions END */

/*sticky bottom address */

#Stickya {
	color: #000;
	position: fixed;
	z-index: 10; 
	right: 0px;
	left: 0px;
	bottom: 0px;
	padding: 0 10px 0 10px;
	width: 25%;
	background: url(file:///Macintosh%20HD/Users/sophie/Documents/JONATHAN/MY%20WEBSITES/Working%20website%207th%20July%202014/transparent.png) repeat;
	
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
	
	_position: absolute;
}
.stickya {
	font-family: electraos;
	font-size: 1em;
	color:#0A111D;
}

/*sticky bottom address end*/

/* CONTENT POSITIONING */

.first-image-content {
	margin-left:320px;
	position: absolute;
	margin-top: 60px;
	margin-right: 30px
	z-index: 5;
	padding: 0px;
}
.sub-image-content {
	float:left;
	margin-top: 60pt; 
    margin-right: 30px
	z-index: 5;
	padding: 0px;

}

.end-image-content {
	float:left;
	margin-top: 60pt; 
    margin-right: 30px
	z-index: 5;
	padding: 0px;
margin-bottom: 30pt;
	

}

.right-image-content {
	float:right;
	margin-top: 60pt; 
    margin-right: 30px
	z-index: 5;
	padding: 0px;
margin-bottom: 30pt;
	

}



.alt-index {
	size: 100%;
	margin-left:150px;
	position: absolute;
	margin-top: 60px;
	margin-right: 30px
	z-index: 5;
	padding: 0px;
}

.exhibition-titles {
	margin-left: 10px;
	width: 100px;
	padding: 10px;
	border: 1px solid #F8F8FF;
	position: absolute;
	margin-top: 60px;
	z-index: 5;
	font-family: "Helvetica Light";
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: light;
	font-style: regular;
	color: #0A111D;
	height: 1203px;	
}

.exhibition-titles-2 { 	

	margin-left:10px;
				width:100px;
	padding:10px;
		border:1px solid #F8F8FF;
		position:absolute;
		margin-top:60px;
		z-index: 5;
		font-family: "Helvetica Light";
		font-size: 0.9em;
		line-height: 1.4em;
		font-weight:light;
		font-style:regular;
		color:#0A111D;

	
}



#content {
		margin-top:10px;
		padding-bottom:10px;
		font-family: "Helvetica Light";
		font-size: 1em;
	}
	
	#content div {
		padding:10px;
		border:1px solid #bbb;
		float:left;
	
	}
	#content-main {
		margin-left:30px;
		width:610px;
	}
	

	/* Exhibtion List */
	
	#exhibition-list { margin-left:10px;
			padding:10px;
			position:absolute;
		margin-top:60px;
		z-index: 5;
			
	}
	
	/* EXHIBITION LIST End */
	
	/* INTRODUCTION */

	#introduction-1 {
		width:612px;
		height: 1010px;
		}
	

#introduction-3 {  margin-left:250px;
		width:670px;
		padding:10px;
		position:absolute;
		margin-top:917px;
		z-index: 5;
	}

	/* INTRODUCTION END */
	
	/* INTRODUCTION TWO */
	
	/* ALT INDEX*/
	#alt-index {
		
	}
	
	/* ALT INDEX END */
	
	#introduction-two-1 { margin-left:250px;
		width:401px;
		padding:10px;
		position:absolute;
		margin-top:60px;
		z-index: 5;
		
	}

#introduction-two-2 { margin-left:775px;
		width:375px;
		padding:10px;
		position:absolute;
		margin-top:60px;
		z-index: 5;
	}

#introduction-two-3 {  margin-left:250px;
		width:670px;
		padding:10px;
		position:absolute;
		margin-top:917px;
		z-index: 5;
	}

#introduction-two-bottom-margin { 
margin-left:670px;
width:373px;
padding:10px;
position:absolute;
		margin-top:900px;
		z-index: 5;

}
		
	/* INTRODUCTION TWO END */
	
	
	
	/* STUDIO */
	
	
	
	/* STUDIO END */
	
	/* MOVES*/
	
	#moves-title { 	margin-left:10px;
			
	}
#moves-title {
	
		padding:10px;
		border:1px solid #F8F8FF;
		position:absolute;
		margin-top:60px;
		z-index: 5;
		font-family: "Helvetica Light";
		font-size: 0.9em;
		line-height: 1.4em;
		font-weight:light;
		font-style:regular;
		color:#0A111D;
}


/* MOVES end */
	
	
	
	
	/* BDPQ */
	
#bdpq-title { 	margin-left:10px;
				width:100px;
	}
#bdpq-title {
	
		padding:10px;
		border:1px solid #F8F8FF;
		position:absolute;
		margin-top:60px;
		z-index: 5;
		font-family: "Helvetica Light";
		font-size: 0.9em;
		line-height: 1.4em;
		font-weight:light;
		font-style:regular;
		color:#0A111D;
}


#bdpq-2 { margin-left:250px;
		width:541px;
	
	
		


}

#bdpq-bottom-margin { 
margin-left:1000px;
width:373px;
}
#bdpq-bottom-margin { padding:10px;
		border:1px solid #FFFFFF;
position:absolute;
		margin-top:5490px;
		z-index: 5;
		}


/* BDPQ end */


	
/* LOCKER */





#locker-2 { margin-left:250px;
		width:466px;
	
	
		
}



#locker-bottom-margin { 
margin-left:670px;
width:373px;
}
#locker-bottom-margin { padding:10px;
		border:1px solid #FFFFFF;
position:absolute;
		margin-top:5000px;
		z-index: 5;
		}

/* LOCKER end */








/* index */
	
	
	
	
	#index-content-main {
		margin-left:320px;
		width:612px;
	
		padding:10px;
		
		position:absolute;
		margin-top:730px;
		z-index: 5;
}

#index-content-detail {
		margin-left:320px;
		width:360px;
		padding:10px;
		position:absolute;
		margin-top:10px;
		z-index: 5;
}
	
	/* index end */
	
	
	#content-right {
		margin-left:30px;
		width:450px;
	}

	#CV {
	float:centre;
	top: 200px;
	padding: 0 20px 0 10px;
	width: 80%;
	min-width: 700px;
	padding: 10px;
	font-family: Helvetica Light;
	font-size: 0.9em;
	line-height: 1.5;
	text-align: center;
	display: table;
	margin-left: 125px ;
	
  
	
}


#Sticky2 {
	font-weight: normal;
	text-align: center;
}
	
.links {
	font-size: 0.75em;
}