/* 
	Resets defualt browser settings
	reset.css
*/

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%; 
	font-size:100%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#C0B2AF; 
	text-align:left; }


p7 {font-size:0.6em; text-align:left; color:rgb(90, 90, 90);}
p9 {font-size:0.8em; text-align:left; color:rgb(90, 90, 90);}
p9B {font-size:0.8em; font-weight:900; text-align:left; color:rgb(90, 90, 90);}
p9R {font-size:0.8em; text-align:right; color:rgb(90, 90, 90);} 
p9RB {font-size:0.8em; font-weight:900; text-align:right; color:rgb(90, 90, 90);}  
p10 {font-size:0.9em; text-align:left; color: rgb(90, 90, 90);} 
p14 {font-size:1.1em;}
p14c {font-size:1.1em; text-align:right;}
p14b {font-size:1.1em; font-weight:900; color:rgb(90, 90, 90);}  
pmenu {font-size:1.25em;color:rgb(155, 155, 155);} 
psubmenu {font-size:1.25em;color:rgb(90, 90, 90);} 


event_head_1 {font-size:1.1em;color:#C0B2AF; } 

event_head_2 {font-size:1.1em;color:#C0B2AF; } 




.buyitbutton {
    background-color: #e7e7e7;
    border: none;
    color: white;
    border-radius: 3px;
    padding: 2px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin: 5px -1px;
    cursor: pointer;
        -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}


.buyitbutton1 {
    
    color: white; 
    background-color: #e7e7e7;
}

.buyitbutton1:hover {
    background-color: #C0B2AF;
    color: white;
}

.border_col
{
border-style:solid;
border-color:silver;
border-width:1px;
}

/*
	Type and anchors
*/

a:link,a:visited {
	color:rgb(75, 150, 225);
	text-decoration:none;
}


a:hover,a:active {
	color:rgb(180, 180, 180);
	text-decoration:none;}

a.menu_col:link,a.menu_col:visited {
	color:rgb(152, 186, 210);
	text-decoration:none;
}


a.menu_col:hover,a.menu_col:active {
	color:rgb(222, 222, 222);
	text-decoration:none;}
	

.logo
{
margin:auto;
position:relative;
width:850px;
height:92px;
background-color:#ffffff;
top: 10px;
}

.logocolour
{
position:absolute;
width:840px;
height:87px;
background-color:rgb(155, 163, 160);
top: 5px;
left: 5px;
}

.logocolour1
{
position:absolute;
width:850px;
height:92px;
top: 0px;
left: 0px;
}


.header
{
position:relative;
margin:auto;
width:850px;
height:25px;
background-color:#ffffff;
top: 5px;
}



.subheader
{
margin:auto;
width:850px;
height:25px;
background-color:#ffffff;
top: 0px;
}

.spacer
{
margin:auto;
width:850px;
height:2px;
background-color:rgb(155, 163, 160);
top: 0px;
}

.spacer20
{
margin:auto;
width:850px;
height:30px;
background-color:#ffffff;
top: 0px;
}

.pagetitle
{
position: relative; 
top: 0px; 
left: 0px; 
width: 300px; 
height: 80px; 
background-color: #FFFFFF
}


.mainbody
{
margin:auto;
width:850px;
background-color:#ffffff;
top: 0px;
}

.mainimage
{
margin:auto;
width:800px;
height:300px;
background-color:#ffffff;
top: 0px;
}

.mainbodytext
{
margin:auto;
width:800px;
background-color:#ffffff;
top: 50px;
}

.gallerybody
{
position:relative;
margin:auto;
width:850px;
height:200px;
background-color:#ffffff;
top: 0px;
}

.gallerybody_centre
{
position:relative;
margin:auto;
width:850px;
height:40px;
background-color:#ffffff;
top: 0px;
}


.galleryimageleft
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 200px; 
width: 200px; 
height: 200px;
}

.gallerypointerR
{
position:absolute;
background-color:#ffffff;
top: 30%; 
left: 50%; 
width: 30px; 
height: 50px;
}

.gallerypointerL
{
position:absolute;
background-color:#ffffff;
top: 30%; 
left: 50%; 
width: 30px; 
height: 50px;
}

.gallerypointerD
{
position:absolute;
background-color:#ffffff;
top: 170px; 
left: 530px; 
width: 30px; 
height: 50px;
}


.gallerytextright
{
position: absolute; 
background-color:#ffffff;
top:30%;
left: 455px; 
width: 300px; 
}

.galleryimageright
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 440px; 
width: 200px; 
height: 200px;
}


