/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* 
=Basics
 --------------------------------------------------------*/
html {
    background: url(../images/bg.gif);
}
body {
    background: url(../images/logo-bg.png) no-repeat bottom right;
    font-family:Georgia, Arial, Helvetica, Sans-Serif;
    line-height:16px;
    color: #52350d;
    height: 100%
}
.wrapper        {width: 1003px; font-size: 13px; display: block; position: relative; margin: 0 auto}
.wrapper        {display:block}
* html .wrapper {height:1%}
.wrapper:after  {clear:both; content:"."; display:block; height:0; visibility:hidden}

html, body, #wrap {height: 100%}
body > #wrap {height: auto; min-height: 100%}
#main {padding-bottom: 173px}

h1,h2,h3,h4,h5,h6 {font-weight:700; line-height:12px;}
h1                {font-size:28px; margin-bottom:35px; font-weight:normal; line-height: 24px; text-transform: uppercase}
h2                {font-size:21px; margin-bottom:20px; font-weight:400; color: #000; line-height: 20px}
.home h2          {font-size:24px; margin-bottom:35px; }
.home #latest-news h2, .home #testimonials h2 {font-size:21px; margin-bottom:20px}
h3                {font-size:20px; margin-bottom:6px; font-weight: 400}
h3 a              {color: #000}
.home #latest-news h3, .home #testimonials h3 {font-size:16px; margin-bottom:16px}
h4                {font-size:16px; margin-bottom:8px; font-weight: 400}
h5                {font-size:13px; margin-bottom:9px; font-weight: 400}
h6                {font-size:12px; margin-bottom:8px; font-weight: 400}

a               {color: #52350d; text-decoration:underline}
a:hover         {color: #52350d; text-decoration:none}
a:active        {color:red}
a:focus        {border: none}
a.current:hover {text-decoration:none}

p      {line-height:25px; font-size:13px; margin:0 0 18px}
em     {font-style: italic}
small  {font-size: 8px}
strong {font-weight: bold}

ul {padding-left: 16px; list-style-position:outside; list-style-type:circle; margin:0 0 18px}
li {line-height: 25px; margin: 0 0 8px}
ol {padding-left: 16px; list-style-type:decimal; margin:0 0 18px}
li {line-height: 18px}
dl {margin: 18px 0}

acronym:hover {cursor:help}

img {border:none}

fieldset {border:none;margin:0 0 20px}
select   {border:1px solid #979797;color:gray}

th {text-align:center}

/*
 =Utilities
 --------------------------------------------------------*/
.left   {float:left; margin:0 10px 10px 0}
.right  {float:right; margin:0 0 10px 10px}
.center {text-align:center; margin:0 auto}

.img-replace {text-indent:-9999px; line-height:0; font-size:0; display:block}

/*clearfix*/
.clearfix        {display:block}
* html .clearfix {height:1%}
.clearfix:after  {clear:both; content:"."; display:block; height:0; visibility:hidden}

/*
 =Wordpress specific
 --------------------------------------------------------*/
.alignleft {float:left; margin: 10px 20px 20px 0}
.alignright {float: right; margin: 0 0 10px 20px!important}

/*
 =Header
 --------------------------------------------------------*/
.header {background: url(../images/header-bg.gif) repeat-x}
#logo {background: url(../images/logo.jpg) no-repeat; width: 828px; height: 173px}
#logo a {display: block; width: 307px; height: 158px}
#nav {margin: 0; padding: 0; z-index: 0}
#nav li {
    float: left;
    margin: 10px 25px 0;
}
#nav a {
    text-transform: uppercase;
    position: relative;
    color: #52350d;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 12px 10px;
    display: block;
}

#nav .current_page_item a:hover {cursor:default; text-decoration: none}
#nav .current_page_item li a:hover {cursor:pointer; text-decoration: underline}
#nav a:hover {text-decoration: underline}

#nav li ul {
    position: absolute;
    left: -9999px;
    z-index: 100;
    padding: 0;
    background: #fff;
    border: 1px solid #ccc
}

#nav li li {
    margin: 0;
    float: none
}

#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}

.has_js #nav li ul {
    display: none;
    left: auto;
}

