/*
	/////////////////////////////////////////////
	/// Generic
	/////////////////////////////////////////////
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	/*background-red: #4f6f92;*/
	background-color: #eeeeee;
	/*background-color: #f5f5f5;*/
}

#banner a {
	text-decoration: none;
	border: none;
}

.genericpage {
	margin-left:auto;
	margin-right:auto;
	/*position: realtive;*/
	width: 960px;
	/*background-color: #fffefa;*/
	background-color: #eeeeee;
	/*background-color: #fdfdfd;*/
}

.generictop {
	position: relative;
	left: 5%;
	top: 0px;
	height: 8%;
	width: 90%;
	text-align: left;
}

.navigationtop {
	position: relative;
	left: 5%;
	top: 0px;
	height: 75px;
	width: 90%;
	text-align: left;
}

.navigationtop a {
	text-decoration: none;
    border: none;
    outline: none;
}
/*
.navigationtop a:active, a:selected, a:visited { 
    border: none;
    outline: none;
}
*/
.mainmenu {
	width: 960px;
	position: relative;
	font-size: 14px;
	text-align: center;
}

.mainmenu a {
	text-align: center;
	color: #666666;
	padding: 0px;
	text-decoration: none;
}

.genericfooter {
	position: relative;
	text-align: center;
}

.largegreytext {
	font-size: 24px;
	color: #666666;
}

.greytext18px {
	font-size: 18px;
	color: #666666;
}

.mediumgreytext {
	font-size: 14px;
	color: #666666;
}

.smallgreytext {
	font-size: 10px;
	color: #666666;
}

.smallredtext {
	font-size: 10px;
	color: #df0f34;
}

.mediumredtext {
	font-size: 14px;
	color: #df0f34;
}

.redtext18px {
	font-size: 18px;
	color: #df0f34;
}

.spacer10 {
	position: relative;
	height: 10px;
}

.spacer25 {
	position: relative;
	height: 25px;
}

.spacer50 {
	position: relative;
	height: 50px;
}

.spacer100 {
	position: relative;
	height: 100px;
}

.noborder {
	border: none;
}


/*
	/////////////////////////////////////////////
	/// Homepage (index.php)
	/////////////////////////////////////////////
*/

#indextop {
	position: relative;
	left: 0%;
	top: 0%;
	height: 25px;
	width: 100%;
}

#indexcentre {
	position: relative;
	top: 0%;
	left: 0%;
	/*height: 75%;*/
	width: 100%;
}
/*
#indexbottom {
	position: relative;
	top: 100%;
	left: 0%;
	height: 20%;
	width: 100%;
}
*/
#indexcentrecontent {
	position: relative;
	text-align:justify;
	left: 250px;
	width: 450px;
}
	
#indexmainimage {
	position: relative;
	border: 10px solid #ffffff;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#indexmaintext {
	font-size: 16px;
	position: relative;
	text-align: center;
}

#indexnewin {
	font-size: 24px;
	position: relative;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width: 350px;
}

#indexnewinimages {
	position: relative;
	width: 690px;
	margin-left: auto;
	margin-right: auto;
}

#indexnewinitem {
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#indexnewinitem a {
	color: #666666;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	padding: 0px;
	display: block;
}

#indexnewinimage {
	border: 10px solid #ffffff;
}

#indexnews {
	font-size: 16px;
	position: relative;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	width: 350px;
}

#indexsocialmedia {
	font-size: 12px;
	position: relative;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	width: 350px;
}

#indexownart {
	position: absolute;
	top: 80%;
	left: 80%;
	background-color: transparent;
}

#indexzeropercent {
	font-size: 14px;
}
	
/*
	/////////////////////////////////////////////
	/// Exhibition page
	/////////////////////////////////////////////
*/

#exhibitiondesc {
	position: relative;
	top: 0%;
	width: 100%;
	height: 100%;
	text-align: center;
}

#exhibitioncentre {
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
}

#exhibitioncentreleft {
	position: relative;
	top: 0%;
	left: 0%;
	height: 100%;
	width: 75%;
}