.gallerytextleft
{
position: absolute; 
background-color:#ffffff;
top:30%; 
left: 240px; 
width: 180px;
text-align:left; 
}

.galleryimage1of3
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 50px; 
width: 200px; 
height: 200px;
}

.galleryimage2of3
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 300px; 
width: 200px; 
height: 200px;
}

.galleryimage3of3
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 550px; 
width: 200px; 
height: 200px;
}

.galleryimage1of4
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 50px; 
width: 160px; 
height: 160px;
}

.galleryimage2of4
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 250px; 
width: 160px; 
height: 160px;
}

.galleryimage3of4
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 450px; 
width: 160px; 
height: 160px;
}

.galleryimage4of4
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 650px; 
width: 160px; 
height: 160px;
}


.BuyButtonL
{
position:absolute;
background-color:#ffffff;
top: 170px; 
left: 240px; 
width: 50px; 
height: 50px;
}


.BuyButtonR
{
position:absolute;
background-color:#ffffff;
top: 170px; 
left: 450px; 
width: 50px; 
height: 50px;
}

.gallerytextbox
{
position: absolute; 
background-color:#ffffff;
top:50%; 
left: 120px; 
width: 400px;
}

.gallerymenu
{
position: absolute; 
background-color:#ffffff;
top:0px; 
left: 0px; 
width: 850px; 
height: 25px;
}

.aboutbody
{
position:relative;
margin:auto;
width:850px;
height:500px;
background-color:#ffffff;
top: 0px;
}

.abouttext1
{
position: absolute; 
background-color:#ffffff;
top: 0px; 
left: 330px; 
width: 400px; 
height: 500px;
}
.aboutpic1
{
position: absolute; 
background-color:#ffffff;
top: 0px; 
left: 25px; 
width: 260px; 
height: 260px;
}


.contactbody
{
position:relative;
margin:auto;
width:850px;
height:370px;
background-color:#ffffff;
top: 0px;
}


.contact1
{
position: absolute; 
background-color:#ffffff;
top: 0px; 
left: 440px; 
width: 350px; 
height: 160px;
}

.contact2
{
position: absolute; 
background-color:#ffffff;
top: 210px; 
left: 440px; 
width: 240px; 
height: 150px;
}

.contactpic1
{
position: absolute; 
background-color:#ffffff;
top: 0px; 
left: 25px; 
width: 350px; 
height: 350px;
}

.contactpic2
{
position: absolute; 
background-color:#ffffff;
top: 230px; 
left: 700px; 
width: 70px; 
height: 50px;
}

.collectionsbody
{
position:relative;
margin:auto;
width:800px;
height:200px;
background-color:#ffffff;
top: 0px;
}

.commisionsbody
{
margin:auto;
width:800px;
height:500px;
background-color:#ffffff;
top: 0px;
}

.collectionsimage1
{
position: absolute;
left: 0px;  
width:200px;
height:200px;
background-color:#ffffff;
top: 0px;
border-style:solid;
border-color:silver;
border-width:1px;
}

.collectionsimage2
{
position: absolute;
left: 300px;  
width:200px;
height:200px;
background-color:#ffffff;
top: 0px;
border-style:solid;
border-color:silver;
border-width:1px;
}

.collectionsimage3
{
position: absolute;
left: 600px;  
width:200px;
height:200px;
background-color:#ffffff;
top: 0px;
border-style:solid;
border-color:silver;
border-width:1px;
}

.collectionsimage4
{
position: absolute;
left: 150px;  
width:200px;
height:200px;
background-color:#ffffff;
top: 0px;
border-style:solid;
border-color:silver;
border-width:1px;
}

