* {
margin: 0;
padding: 0;
}

body {
background: #fff url(/images/bg_body.jpg) no-repeat fixed 0 0;
color: #221e1b;
font: normal 70% verdana, arial, helvetica, sans-serif;
padding: 20px 0 24px 0;
text-align: center;
}

h1, h2, h3, h4 {
color: #368382;
font-size: 130%;
margin: 0 0 1em 0;
}

h1 {
letter-spacing: -2px;
}

h2 {
font-size: 120%;
}

div.teaser h2 {
margin: 0;
padding: 0;
}

a {
color: #399;
text-decoration: none;
}

a.selected {
color: #c9a03e !important;
}

a:hover {
color: #ebdf90;
}

hr {
clear: both;
display: block;
visibility: hidden;
}

div#container {
margin: 0 auto;
width: 940px;
text-align: left;
}

div#header {
color: #fff;
margin-bottom: 8px;
padding: 0;
text-transform: uppercase;
}

div#header h1 {
color: #fff;
font: bold 16px arial, helvetica, sans-serif;
margin: 24px 0 0 80px;
text-transform: uppercase;
}

div#header h1 a {
color: #fff;
text-decoration: none;
}

div#sitetitle {
background: url(/images/bg_header.gif) repeat-x 0 100%;
padding: 0 0 0 90px;
}

/* the list styles */

div#header ul,
div#footer ul,
div#column-a ul {
list-style-type: none;
}

div#header ul {
background: url(/images/bg_navigation.gif) no-repeat 0 100%;
border-top: 1px solid #328c89;
display: block;
padding: 6px 12px 6px 14px;
}

div#header li,
div#footer li {
display: inline;
margin-right: 12px;
}

div#header li a,
div#footer li a {
color: #fff;
}

div#header li a:hover,
div#footer li a:hover {
color: #ebdf90;
}

/* wrapper around the main-content */

body#home div#content-container {
background: url(/images/bg_container_floral_01.gif) no-repeat 0 0;
min-height: 360px;
}

body#catalogue div#content-container {
background: url(/images/bg_container_floral_02.gif) no-repeat 0 0;
min-height: 360px;
}

body#technical div#content-container {
background: url(/images/bg_container_floral_03.gif) no-repeat 0 0;
min-height: 360px;
}

body#aboutus div#content-container {
background: url(/images/bg_container_floral_04.gif) no-repeat 0 0;
min-height: 360px;
}

body#contactus div#content-container {
background: url(/images/bg_container_floral_05.gif) no-repeat 0 0;
min-height: 360px;
}

body#products div#content-container {
background: url(/images/bg_main-content_bottom.gif) no-repeat 0 100%;
}

body#products div#content-container div.padding {
background: url(/images/bg_main-content.gif) no-repeat 0 0;
min-height: 360px;
}

body#products div#main-content div.padding {
background: none;
}

div#content-container {
display: block;
padding: 0;
position: relative;
width: 940px;
}

div#content-container div.padding {
padding: 8px 12px 0 14px;
}

/* the left column */

div#column-a {
width: 145px;
float: left;
padding-top: 6px;
}

div#column-a a {
color: #b8d8d8;
}

div#column-a ul {
width: 135px;
}

div#column-a li {
background: url(/images/bullet.gif) no-repeat 0 50%;
font-family: arial;
margin-bottom: 12px;
padding-left: 10px;
text-transform: uppercase;
}

div#column-a a:hover {
color: #fff;
}

/* the main content div */

div#main-content {
float: right;
padding-bottom: 48px;
width: 500px;
}

/* the products page */

body#products div#main-content {
width: 760px;
}

div#main-content div.padding {
background: none;
padding: 0 !important;
}

div#main-content h1 {
border-bottom: 1px solid #ccc;
text-transform: uppercase;
font: normal 220% arial, helvetica, sans-serif;
margin: 0 0 1em 0;
}

div#main-content p {
line-height: 1.5em;
margin: 0 0 1em 0;
width: 480px;
}

/* article image */

div.image-container {
background-color: #efefef;
border: 1px dotted #ccc;
display: inline;
float: right;
margin-left: 12px;
width: 200px;
}

div.image-container img {
border: 1px solid #ccc;
margin: 4px;
}

div.image-container p {
color: #333;
font-weight: bold;
margin: 0;
padding: 0 4px;
text-align: center;
}

/* teaser that appears on the gallery pages  */

div.teaser {
border-bottom: 1px dotted #ccc;
}

div.teaser h3 {
margin: 12px 0 0 0;
padding: 0;
}

div.teaser img {
border: 1px solid #ccc;
float: left;
margin: 4px 8px 0 0;
}

div.teaser p.clear {
clear: both;
display: block;
margin: 0;
padding: 0;
visibility: hidden;
}

/* table for gallery images */

table#images {
border: 1px dotted #ccc;
border-collapse: collapse;
}

table#images td {
border: 1px dotted #ccc;
padding: 14px 0;
}

table#images img {
border: 1px solid #ccc;
margin-bottom: 3px;
}

table#images p {
margin: 0;
padding: 0;
}


/* footer styles */

div#footer {
background: url(/images/bg_footer.gif) no-repeat 0 100%;
clear: both;
color: #fff;
display: block;
margin: 0;
padding: 0 0 12px 0;
position: relative;
}

div#footer div.padding {
background: url(/images/bg_footer.gif) no-repeat 0 0;
padding: 12px 0 0 12px;
}

div#footer ul {
position: absolute;
right: 12px;
top: 12px;
}

div#footer li a {
color: #6a5905 !important;
}

p#sub-footer {
color: #fff;
display: block;
float: right;
padding: 14px 0;
text-align: right;
}

/* page styles  */

div#intro {
clear: both;
color: #666;
}


/* gallery */

div.image-frame {
float: left;
width: 320px;
text-align: left;
margin: 14px 0 0 0;
padding: 0;
}

div.image-frame img {
border: 1px solid #000;
float: left !important;
margin: 0 !important;
padding: 0 !important;
margin-right: 12px !important;
margin-bottom: 12px !important;
}

div#large-image {
float: right;
margin-left: 12px;
width: 230px;
}

div#large-image img {
border: 1px solid #000;
float: left !important;
margin: 0 !important;
padding: 0 !important;
}