/* CSS2 Document */
/* ------------- */
* {padding: 0; margin: 0}
body {font: 11px Arial, Tahoma, Verdana; color: #5C5C5C}
#wrapper {width: 804px; margin: 0 auto}
.clear {clear: both}
.fixff {height: 1px; overflow: hidden}
a:link, a:hover, a:visited {color: #c3994f; font-weight: bold; text-decoration: none}

/* ---Header--- */
#header {height: 156px; position: relative}
.logo {display: block; position: absolute; left: 0; bottom: 5px; width: 60px; height: 82px; background: url('../images/logo.png') no-repeat}
.logo span {position: absolute; top: -10000px}
.irmco-logo {display: block; position: absolute; right: 0; bottom: 5px; width: 231px; height: 15px; background: url('../images/irmco-logo.png') no-repeat}
.irmco-logo span {position: absolute; top: -10000px}
/* ---Menu--- */
#menu {height: 41px; background: url('../images/menu-background.png') repeat-x; position:relative; z-index:99999;}
#menu .layer1 {height: 41px; background: url('../images/menu-left.png') no-repeat}
#menu .layer2 {height: 37px; background: url('../images/menu-right.png') right no-repeat; padding: 2px}
.menu {list-style: none; z-index: -9999}
.menu li {display: inline-block; float: left; height: 37px; padding: 0 7px 0 5px; background: url('../images/menu-delimiter.png') right no-repeat; position: relative}
.menu li:last-child {background: none}
.menu li a {display: block; height: 36px; line-height: 36px; color: white; font-weight: bold; position: relative; top: 2px; margin-top: 1px; text-decoration: none; z-index: 100}
.menu li:hover a, .menu li.active a {background: url('../images/menu-item-background.gif') repeat-x; color: #a4a2a2}
.menu li a .left-back {display: block; background: none}
.menu li:hover a .left-back, .menu li.active a .left-back {background: url('../images/menu-item-left.jpg') no-repeat}
.menu li a .right-back {display: block; background: none; padding: 0 18px;}
.menu li:hover a .right-back, .menu li.active a .right-back {background: url('../images/menu-item-right.jpg') right no-repeat; cursor: pointer; z-index: 9999}
.menu li .submenu-layer1 {position: absolute; display: none; border: 1px solid white; z-index: 50;}
.menu li:hover .submenu-layer1, .menu li.active .submenu-layer1 {display: block}
.menu li .submenu-layer2 {border: 1px solid #cecece; background: white url('../images/hover-background.png') bottom repeat-x}
.menu li ul {list-style: none}
.menu li ul li {width: 195px; padding: 0 10px!important; background: none; height: auto}
.menu li ul li a {background: none!important; color: #a1a1a1; height: auto; border-bottom: 1px dashed #e0e0e0; padding: 0!important; font-weight: normal; height: 30px}
.menu li ul li:hover a {background: none!important; color: #000000}
/* ---Image--- */
.img {height: 160px; margin-top: 3px}
.img .text {margin: 30px 0 0 60px; width: 241px; color: white}
.img h2 {margin-bottom: -12px}
.img a {font-weight: bold; color: white; margin-left: 6px}
/* ---Content--- */
#content {margin-top: 4px; background: url('../images/content-background.png') top left repeat-y; line-height: 18px}
#content .col-left a {color: #e7945c; font-weight: bold; text-decoration: none; margin: 0 6px}
#content img {padding: 4px; border: 1px solid #ededed}
#content img.align-left {margin-right: 16px; float: left}
#content .layer1 {background: url('../images/content-top-background.jpg') top left no-repeat}
#content .layer2 {background: url('../images/content-bottom-background.png') bottom left no-repeat; padding: 18px 0}
#content .col-left {display: inline-block; float: left; width: 530px; margin-left: 16px}
#content .col-left h1, #content .col-right h2 {padding-bottom: 12px; border-bottom: 1px dashed #c8c8c8; color: #353535; font: 18px bold Calibri, "Myriad Pro" ,Verdana, Arial, Tahoma, sans-serif; margin-bottom: 16px}
#content .col-full {display: inline-block; width: 800px;}
#content .col-full h1, #content .col-right h2 {padding-bottom: 12px; border-bottom: 1px dashed #c8c8c8; color: #353535; font: 18px bold Calibri, "Myriad Pro" ,Verdana, Arial, Tahoma, sans-serif; margin-bottom: 16px}
#content .col-right {display: inline-block; float: right; width: 180px; margin-right: 25px; overflow-y: scroll; height: 160px;}
#content .items {list-style: none; line-height: normal}
#content .items li {padding-left: 14px; background: url('../images/news-pix.gif') 0 6px no-repeat; margin-bottom: 12px}
#content .items a {color: #c3994f; font-weight: bold; text-decoration: none}
/* ---Footer--- */
#footer {padding: 14px 0; text-align: center; color: #979797; border-bottom: 1px dashed #c8c8c8; background: white}
#footer span {color: #787878; font-weight: bold}

/* Contact form */
#page-wrap {
	width: 660px;
	background: white;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 280px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #c3994f;
}

#contact-area input.submit-button {
	width: 100px;
	float:right;
}

label {
	float: left;
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}