.collectionsimage5
{
position: absolute;
left: 450px;  
width:200px;
height:200px;
background-color:#ffffff;
top: 0px;
border-style:solid;
border-color:silver;
border-width:1px;
}




.shopbody
{
margin:auto;
width:800px;
background-color:#ffffff;
top: 0px;
}

.portfoliobody
{
margin:auto;
width:800px;
background-color:#ffffff;
top: 0px;
}


.about_new1
{
position:relative;
margin:auto;
width:800px;
background-color:#000000;
top: 0px;
height: 720px;
}

.about_new2
{
position:relative;
margin:auto;
width:800px;
background-color:#121212;
top: 0px;
}

.about_new3
{
position:relative;
margin:auto;
width:800px;
background-color:#121212;
top: 0px;
height: 300px;
}

.col1
{
position: absolute;
left: 10px;  
width:380px;
background-color:#ffffff;
top: 20px;
}

.col2
{
position: absolute;
left: 410px;  
width:380px;
background-color:#ffffff;
top: 20px;
}

.about1txt1
{
position: relative;
left: 0px;  
width:380px;
background-color:#123456;
top: 0px;
}

.about1picblock1
{
position: relative;
left: 0px;  
width:380px;
background-color:#654321;
top: 0px;
height: 180px;
}

.about1picblock2
{
position: relative;
left: 0px;  
width:380px;
background-color:#654321;
top: 0px;
height: 380px;
}

.about1picblock3
{
position: absolute;
left: 10px;  
width:280px;
background-color:#123123;
top: 10px;
height: 280px;
}

.about1txtblock3
{
position: absolute;
left: 310px;  
width:480px;
background-color:#123123;
top: 10px;
height: 280px;
}

.eventbody200
{
position:relative;
margin:auto;
width:850px;
height:200px;
background-color:#ffffff;
top: 0px;
}


.eventimageleft
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 30px; 
width: 200px; 
height: 200px;
text-align:right; 
}

.eventtextright
{
position: absolute; 
background-color:#ffffff;
top:0px;
left: 300px; 
width: 450px; 
}

.eventmap
{
position: absolute; 
background-color:#ffffff;
top:70px;
left: 560px; 
width: 50px; 
}


.eventtitle
{
position: relative; 
top: 0px; 
left: 25px; 
width: 600px; 
height: 30px; 
background-color: #FFFFFF
}




a.rolloverSD {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background: url("../images/other/snowdropRO.jpg");
	}



a.rolloverSD:hover {
	background-position: -200px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
a.rolloverFMN {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background: url("../images/other/Forget-me-notsRO.jpg");
	}



a.rolloverFMN:hover {
	background-position: -200px 0;
	}


a.rolloverUR {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background: url("../images/other/urchinsRO.jpg");
	}

a.rolloverUR:hover {
	background-position: -200px 0;
	}


a.rolloverMU {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background: url("../images/other/musselRO.jpg");
	}

a.rolloverMU:hover {
	background-position: -200px 0;
	}

a.rolloverLE {
	display: block;
	width: 200px;
	height: 200px;
	text-decoration: none;
	background: url("../images/other/leafRO.jpg");
	}

a.rolloverLE:hover {
	background-position: -200px 0;
	}




.footerbody
{
position:relative;
margin:auto;
width:850px;
height:100px;
background-color:#ffffff;
top: 0px;
}

.footerlogo
{
position: relative; 
background-color:#ffffff;
top: 10px;
left: 0px; 
width: 155px;
height:0px; 
}

.footertext
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 200px; 
width: 155px;
height:20px; 
}

.footernametxt
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 400px; 
width: 155px;
height:20px; 
}

.footeremailtxt
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 400px; 
width: 155px;
height:25px; 
}

.footername
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 450px; 
width: 155px;
height:25px; 
}

.footeremail
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 400px; 
width: 155px;
height:25px; 
}

.footerbutton
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 600px; 
width: 70px;
height:50px; 
}

.footeremaillogo
{
position: relative; 
background-color:#ffffff;
top:10px;
left: 720px; 
width: 25px;
height:0px; 
}

