*,
html
{ 
    margin: 0; 
    padding: 0; 
}
body
{
    text-align: center; 
    font: normal normal normal 12px/16px Verdana, Arial, Tahoma, Sans-Serif;
}
#container
{ 
    width: 100%;
    text-align: left;
} 
/* header styles */
#header
{
    height: 195px;
    background: #fff url("graphics/headerbackground.gif") repeat-x top left;
}
#dkvmlogo
{
    width: 243px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
}
#dkvmcargraphic
{
    width: 455px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}
h1
{
    color: #000;
    font: normal normal bold 14px/26px Arial;
    margin: 35px 0 25px 0;
}
#header h1
{
    color: #fff;
    position: absolute;
    top: 153px;
    left: 10px;
    font: normal normal normal 27px Arial, Sans-Serif;
    margin: 0;
}
h2
{
    margin: 10px 0 20px 0;
    font: normal normal bold 14px Arial, Sans-Serif;
    border-bottom: solid 3px #dde8f6;
}
a
{
    text-decoration: none;
}
a:link,
a:visited,
a:active
{
    text-decoration: none;
}
a:active
{
    font-weight: bold; 
}
a:hover
{
    text-decoration: none;
}
img
{
    border: none;
}
p,
ul,
ol
{
    margin-bottom: 15px;
}
/* column container */
.columns {
	clear: both;
	float: left;
	width: 100%;				/* width of page */
	overflow: hidden;
	border-bottom: solid 10px #939598;
}
/* common column settings */
.columnright,
.columnmid,
.columnleft {
	float: left;
	width: 100%;				/* width of page */
	position: relative;
}
.column1,
.column2,
.column3 {
	float: left;
	position: relative;
	padding: .5em 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
							only padding top and bottom is included here, make it whatever value you need */
	overflow: hidden;
}
.threecolumn
{
    background: #dde8f6;
}
.threecolumn .columnmid {
	right: 25%;				/* width of the right column */
    background: #fff;
}
.threecolumn .columnleft {
	right: 50%;				/* width of the middle column */
    background: #dde8f6;
}
.threecolumn .column1 {
	width: 46%;				/* width of center column content (column width minus padding on either side) */
	left: 102%;				/* 100% plus left padding of center column */
    background: Transparent url("graphics/watermark.jpg") no-repeat 50% 50%;
}
.threecolumn .column2 {
	width: 21%;				/* Width of left column content (column width minus padding on either side) */
	left: 31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecolumn .column3 {
	width: 21%;				/* Width of right column content (column width minus padding on either side) */
	left: 85%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* 2 Column (left menu) settings */
.leftmenu {
	background: #fff;		/* right column background colour */
}
.leftmenu .columnleft {
	right: 75%;				/* right column width */
	background: #dde8f6;		/* left column background colour */
}
.leftmenu .column1 {
	width: 71%;				/* right column content width */
	left: 102%;				/* 100% plus left column left padding */
    background: Transparent url("graphics/watermark.jpg") no-repeat 50% 50%;
}
.leftmenu .column2 {
	width: 21%;				/* left column content width (column width minus left and right padding) */
	left: 6%;				/* (right column left and right padding) plus (left column left padding) */
}
#footer
{
    width: 100%;
    color: #c0c0c0;
}
#footertext
{
    margin: 0 0 0 25px;
}
#footertext a,
#footersitelink a
{
    color: #c0c0c0;
}
#footertext a:hover,
#footersitelink a:hover
{
    color: #000;
    background: #fff;
}
#footercopyright
{
    float: left;
    padding-left: 5px;
    position: relative;
}
#footersitelink
{
    float: right;
    text-align: right;
    padding-right: 5px;
    position: relative;
}
/* End of Footer */
/* Latest News */
#latestnews a
{
    color: #2b5b84;
    font-weight: bold;
}
h3,
h3 a
{
    font: normal normal bold 12px/24px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    color: #454133;
}
/* Slideshow Components */
#cf_wrapper
{
    width: 200px;
    height: 200px;
}
.cf_element img
{
    margin: 0 5px; 
    float: left;
    border: solid 1px #000;
}
.cf_element
{
    color: #fff;
    font: normal normal bold 14px Verdana, Arial, Tahoma, Helvetica, Sans-Serif;
    height: 150px;
}
#slideshowtextblock
{
    padding-top: 20px;
}
#slideshowtextblock h2
{
    font-size: 18px;
    margin-bottom: 15px;
}
#navigationheader,
#galleryheader,
#suppliersheader
{
	width: 160px;
	height: 45px;
	position: relative;
	margin: 25px 0;
}
#navigationheader span,
#galleryheader span,
#suppliersheader span
{
    position: absolute;
	width: 100%;
	height: 100%;
}
#suppliersheader span
{
    background: url("graphics/textheader_suppliers.jpg") no-repeat;
}
#navigationheader span 
{
	background: url("graphics/textheader_navigation.jpg") no-repeat;
}
#galleryheader span 
{
	background: url("graphics/textheader_gallery.jpg") no-repeat;
}
/* Navigation */
#navigation
{
    width: 160px;
    line-height: 2;
}
#navigation li a
{
    width: 100%;
    color: #000;
    background: url("graphics/button.gif") no-repeat 0 2px;
    padding-left: 20px;
}
#navigation li a:hover
{
    width: 100%;
    color: #000;
    background-position: 0 -14px;
}
/* Supplier List */
#supplierlist
{
    width: 100%;
    text-align: center;
}
#supplierlist img
{
    border: solid 1px #000;
    margin: 1px;
}
/* Home Image */
.homeimage
{
    float: right;
    position: relative;
    margin: 0 0 10px 10px;
}
.clearboth
{
    clear: both;
}
/* Gallery Images */
#showimage
{
    position:absolute;
    visibility:hidden;
    border: 1px solid gray;
    z-index: 5;
}
#dragbar
{
    cursor: pointer;
    color: #fff;
    background-color: #d8bbff;
    min-width: 450px;
    width: 450px;
}

#dragbar #closetext
{
    font-weight: bold;
    margin-right: 1px;
}
#thumbs
{
    text-align: left
}
#thumbs a img
{
    margin: 0 4px 10px 0;
    border: solid 1px #5b3b71;
}
#imagetitle
{
    text-align: center;
    font-weight:bold;
    cursor:normal;
    background-color: #d8bbff;
    padding-top: 5px;
}
/* End of Gallery Images */
/* Contact Form */
fieldset 
{ 
    width : 325px;
    margin: 10px 0 0 25px;
    display:block;
    position: relative;
}
legend
{
    font-weight: bold;
}
label 
{ 
    text-align: right;
    position : relative; 
    width : 100px; 
    display : block; 
    margin : 1px 0 0 10px;
    border-bottom: dotted 1px black; 
    padding: 2px;
    font-size: 11px;
    font-weight: bold;
}
label input,
label textarea,
label select
{ 
    position : absolute; 
    left : 110%; 
    top : 2px; 
    width : 180px; 
    border: 1px solid black;
    padding: 2px;
}
label input:focus,
label textarea:focus
{
    background-color: #dedede;
}
strong.required {color:red; cursor:help}
a.helpLink,
a.helpLink:link {color:#040; cursor:help}
a.helpLink:active,
a.helpLink:visited {color:#020}
.contactform br 
{ 
    display : none; 
}
.contactbutton
{
    margin-left: 10px; 
    margin-bottom: 10px;
}
.address
{
    float: left;
    position: relative;
}

/* End of Contact Form */
ul li
{
    list-style: circle outside;
}