/*

		Style Sheet
		Site by TripleZero
		www.triplezero.com.au
		
*/

/* layout
----------------------------------------------- */

body {font:12px/1 'Lato', Arial, Verdana, Helvetica, sans-serif; background:#fff; text-align:center; padding:0; margin:0;}
#container {margin:0 auto; width:1125px; max-width:1125px; text-align:left; background:#fff; padding:0 20px;}

p, table, li, blockquote {font:14px/1.3 'Lato', Arial, Verdana, Helvetica, sans-serif;}
table tr td {vertical-align:top;}

.inner {margin:0;}

.fixer {clear:both; font-size: .1em; line-height: .01em; color:#fff;}

hr {margin:0; padding:0; height:1px; background:#fff; color:#fff; border:0; border-bottom:1px solid #e1e1e1;}

img {outline:0; border:0;}

* html ul li a {height:1em;}
ul {margin:0 0 0 5px; padding:0; list-style: none;}
li {margin:0; padding:0 0 5px 14px; background: url("/images/bullet.jpg") 0 7px no-repeat;}
ol {margin:0 0 0 5px;}
ol li {margin:0; padding:0 0 5px 5px;}

a:link, a:active, a:visited {color:#003763; text-decoration:underline;}
a:hover {color:#333; text-decoration:underline;}

.photo {border:1px solid #ccc; padding:8px;}
.fr {clear:right; float:right; margin:0 0 20px 20px;}
.fl {clear:left; float:left; margin:0 20px 0 20px;}

h1 {font-size:35px; text-transform:uppercase; margin-top:0; color:#666; font-weight:300;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px; text-transform:uppercase; color:#666; font-weight:300;}
h5 {font-size:14px;}
h6 {font-size:12px;}

header {border-bottom:1px solid #ebebeb; overflow:hidden; width:99.56%; padding:40px 0 30px;}
header hgroup {float:left; width:17.86%; min-width:160px;}
header hgroup img {max-width:100%;}
header hgroup h1 {display:none;}

nav.jw {overflow:hidden; float:right; width:auto;}
nav.jw ul {margin:5px 0 0 0; padding:0; overflow:hidden; float:right;}
nav.jw li {float:left; font-size:12px; font-weight:300; list-style:none; margin:0; padding:0; background:none;}
nav.jw li a:link, nav.jw li a:active, nav.jw li a:visited, nav.jw li a:hover {float:left; color:#6b6b6b; display:block; padding:5px 8px 5px 8px; margin:0 0 0 10px; position:relative; text-decoration:none; text-transform:uppercase; border-radius:3px;}
nav.jw li a:hover {background:#f1f1f1;}
nav.jw li.on a:link, nav.jw li.on a:visited, nav.jw li.on a:active, nav.jw li.on a:hover {background:#7f7f7f; color:#fff;}

div.menu {display:none;}
div.menu a:link, div.menu a:active, div.menu a:visited, div.menu a:hover {float:right; color:#6b6b6b; display:block; padding:5px 8px 5px 8px; margin:4px 0 0 10px; position:relative; text-decoration:none; text-transform:uppercase; border-radius:3px; background:#e1e1e1;}

nav.pg {margin:0;}
nav.pg ul {margin:0; padding:0;}
nav.pg li {font-size:13px; font-weight:300; list-style:none; margin:0; padding:0; background:none;}
nav.pg li a:link, nav.pg li a:active, nav.pg li a:visited, nav.pg li a:hover {color:#8a8a8a; display:block; padding:5px 0; margin:0; position:relative; text-decoration:none; text-transform:uppercase;}
nav.pg li.on a:link, nav.pg li.on a:visited, nav.pg li.on a:active, nav.pg li.on a:hover, nav.pg li a:hover {color:#333;}

footer {width:99.56%; padding:15px 0; margin:0 0 30px; border-top:1px solid #ebebeb; font-size:11px; color:#8a8a8a; text-transform:uppercase; font-weight:300;}
footer span {color:#cacaca; margin:0 12px;}
footer a:link, footer a:active, footer a:visited, footer a:hover {color:#8a8a8a; text-decoration:underline;}
footer p {font-size:11px; float:left; margin:0;}
footer p b {color:#8a8a8a;}
footer p.credit {font-size:9px; color:#a8a8a8; float:right; font-weight:normal;}
footer p.credit a:link, footer p.credit a:active, footer p.credit a:visited, footer p.credit a:hover {color:#a8a8a8;}

.main {overflow:hidden; margin:30px 0; min-height:500px;}

.side {width:19%; float:left; margin:0 1% 0 0;}

.content {width:80%; float:left;}

.full-width {width:100%;}

.impcont {float:left; width:67%;}
.impcont.half-width {width:50%;}
.impcont p:first-child {margin-top:0;}
.subcont {float:left; width:27%; margin-left:6%;}
.subcont.half-width {width:44%;}
.subcont p, .subcont li {font-size:11px;}
.subcont h5 {font-size:13px;}

.jewellery {overflow:hidden; width:100%; height:480px;}

.item {margin:0 5px 5px 0;}
.item, .item .overlay, .item .hover {width:220px; height:150px;}
.ab, .ab .overlay, .ab .hover {width:220px; height:305px;}
.ba, .ba .overlay, .ba .hover {width:445px; height:150px;}
.bb, .bb .overlay, .bb .hover {width:445px; height:305px;}
.bc, .bc .overlay, .bc .hover {width:445px; height:455px;}
.cb, .cb .overlay, .cb .hover {width:670px; height:305px;}
.cc, .cc .overlay, .cc .hover {width:670px; height:455px;}

.item .overlay {position:absolute; background:url('images/jewellery/overlay-1x1.png') top left no-repeat;}
.ab .overlay {background:url('images/jewellery/overlay-1x2.png') top left no-repeat;}
.ba .overlay {background:url('images/jewellery/overlay-2x1.png') top left no-repeat;}
.bb .overlay {background:url('images/jewellery/overlay-2x2.png') top left no-repeat;}
.bc .overlay {background:url('images/jewellery/overlay-2x3.png') top left no-repeat;}
.cb .overlay {background:url('images/jewellery/overlay-3x2.png') top left no-repeat;}
.cc .overlay {background:url('images/jewellery/overlay-3x3.png') top left no-repeat;}

.item:hover {cursor:pointer;}
.item:hover .hover {display:block;}
.item .hover {background:rgba(0,0,0,0.2); position:absolute; display:none;}
.item .hover h4 {text-transform:uppercase; color:#fff; font-size:20px; font-weight:300; margin:10px;}
.item .hover h4 cite {font-size:12px; display:block; padding-top:3px; font-style:normal;}
.item .hover p {font-size:12px; color:#fff; margin:20px 10px 10px 10px; font-weight:300; bottom:0; position:absolute;}
.item .hover p b {font-weight:400px;}

.lightbox {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); text-align:center; z-index:1001; display:none;}
.lightbox img {position:relative; margin:8% auto 0px auto; z-index:1002; max-width:90%;}

.stockists h4 {clear:both;}
.stockist {width:180px; float:left; margin:0 20px 20px 0; line-height:1.3; min-height:90px;}


/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}