.footerFBlogo
{
position: relative; 
background-color:#ffffff;
left: 755px;
top:10px;    
width: 25px;
height:0px; 
}

.footerTWlogo
{
position: relative; 
background-color:#ffffff;
top:10px;
left: 790px; 
width: 25px;
height:0px; 
}


.footerIGlogo
{
position: relative; 
background-color:#ffffff;
top:10px;
left: 825px; 
width: 25px;
height:25px; 
}

.footerNB
{
position: relative; 
background-color:#ffffff;
top:75px;
left: 125px; 
width: 700px;
height:25px; 
}

a.rolloverUR_RING {
	display: block;
	width: 100px;
	height: 100px;
	text-decoration: none;
	background: url("../images/urchins/small/small_ringRO.jpg");
	}



a.rolloverUR_RING:hover {
	background-position: -100px 0;
	}

a.rolloverUR_NECK {
	display: block;
	width: 100px;
	height: 100px;
	text-decoration: none;
	background: url("../images/urchins/small/small_neckRO.jpg");
	}



a.rolloverUR_NECK:hover {
	background-position: -100px 0;
	}	
	

a.rolloverUR_BRACE {
	display: block;
	width: 100px;
	height: 100px;
	text-decoration: none;
	background: url("../images/urchins/small/small_braceRO.jpg");
	}



a.rolloverUR_BRACE:hover {
	background-position: -100px 0;
	}	
	

a.rolloverUR_EAR {
	display: block;
	width: 100px;
	height: 100px;
	text-decoration: none;
	background: url("../images/urchins/small/small_earRO.jpg");
	}



a.rolloverUR_EAR:hover {
	background-position: -100px 0;
	}	
	
.backtotop
{
position: absolute; 
background-color:#ffffff;
top:175px;
left: 780px; 
width: 100px;
height:15px; 
}	

.toppointer
{
position:absolute;
background-color:#ffffff;
top: 180px; 
left: 755px; 
width: 25px; 
height: 15px;
}

.spacer_title
{
margin:auto;
width:850px;
height:30px;
background-color:#ffffff;
top: 0px;
}

.stockisttextright
{
position: absolute; 
background-color:#ffffff;
top:0px;
left: 300px; 
width: 375px; 
}

.stockistmap
{
position: absolute; 
background-color:#ffffff;
top:20px;
left: 700px; 
width: 50px; 
}

.linktextright
{
position: absolute; 
background-color:#ffffff;
top:0px;
left: 300px; 
width: 500px; 
}


.footerlinks
{
position: relative; 
background-color:#ffffff;
top:75px;
left: 750px; 
width: 150px;
height:25px; 
}


.pressimage
{
position:relative;
background-color:#ffffff;
display: block;
margin: auto;
}

.pressimage2
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 240px; 
width: 200px; 
height: 200px;
text-align:left; 
}


.pressimageleft
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 50px; 
width: 270px; 
height: 200px;
text-align:left; 
}

.pressimageright
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 430px; 
width: 200px; 
height: 200px;
text-align:left; 
}
.presstitle
{
position: relative; 
top: 0px; 
left: 0px; 
width: 800px; 
height: 40px; 
background-color: #FFFFFF;
text-align:left;     
}

.basketright
{
position:absolute;
background-color:#ffffff;
top: 0px; 
left: 440px; 
width: 50px; 
height: 50px;
}

.centerfooter {
    position: relative;
    margin: auto;
    top: 35px; 
    width: 600px;
    padding: 0px;
}

.imgcenter {
    position:relative;
    display: block;
    margin: 0 auto;

}

.ep1 {
    text-align: center;
}


/* Portfolio responsive gallery */

.portfolio-grid ul {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    padding: 0;
    margin: 20px auto;
    list-style: none;
}

.portfolio-grid li {
    position: static !important;
    float: none !important;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.portfolio-grid img {
    display: block;
    width: 100%;
    max-width: 200px;
    height: auto;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .portfolio-grid ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .portfolio-grid ul {
        grid-template-columns: 1fr;
        max-width: 320px;
    }
}