#exhibitionitem {
	width: 180px;
	position: absolute;
	text-align: center;
}

#exhibitionimage {
	border: 15px solid #ffffff;
}

#exhibitionitem a {
	color: #666666;
	padding: 0px;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

#exhibfeaturedartist {
	position: relative;
}

#exhibfeatureditem {
	position: relative;
	padding-left: 30px;
	padding-bottom: 30px;
}

#exhibfeatureditem a {
	color: #666666;
	text-decoration: none;
}

#exhibitioncentreright {
	position: absolute;
	text-align: left;
	top: 0%;
	left: 80%;
	height: 100%;
	width: 20%;
}

#exhibitioncentreright a {
	color: #666666;
	display: block;
	text-decoration: none;
}

#exhibitionbottom {
	position: relative;
	top: 0%;
	left: 0%;
	height: 20%;
	width: 100%;
}

/*
	/////////////////////////////////////////////
	/// Artists page
	/////////////////////////////////////////////
*/

#artistscentre {
	position: relative;
	top: 0%;
	left: 0%;
	height: 75%;
	width: 100%;
}

#artistsjewellery {
	position: relative;
}

#artistssculpture {
	position: relative;
}

#artistsartists {
	position: relative;
}

#artistsleft {
	position: relative;
	left: 0%;
	height: 100%;
	width: 20%;
}

#artistsright {
	left: 20%;
	position: relative;
	/*height: 250px;*/
	width: 80%;
}

#artistslargeitem {
	position: absolute;
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
	left: 20px;
	top: 25px;
	width: 100%;
	height: 100%;
	/*background: #ffffff;*/
	/*border: 10px solid #ffffff;*/
}

#artistslargeitem a {
	color: #666666;
	padding: 0px;
	display: block;
	text-decoration: none;
}

#artistslargeimage {
	border: 15px solid #ffffff;
}

#artistssmallitem {
	position: absolute;
	text-align: center;
	display: block;
    margin-left: auto;
    margin-right: auto;
	width: 70px;
	height: 70px;
}

#artistssmallitem a {
	color: #666666;
	padding: 0px;
	display: block;
	text-decoration: none;
}

#artistssmallitem p {
	position: absolute;
	top: 105%;
}

#artistssmallimage {
	border: 7px solid #ffffff;
}

.artistscategory {
	position: relative;
	height: 25px;
	left: 3%;
	width: 90%;
}

.artistsspacer25 {
	position: relative;
	height: 25px;
	left: 5%;
	width: 90%;
	border-top: 1px solid #666666;
}


/*
	/////////////////////////////////////////////
	/// Artist page
	/////////////////////////////////////////////
*/

#artistcentre {
	position: relative;
	left: 0%;
	width: 100%;
}

#artistitem {
	position: absolute;
	text-align: center;
}

#artistitem a {
	color: #666666;
	padding: 0px;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	border: none;
}

#artistimage {
	border: 15px solid #ffffff;
}

#artiststatement {
	position: relative;
	left: 0%;
	width: 100%;
	text-align: right;
}

#artiststatement a {
	color: #666666;
	padding: 0px;
	width: 100%;
	height: 100%;
	margin-right: 25px;
	text-decoration: none;
}

/*
	/////////////////////////////////////////////
	/// Artwork page
	/////////////////////////////////////////////
*/

#artworkprevious {
	position: absolute;
	left: 24%;
	top: 90%;
}

#artworkcounter {
	font-weight: bold;
	position: absolute;
	left: 35%;
	height: 100%;
	width: 30%;
	text-align: center;
}

#artworknext {
	position: absolute;
	left: 70%;
	top: 90%;
}

#artworkcentre {
	position: relative;
	top: 25px;
	height: 500px;
	width: 100%;
}

#artworkitem {
	position: absolute;
	top: 3%;
	left: 255px;
	height: 400px;
	width: 50%;
}