/*
 =Common elements
 --------------------------------------------------------*/
#article {
    border: 5px solid #f3e5cc;
    background: #fff;
    -moz-box-shadow: 0 3px 7px #9c8d7a;
    -webkit-box-shadow: 0 3px 7px #9c8d7a;
    box-shadow: 0 3px 7px #9c8d7a;
    margin-top: 9px;
    margin-bottom: 30px;
    min-height: 343px;
}

#content {
    width: 469px;
    float: left;
    padding: 20px
}

/*
 =Slideshow
 --------------------------------------------------------*/
#slideshow {height: 324px; width: 482px; float: left; position: relative; padding: 0; margin: 0}
#slideshow #photo-frame {background: url(../images/photo-holder.png) no-repeat; width: 450px; height: 329px; position: absolute; z-index: 999}
#slideshow img {border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; border-left: 1px solid #aaa}
#slideshow li {list-style: none!important; position: absolute}

/*
 =Home Page
 --------------------------------------------------------*/

/*
 =Content page
 --------------------------------------------------------*/
#page-content {float:left; clear:both; background: #e1ceb7; width: 957px; margin: 0 0 20px -20px; padding: 20px}
#article li {list-style:circle}
#article #entry-points.small {font-size: 20px}
#article #entry-points.small ul {padding: 0; margin: 0 0 20px}
#article #entry-points.small li a {
    display: block;
    color: #fff;
    background: url(../images/entry-blue.gif) no-repeat;
    width: 314px;
    height: 116px;
    margin: 0 12px 0 0;
    padding: 35px 0 0;
    text-align:center
}
#article #entry-points.small li a:hover {text-decoration: underline}
#article #entry-points.small li.second a {background: url(../images/entry-green.gif) no-repeat}
#article #entry-points.small li.third a {background: url(../images/entry-pink.gif) no-repeat; margin: 0}

/*
 =Contact
 --------------------------------------------------------*/
#contact-form {float:left; width: 279px; margin-right: 20px; }
#map {
    float:left;
    border: 5px solid #f3e5cc;
    background: #fff;
    margin: 20px 0
}
body #map small {
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    padding: 5px;
}
body #map small a {
    color: #52350d!important
}
#default input, #default textarea, #default select {float:left; clear:both; width: 275px; border:1px solid #986c2e}
#default input.submit {width: auto}
#default label {float:left; clear:both}
#directions {clear:both; float:left}
.page-id-19 #content {width: 293px}
.error {color: #980000}
.error-field {border: 1px solid #980000}

/*
 =Entry points
 --------------------------------------------------------*/
#entry-points {padding: 0}
#entry-points li {float: left}
#entry-points a {display: block; text-indent: -9999px; margin-right: 95px}
#victorinox a {background: url(../images/victorinox.png) no-repeat; width: 86px; height: 128px;}
#seiko a {background: url(../images/seiko.png) no-repeat; width: 63px; height: 128px;}
#dower-and-hall a {background: url(../images/dower-and-hall.png) no-repeat; width: 104px; height: 128px;}
#kit-heath a {background: url(../images/kit-heath.png) no-repeat; width: 88px; height: 128px;}
#rings a {background: url(../images/rings.png) no-repeat; width: 92px; height: 128px;}
#earrings a {background: url(../images/earrings.png) no-repeat; width: 92px; height: 128px; margin-right: 0!important}

/*
 =Footer
 --------------------------------------------------------*/
#footer {
    background: url(../images/footer.gif) repeat-x;
    height: 173px;
    margin-top: -153px;
    font-family: Arial, Helvetica, sans-serif;
    position: relative;
    clear:both;
}
#footer p {margin: 20px 0 0; line-height: 13px}



/*
 =Banner
 --------------------------------------------------------*/
#banner {
    display: block;
    position:absolute;
    top: 0;
    right:0;
    background: url(../images/banner.png) no-repeat;
    text-indent: -9999px;
    width: 228px;
    height: 231px;
}