/* =HTML tags
----------------------------------------------------------------- */

a,
body,
div,
dl,
form,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
span,
table,
td,
th,
tr,
ul {
    border: 0;
    margin: 0;
    padding: 0;
    }
    
html {
    background: #fff;
    }

body {
	background: url(../images/bg-body.jpg) repeat top left;
	border: 20px solid #fff;
	color: #5a5b50;
    font-family: 'Lucida Grande', Tahoma, Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 20px;
	}

a {
    color: #4087a7;
    text-decoration: underline;
    }

    a:hover {
        color: #4c4d4f;
        }
                        
dl {
  	display: inline;/* fixes IE/Win double margin bug */
  	float: left;
  	margin: 0 40px 0 0;
  	}

    dl dt {
        clear: both;
        color: #4c4d4f;
        float: left;
        font-size: 9px;
        text-transform: uppercase;
      	}
                
    dl dd {
        clear: both;
        float: left;
        height: 1%;
        margin: 0;
        padding: 5px 0 10px;
        }
        
        dl dd span {
            padding: 2px 0 0 5px;
            }
            
form {
    clear: both;
    }
    
h1 {
    color: #4c4d4f;
    font-family: 'Georgia', sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 1px;
    padding: 0 0 10px;
    }
    
    h1 a {
        text-decoration: none;
        }
        
        h1 a:hover {
            color: #4087a7;
            text-decoration: underline;
            }
            
h2 {
    color: #4c4d4f;
    font-family: 'Georgia', sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    padding: 25px 0 0;
    }
    
    h2 em {
        color: #839b81;
        display: block;
        font-size: 10px;
        padding: 3px 0 0;
        }
    
img {
    border: none;
    display: block;
    text-decoration: none;
    }
    
    img.inline {
        display: inline;
        margin: 0 5px 0 0;
        vertical-align: text-bottom;
        }
        
        a img.inline {
            margin: 0 3px 0 0;
            }
            
            a:hover img.inline {
                border: none;
                }
                
    img.left {
        float: left;
        padding: 10px 10px 10px 0;
        }
            
input,
textarea {
    color: #4c4d4f;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    }
            
    input {
        padding: 2px 5px;
        }
        
        input[type="checkbox"] {
            float: left;
            margin: 0 5px 0 0;
            padding: 0;
            }
        
        input[type="submit"] {
            margin: 0 10px 0 0;
            }
            
    select {
        font-size: 11px;
        }
        
    textarea {
        padding: 2px 5px;
        }
    
p {
    line-height: 15px;
    margin: 0;
    padding: 10px 0 0;
    }
    
    p img {
        border: 1px solid #bfd4cd;
        display: inline;
        margin: 10px 20px 10px 0;
        }
            
span {
    color: #839b81;
    display: inline;
    font-size: 9px;
    font-weight: normal;
    }
                
ul li {
    list-style: none inside;
    }


/* =divs
----------------------------------------------------------------- */
    
#header {
    clear: both;
    float: left;
    font-size: 10px;
    height: 100px;
    padding: 0 0 20px;
    width: 100%;
    }
    
    * html #header {
        height: 120px;
        }
    
    #header a img {
        display: block;
        float: left;
        }
    
    #header ul {
        float: left;
        margin: 40px 0 40px 20px;
        }
        
        #header ul li {
            float: left;
            list-style: none inside;
            }
            
            #header ul li a {
                display: block;
                letter-spacing: 1px;
                margin: 0 20px 0 0;
                padding: 5px 0;
                text-decoration: none;
                text-transform: uppercase;
                }
                
                #header ul li a:hover {
                    border-top: 1px solid #ff897b;
                    padding: 4px 0 5px;
                    }
        
                body.home #header ul li#home a,
                body.collection #header ul li#collection a,
				body.shop #header ul li#shop a,
                body.press #header ul li#press a,
                body.photography #header ul li#photography a,
                body.about #header ul li#about a,
                body.contact #header ul li#contact a, /* repeat for :hover */
                body.home #header ul li#home a:hover,
                body.collection #header ul li#collection a:hover,
				body.shop #header ul li#shop a:hover,
                body.press #header ul li#press a:hover,
                body.photography #header ul li#photography a:hover,
                body.about #header ul li#about a:hover,
                body.contact #header ul li#contact a:hover {
                    border-top: 2px solid #ff897b;
                    color: #4c4d4f;
                    font-weight: bold;
                    padding: 3px 0 5px;
                    text-decoration: none;
                    }
    
    #header p {
        background: url(../images/bg-previous.gif) no-repeat top right;
        float: right;
        margin: 35px 0 10px 20px;
        }
        
        #header p a {
            padding: 5px 0;
            text-decoration: none;
            text-transform: uppercase;
            }
            
            #header p a:hover {
                border-top: 1px solid #ff897b;
                padding: 4px 0 5px;
                }
                
        #header p em {
            clear: both;
            color: #96bdcf;
            display: inline;
            float: left;
            font-family: Georgia, 'Times New Roman', Times, sans-serif;
            font-size: 8px;
            padding: 10px 0 0;
            text-align: right;
            }
       