#artworkimage {
	border: 25px solid #ffffff;
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#artworktext {
	position: absolute;
	top: 20%;
	left: 750px;
}

#artworkbacklink {
	font-size: 14px;
	position: absolute;
	top: 90%;
	left: 45%;
	width: 10%;
	text-align: center;
}

#artworkbacklink a {
	display: block;
	text-decoration: none;
	color: #666666;
}

#artworkbackbottom {
	position: absolute;
	/*top: 500px;*/
	top: 85%;
	left: 27%;
}

#artworkbottom {
	position: relative;
	top: 0%;
	left: 0%;
	height: 20%;
	width: 100%;
	text-align: right;
}

/*
	/////////////////////////////////////////////
	/// Artist Statement page
	/////////////////////////////////////////////
*/

#statementtop {
	position: relative;
	left: 10%;
	top: 5%;
	height: 8%;
	width: 100%;
	text-align: left;
}

#statementcentre {
	position: relative;
	top: 15%;
	left: 10%;
	height: 55%;
	width: 80%;
}

#statementtext {
	text-align: justify;
}

#statementbottom {
	position: relative;
	top: 0%;
	left: 0%;
	height: 20%;
	width: 100%;
	text-align: right;
}

/*
	/////////////////////////////////////////////
	/// Jewellery page
	/////////////////////////////////////////////
*/

#ewelleryheader {
	position: relative;
	top: 0%;
	width: 100%;
	height: 100%;
	text-align: left;
}

/*
	/////////////////////////////////////////////
	/// Original Prints page
	/////////////////////////////////////////////
*/

#printsheader {
	position: relative;
	top: 0%;
	width: 100%;
	height: 100%;
	text-align: left;
}

#printscentre {
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
}

#printsitem {
	position: absolute;
	text-align: center;
}

#printsitem a {
	color: #666666;
	padding: 0px;
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
}

#printsimage {
	border: 15px solid #ffffff;
}

/*
	/////////////////////////////////////////////
	/// Framing page
	/////////////////////////////////////////////
*/
#framingheader {
	position: relative;
	top: 0%;
	width: 100%;
	height: 100%;
	text-align: left;
}

#framingcentre {
	position: relative;
	top: 15%;
	left: 10%;
	height: 55%;
	width: 80%;
}

.framingtext {
	position: relative;
	width: 75%;
	left: 12%;
	text-align: justify;
	vertical-align: middle;
}

.framingimages {
	position: relative;
	left: 12%;
	height: 200px;
}

#framingimage1 {
	position: absolute;
	left: 0px;
}

#framingimage2 {
	position: absolute;
	left: 260px;
}

#framingimage3 {
	position: absolute;
	left: 520px;
}


/*
	/////////////////////////////////////////////
	/// Contact/About us page
	/////////////////////////////////////////////
*/
#aboutcentre {
	position: relative;
	height: 400px;
	left: 5%;
	width: 90%;
}

#abouttext {
	position: absolute;
	width: 45%;
	top: 0%;
	left: 0%;
	vertical-align: middle;
}

#aboutmap {
	position: absolute;
	width: 50%;
	top: 0%;
	left: 50%;
	vertical-align: middle;

}

/*
	/////////////////////////////////////////////
	/// Admin pages
	/////////////////////////////////////////////
*/
.adminbody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin:0;
	padding:0;
	background-color: #ffffff;
	border: 1px solid #6699FF;
	/*background-color: #4f6f92;*/
}

.admintitle {
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #6699FF;
	font-size: 16px;
}

.admintitlered {
	position: relative;
	width: 100%;
	height: 30px;
	background-color: #ff6666;
	font-size: 16px;
}

.admindiv {
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100%;
	border: 1px solid #6699FF;
}

.admintitlebutton {
	position: absolute;
	left: 75%;
	top: 0%;
}

.adminartistlist {
	font-size: 10px;
}

.adminartistlistimageorder {
	font-size: 10px;
}

#adminmessages {
	border: 1px solid #6699FF;
	font-size: 14px;
	color: red;
}