/* 
	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: 25px; 
width: 300px; 
height: 30px; 
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;
}

.mainbodytext200mh
{
margin:auto;
width:800px;
min-height:200px;     
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:370px;
background-color:#ffffff;
top: 0px;
}

.abouttext1
{
position: absolute; 
background-color:#ffffff;
top: 0px; 
left: 330px; 
width: 400px; 
height: 300px;
}
.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;
}


.eventbody200mh
{
position:relative;
margin:auto;
width:850px;
min-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;
}

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

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

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

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

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

.footeremail
{
position: absolute; 
background-color:#ffffff;
top:25px;
left: 450px; 
width: 155px;
height:25px; 
}

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

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

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

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


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

.footerNB
{
position: absolute; 
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: absolute; 
background-color:#ffffff;
top:75px;
left: 750px; 
width: 150px;
height:25px; 
}


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

.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: 240px; 
width: 400px; 
height: 30px; 
background-color: #FFFFFF
}

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

.linkmainbodytext
{
position:relative;
margin:auto;
width:800px;
min-height:160px;     
top: 0px; 
}
#linkimage
{
position: absolute; 
background-color:#ffffff;
top:0px;
left: 30px; 
width: 200px;
height: 200px;
text-align:right;     
}
#linkeventtextright
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 300px; 
width: 450px;
}

.stockmainbodytextmh
{
position:relative;
margin:auto;
width:800px;
min-height:200px;     
background-color:#ffffff;
top: 0px; 
}
#stockimagemh
{
position: absolute; 
background-color:#ffffff;
top:0px;
left: 30px; 
width: 200px;
height: 100px; 
text-align:right;     
}
#stockeventtextrightmh
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 300px; 
width: 360px;
min-height:180px;      
}
.stockmap
{
position: absolute; 
background-color:#ffffff;
top:30px;
left: 720px; 
width: 20px;
height: 20px; 
text-align:right;     
}

.pressmainbodytextmh
{
position:relative;
margin:auto;
width:800px;
min-height:160px;     
top: 0px; 
}
#pressimagemh
{
position: absolute; 
background-color:#ffffff;
top:0px;
left: 30px; 
width: 200px;
height: 200px;
text-align:right;     
}
#presseventtextrightmh
{
position: relative; 
background-color:#ffffff;
top:0px;
left: 300px; 
width: 450px;
}

nav {    
    display: block;
    text-align: center;
  }
  nav ul {
    margin: 0;
    padding:0;
    list-style: none;
  }
  .nav a {
    display:block; 
    background: white; 
    color: rgb(152, 186, 210); 
    text-decoration: none;
    padding: .45em 1.9em;
    font-size: 100%;letter-spacing: 2px;
    text-shadow: 0 0px 0 rgb(152, 186, 210);
    position: relative;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  }
  .nav{  
    vertical-align: top; 
    display: inline-block;
    box-shadow: 1px -1px -1px 1px grey, -1px 1px -1px 1px #fff, 0 0 2px 3px grey;
    border-radius:0px;
    width: 800px;  
  }
  .nav li{position: relative;}
  .nav > li { 
    float:left; 
    border-bottom: 2px rgb(180, 180, 180) solid; 
    margin-right: 2px; 
  } 
  .nav > li > a { 
    margin-bottom:1px;
    box-shadow:inset 0 2em .33em -.5em white; 
  }
  .nav > li:hover , .nav > li:hover >a{  border-bottom-color:grey;}
  .nav li:hover > a { color:grey; }
  .nav > li:first-child  { border-radius: 0px 0 0 0px;} 
  .nav > li:first-child>a{border-radius: 0px 0 0 0;}
  .nav > li:last-child  { 
  	border-radius: 0 0 0px 0; 
  	margin-right: 0;
  } 
  .nav > li:last-child >a{border-radius: 0 0px 0 0; }
  .nav li li a { margin-top:0px}
  
  
  
    .nav li a:first-child:nth-last-child(2):before { 
     content:""; 
     position: absolute; 
     height:0; 
     width: 0; 
     border: 4px solid transparent; 
     top: 50% ;
     right:5px;  
   }
   
   
   
   
   
   /* submenu positioning*/
.nav ul {
  position: absolute;
  white-space: nowrap;
  border-bottom: 2px solid  grey;
  z-index: 1;
  left: -99999em;
}
.nav > li:hover > ul {
  left: auto;
  padding-top: 5px  ;
  min-width: 100%;
}
.nav > li li ul {  border-left:1px solid #fff;}


.nav > li li:hover > ul { 
 /* margin-left: 1px */
  left: 100%;
  top: -1px;
}
/* arrow hover styling */
.nav > li > a:first-child:nth-last-child(2):before { 
  border-top-color: rgb(152, 186, 210); 
}
.nav > li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-bottom-color: grey; 
  margin-top:-5px
}
.nav li li > a:first-child:nth-last-child(2):before {  
  border-left-color: rgb(152, 186, 210); 
  margin-top: -5px
}
.nav li li:hover > a:first-child:nth-last-child(2):before {
  border: 5px solid transparent; 
  border-right-color: rgb(75, 150, 225);
  right: 10px; 
}

.ep1 {
    text-align: center;
}