body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
img { border: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ol, ul { list-style: none; }


body { align: center; text-align: center; background-color: #faeee4; }


#title { width: 100%; margin: 10px 0px 0px 0px; padding: 20px 0px 20px 0px; }


#nav-main { width: 100%; margin: 10px 0px 20px 0px; padding: 10px 0px 10px 0px; border-top: 1px solid #777;  border-bottom: 1px solid #777; }
#nav-main a { padding: 0 5px; }

#nav-sub { width: 100%; margin: 0px 0px 0px 0px; }
#nav-sub a { padding: 0 5px; }

#nav-page { width: 100%; clear: both; margin: 0px 0px 0px 0px; }
#nav-page a { padding: 0 10px; }


#page { width: 940px; margin: 0 auto; position: relative; }

#page.home { width: 780px; margin: 0 auto; position: relative; }
#page.lighting { width: 780px; margin: 0 auto; position: relative; }
#page.jewellery { width: 1026px; margin: 0 auto; position: relative; }

#page.about { width: 620px; margin: 0 auto; position: relative; }

#page.orders { width: 780px; margin: 0 auto; position: relative; }

#page.contact { width: 620px; margin: 0 auto; position: relative; }

#flash { width: 100%; }


#content.col-1-layout { margin: 0px 0px 0px 0px; }

#content.col-1-layout.home { margin: 20px 0px 0px 0px; }
#content.col-1-layout.lighting { margin: 20px 0px 20px 0px; }

#content.col-1-layout img { margin: 0px 0px 0px 0px; }

#content.col-2-layout { margin: 20px 0px 0px 0px; }
#content.col-2-layout.lighting { margin: 20px 0px 0px 0px; }
#content.col-2-layout.furniture { margin: 20px 0px 0px 0px; }

#content.col-2-layout .col01 { width: 460px; margin: 0px; float: left; text-align: center; align: center;}
#content.col-2-layout .col02 { width: 460px; margin: 0px 0px 0px 20px; float: left; }

#content.col-2-layout .image { width: 460px; margin: 0px 0px 20px 0px; background-color:#ece0d4; text-align: center; align: center; }
#content.col-2-layout .image .container { float: none; width: 460px; display: table-cell; vertical-align: middle; }


#content.card-layout { margin: 10px 0px 0px 0px; }
#content.card-layout.lighting { margin: 10px 0px 0px 0px; }
#content.card-layout.furniture { margin: 10px 0px 0px 0px; }

#content.card-layout ol { margin: 20px 0px 0px 0px; }

#content.card-layout li.card { width: 220px; height: 220px; float: left; margin: 0 20px 20px 0; background-color:#ece0d4; text-align: center; align: center; }
#content.card-layout li.card.right { margin: 0 0 20px 0; }

#content.card-layout li.card .image .container { float: none; height: 220px; width: 220px; display: table-cell; vertical-align: middle; }


body { font-family: Garamond, serif; font-size: 1.1em; line-height: 125%; color: #333; }

#content { }


a { text-decoration: none; }
a:link { color: #e50f79; }
a:visited { color: #e50f79; }
a:hover, a.control:hover { color: #e50f79; text-decoration: underline; }


#nav-main { font-family: Lucida Grande, Arial, sans-serif; font-size: 0.95em; text-transform: uppercase; }

#nav-main a { text-decoration: none; }
#nav-main a:link { color: #56534c; }
#nav-main a:visited { color: #56534c; }
#nav-main a:hover, a.control:hover { color: #e50f79; }

#nav-main a.selected { color: #e50f79; }

#nav-main a.Jewellery { background: url('../layout/amonite.jpg') no-repeat center left; padding: 0px 0px 0px 25px; }


#nav-sub { font-family: Lucida Grande, Arial, sans-serif; font-size: 0.95em; text-transform: uppercase; color: #56534c; }

#nav-sub a { text-decoration: none; }
#nav-sub a:link { color: #56534c; }
#nav-sub a:visited { color: #56534c; }
#nav-sub a:hover, a.control:hover { color: #e50f79; }

#nav-sub a.selected { color: #e50f79; }


#nav-page { font-size: 0.9em; padding: 0px 0px 0px 0px; }
#nav-page a.inactive { color: #9c9c9c; }


#content.col-2-layout p { text-align: left; align: left; } 
#content.col-2-layout ul { text-align: left; align: left; } 


h1 { font-family: Lucida Grande, Arial, sans-serif; font-size: 2.4em; color: #e50f79; }
h2 { font-size: 1em; color: #111; margin-top: 1em; margin-bottom: 1em; }

p { margin-bottom: 1em; }

p.quote { font-style: italic; margin-top: 1em; }
p.cite { font-style: bold; font-size: 0.95em; margin-top: 0.5em; margin-bottom: 1em; }

.introduction { font-size: 0.9em; margin-top: 0.5em; line-height: 150%; }
.address { font-size: 0.85em; margin-top: 0.5em; line-height: 150%; }

.enquiries { font-size: 0.95em; margin-top: 2em; }
.back { margin-top: 1em; }

.about { font-size: 1em; }
.orders { font-size: 1em; }

ul.links { margin-top: 1em; }
ul.links li { margin-bottom: 1em; }