/* Main layout */
html, body {
	margin: 0;
	padding: 0;
	height: 100%
}

body {
	min-width: 960px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #c0c0c0;
	background: #c9cac4 url('../gfx/bg-2col.png') repeat-y;
	background-position: 50% 0%;
	color: #555 /* var #000 */
}

body, table {
	font-size: 11px;
	line-height: 16px
}

div#siteContent {
	width: 958px;
	margin: 0 auto
}

div#footer {
	clear: both;
	height: 4%
}





/* Columns */
div#content, div#colLeft, div#colRight, div.colMarg {
	float: left /* side-by-side */
}

div#content {
	width: 728px;
}

div#colLeft, div#colRight {
	width: 177px;
}

div.colMarg { /* IE6 used double margin on block-level elements. colMarg is used to render use of margin superfluous */
	height: 10px
}




/* Content elements */
div.contentElement {
	border: 2px solid #e3e7e3;
	padding: 2px;
	background-color: #fff;
	margin-bottom: 10px
}

div.contentElement h1, div.contentElement h2, div.contentElement h3 {
	font-family: georgia, serif;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 15px;
	margin: 0 0 2px 0
}

div.contentElement h1 {
	background-color: #eaeceb
}

div.contentElement h1, div.contentElement h3 {
	color: #943646
}

div.contentElement h2 {
}

div.contentElement h3 {
	margin-top: 10px;
	font-size: 14px
}

div.contentElement a {
	color: #943646;
	text-decoration: underline
}

div.contentElement a:hover {
	text-decoration: none
}

div.contentElement p.bodytext {
	margin: 12px 16px
}

div.contentElement a.hoverblock, div.contentElement div.hoverblock a {
	color: #555;
	text-decoration: none
}

div.contentElement a.hoverblock:hover, div.contentElement div.hoverblock a:hover {
	color: #000
}





/* Company info */
div#company-info {
	width: 920px;
	margin: 0 auto;
	color: #000;
	font-size: 10px
}

div#company-info a {
	color: #000
}

div#company-info a:hover {
	text-decoration: underline
}




/* Menu */
div#menu {
	background-image: url('../gfx/menu-bg.png');
	background-repeat: no-repeat;
	height: 39px
}

div#menu-container {
	float: left;
	width: 787px
}

div#menu-buttons {
	float: right;
	width: 168px;
	padding-top: 1px;
	height: 28px
}

ul#menu_1 {
	list-style: none;
	padding: 2px 19px;
	margin: 0
}

li.menu1 {
	float: left;
	position: relative;
	border-right: 2px solid #fff;
	height: 26px;
	padding: 0 10px;
	font-family: georgia, serif;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold
}

li.menu1 a {
	color: #808080;
	text-decoration: none
}

li.menu1 a:hover {
	color: #943646
}

/* Second level */

#menu_1 li ul,
#menu_1 li li {
	margin: 0
}

#menu_1 li ul {
	position: absolute;
	left: 2px;
	top: 22px;
	width: 150px;
	display: none;
	padding: 2px;
	list-style: none;
	border: 1px solid #dadcdb;
	background-color: #fff
}

#menu_1 li li {
	padding: 3px;
	border-top: 1px solid #eaeceb;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}

#menu_1 li li.first {
	border-top: 0
}


#menu_1 li li a {
	display: block;
	padding-left: 10px;
	background: transparent url('../gfx/submenu.png') no-repeat 2px 5px
}

#menu_1 li li a:hover {
	background-image: url('../gfx/submenu-over.png')
}



/* Searchbox */
div.tx-macinasearchbox-pi1 {
	padding-top: 3px
}



/* Mail form */
fieldset.csc-mailform {
	margin: 12px 16px;
	padding: 0;
	border: 0
}

div.csc-mailform-field label {
	display: block;
	margin: 8px 0 2px
}

div.csc-mailform-field textarea,
div.csc-mailform-field input {
	width: 300px
}

div.csc-mailform-field span.csc-mailform-label {
	display: block;
	margin-bottom: 12px
}

div.csc-mailform-field input.csc-mailform-submit {
	margin-top: 5px;
	width: auto
}