/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }



/* Page */

strong { font-weight: bold; }
em { font-style: italic;  }


body {
  background: white;
  text-align: center;
}


#layout {
  margin: 0 auto;
  width: 960px;
}

.header {
  position: relative;
  height: 194px;
  border-bottom: 2px solid black;
}

#logo {
  position: relative;
  top: 63px;
}

.page-container {
  position: relative;
  height: 531px;
  border-bottom: 2px solid black;
  margin-bottom: 8px;
  font: 11px/15px verdana, sans-serif;
}

.page-container .h1 {
  margin: 0 0 15px 0;
}

.page-container .h1 h1 {
  display: none;
}

.page-container p {
  margin: 15px 0;
}

.page-container address {
  margin: 15px 0 -15px 0;
}

.left-column {
  position: absolute;
  left: 0;
  top: 6px;
  /*height: 362px;*/
  height: 484px;
  /*width: 205px;*/
  width: 284px;
  padding: 35px 20px 0 20px;
  border-right: 1px solid black;
}

.no-border {
  border-color: transparent;
}

.page-container a {
  color: black;
  text-decoration: underline;
}

#sceen {
  position: absolute;
  top: 6px;
  left: 0;
}

#sceen img {
  position: absolute;
}



#ui-slides {
  position: absolute;
  bottom: 30px;
  /*width: 205px;*/
  width: 312px;  
  padding: 0 2px;
  left: 15px;
}

#ui-slides a {
  text-decoration: none;
  padding: 2px;
  margin: 0 1px;  
}

#ui-slides a.active, #ui-slides a:hover  {
  color: #78496a;
}

.slide {
  position: absolute;
  top: 6px;
  right: 0;
}

.slide img:hover {
  cursor: pointer;
}


.right-column {
  position: absolute;
  top: 6px;
  right: 0;
  width: 624px;  
  height: 508px;
}

.right-column td {
  border-right: 1px solid black;
  width: 207px;
  text-align: center;
  vertical-align: top;
  padding: 0;
}

.right-column td div {
  width: 200px;
  height: 257px;
  position: relative;  
  top: 0;
  margin: 0 auto;
}


.right-column td div.line {
  border-bottom: 1px solid black;
}

.right-column td div p {
  position: absolute;
  font-size: 10px;
  line-height: 14px;
  position: absolute;
  bottom: 10px;
  left: 0;
  margin: 0 10px;
  width: 180px;
}

.right-column a {
  text-decoration: none;
}

  

/* Menu */

ul.menu {
  position: absolute;
  top: 171px;
  left: 132px;
}

ul.menu li a:focus { outline: 0; }

ul.menu li {
  display: inline;
}

ul.menu li a {
  float: left; 
  height: 0; 
  padding-top: 13px; 
  overflow: hidden;
  background-image: url(../images/bg_menu.gif);
  background-repeat: no-repeat;
}


#home {
  width: 69px;
  background-position: 0 0;
}

#home:hover, li.selected #home  {
  background-position: 0 -13px;
}

ul.menu li {

}

#bespoke_jewellery {
  width: 168px;
  background-position: -68px 0;
}
#bespoke_jewellery:hover, li.selected #bespoke_jewellery  {
  background-position: -68px -13px;
}

#silhouettes_collection {
  width: 214px;
  background-position: -237px 0;
}
#silhouettes_collection:hover, li.selected #silhouettes_collection  {
  background-position: -237px -13px;
}

#about {
  width: 77px;
  background-position: -451px 0;
}
#about:hover, li.selected #about  {
  background-position: -451px -13px;
}

#contact {
  width: 94px;
  background-position: -528px 0;
}
#contact:hover, li.selected #contact  {
  background-position: -528px -13px;
}

#press {
  width: 74px;
  background-position: -622px 0;
}
#press:hover, li.selected #press  {
  background-position: -622px -13px;
}



a.facebook {
  position: absolute;
  bottom: 30px;
  left: 155px;
  background: transparent url(../images/icon-facebook.png) no-repeat left -16px scroll;
  width: 14px;
  height: 0;
  padding-top: 14px;
  overflow: hidden;
}

a.facebook:hover {
  background-position: left top;
}