#content {
    clear: both;
    padding: 0 0 60px;
    width: 100%;
    }
    
    #main {
        padding: 0 120px;
        }
        
        body.home #main,
        body.contact #main,
        body.photography #main {
            padding: 0 0 0 120px;
            }
        
        .image-left {
            float: left;
            font-family: Georgia, 'Times New Roman', Times, sans-serif;
            font-size: 8px;
            line-height: 10px;
            margin: 0;
            }
            
            .image-left span {
                padding: 0 10px 0 0;
                }
        
        .image-right {
            float: right;
            font-family: Georgia, 'Times New Roman', Times, sans-serif;
            font-size: 8px;
            line-height: 10px;
            margin: 0 0 0 10px;
            }
            
            .image-right span {
                display: block;
                padding: 0 10px 0 0;
                text-align: center;
                }
            
        #gallery {
            height: 340px;
            width: 580px;
            }
            
        #subnav {
            clear: both;
            float: left;
            margin: 10px 0 20px;
            }
            
            #subnav ul {
                float: left;
                }
        
                #subnav ul li {
                    float: left;
                    list-style: none inside;
                    }
            
                    #subnav ul li a {
                        display: block;
                        margin: 0 20px 0 0;
                        padding: 5px 0;
                        text-decoration: none;
                        }
                        
                        #subnav ul li a span {
                            display: inline;
                            font-size: 8px;
                            }
                
                        #subnav ul li a:hover {
                            border-top: 1px solid #ff897b;
                            padding: 4px 0 5px;
                            }
        
                        body.all #subnav ul li#all a,
                        body.necklaces #subnav ul li#necklaces a,
                        body.rings #subnav ul li#rings a,
                        body.bracelets #subnav ul li#bracelets a,
                        body.earrings #subnav ul li#earrings a,
                        body.accessories #subnav ul li#accessories a, /* repeat for :hover */
                        body.all #subnav ul li#all a:hover,
                        body.necklaces #subnav ul li#necklaces a:hover,
                        body.rings #subnav ul li#rings a:hover,
                        body.bracelets #subnav ul li#bracelets a:hover,
                        body.earrings #subnav ul li#earrings a:hover,
                        body.accessories #subnav ul li#accessories a:hover {
                            border-top: 2px solid #ff897b;
                            color: #4c4d4f;
                            font-weight: bold;
                            padding: 3px 0 5px;
                            text-decoration: none;
                            }
    
#footer {
    clear: both;
    padding: 20px 0 0;
    width: 100%;
    }
    
    #footer p {
        font-size: 9px;
        line-height: 9px;
        padding: 0;
        text-align: right;
        }


/* =misc
----------------------------------------------------------------- */

.clear {
    clear: both;
    }
    
.float-left {
    float: left;
    }
    
    img.float-left {
        border: 10px solid #fff;
        }
    
.float-right {
    float: right;
    }
    
    img.float-right {
        border: 10px solid #fff;
        margin: 0 0 10px 10px;
        }

.red {
    color: #ca0c1a;
    }