/* CSS Document */

body
{
  background-color: #B0B0B0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #333;
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.wrapper 
{
  position: relative; 
  width: 990px;
  margin: 15px auto 0 auto;
  background-color: #FFF;
  text-align: left;
  padding: 8px 0 22px 0;
}

.container
{
 width: 944px;
 position: relative;
 border: 1px solid #000;
 margin: 0 20px 0 20px;
 background-image: url(../assets/gifs/wrapperbg.gif);
 background-repeat: repeat-y;
}


/* main content styles */

.mainContent
{
 width: 735px;
 float: right;
 margin: 8px 0 0 0;
}


.mainContent h1.index
{
 margin:  0 0 0 44px;
 padding: 80px 0 10px 0;
}


.mainContent h1.innerHead
{
 margin: 50px 0 0 32px;
 padding: 80px 0 10px 0;
}


.mainContent h2.innerHead
{
 margin: 0 0 0 32px;
 padding: 5px 0 5px 0;
}


.mainContent p.index 
{
 line-height: 174%;
 margin: 0 0 0 44px;
 padding: 0 10px 0 0;
}


.mainContent p.innerParagraph
{
 line-height: 174%;
 margin: 0 0 20px 32px;
}


.images /* div that contains images on index page*/
{
 width: 734px;
 height: 260px;
 margin: -5px 0 0 0;
 padding: 0;
 border-bottom: 1px solid black;
}


.imagesInner /* div that contains images on internal pages*/
{
 width: 180px;
 padding: 5px 0 0 0;
 margin: 130px 0 0 10px;
 float: right;
}


.shopFront
{
 float: left;
}


.jewellery
{
 float: right;
 margin: 0 2px 0 0;
}


.giftBox
{
 float: right;
 margin: 0 132px 0 10px;
}

.mainContent a:link
{
 color: #333;
 text-decoration: underline;
}


.mainContent a:visited
{
 color: #9E5534;
 text-decoration: underline;
}


.mainContent a:hover
{
 color: #9E5534;
 text-decoration: underline;
}


.mainContent a:active
{
 color: #CC0033;
 text-decoration: underline;
}


/* sidebar styles */

.subContent
{
 width: 207px;
 background-color: #000;
 color: #999;
 float: left;
 padding: 25px 0 0 0;
}


.subContent p
{
 line-height: 164%;
 font-size: 0.9em;
 color: #CCC;
 padding: 0 0 0 12px;
}


p.address
{
 position: absolute;
 bottom: 10px;
 left: 0px;
 font-size: 11px;
 line-height: 164%;
 color: #CCC;
 padding: 0 0 0 12px;
}


p.address a:link
{
text-decoration: underline;
color: #999;
}


p.address a:visited
{
 color: #756949;
 text-decoration: underline;
}


p.address a:hover
{
 color: #756949;
 text-decoration: underline;
}


p.address a:active
{
 color: #FFF;
 text-decoration: underline;
}


.subContent ul
{
 list-style: none;
 margin: 0;
 padding: 0; 
}


.subContent li.firstLi
{
 border-top: 1px solid #999;
 margin: 39px 0 0 0;
}


.subContent li
{
 border-bottom: 1px solid #999;
 padding: 9px 0 6px 13px;
}


.nav li a:link
{
 color:  #999;
 text-decoration: none;
}


.nav li a:visited
{
 color: #756949;
 text-decoration: underline;
}


.nav li a:hover
{
 color: #756949;
 text-decoration: none;
 /*
 background-image: url(../assets/gifs/listMarker.gif);
 background-repeat: no-repeat;
 background-position: 165px -26px; */  /*Style to include rollover 'ostritch' in nav menu but doesn't render correctly - only Safari partially displays it*/
} 


.nav li a:active
{
 color: #FFF;
}




/* Miscellaneous styles */

.clear
{
 clear: both;
}


h1
{
 font-size: 2.5em;
 font-weight: normal;
 color: #9E5534;
}


h2
{
 font-size: 1.3em;
 font-weight: normal;
 color: #333;
}


h3
{
 font-size: 1.2em;
 font-weight: normal;
 color: #555;
}

/* Legal 'footer list styles' */

ul.legalIndex, ul.legalInner
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 color: #999;
 list-style: none; 
 padding: 0;
 bottom: 10px;
}


ul.legalIndex
{
 margin: 70px 0 25px 44px;
}


ul.legalInner
{
 position: absolute;
 left: 240px;
 bottom: 15px;
}


ul.legalIndex li, ul.legalInner li
{
 display: inline;
}


ul li.denisonIndex
{
 margin: 0 260px 0 0;
}


ul li.denisonInner
{
 margin: 0 110px 0 0;
}


ul.legalIndex a:link, ul.legalInner a:link
{
 color: #999;
 text-decoration: underline;
}


ul.legalIndex a:visited, ul.legalInner a:visited
{
 color: #666;
}


ul.legalIndex a:hover, ul.legalInner a:hover
{
 color: #333;
}


ul.legalIndex a:active, ul.legalInner a:active
{
 color: #000;
}
