/* init */
* { padding: 0; margin: 0; }
h3, h4 { font-size: 13px; margin: 6px 0 8px; }
h3 { font-weight: bold; }
h4 { font-weight: normal; }
p { margin: 7px 0; }
a { text-decoration: none; color: #60a4a7; }
a:hover { color: #333333; }
a img { border: none; }
/* body background */
body {
/*	background: url('../img/bg-body.gif') left -136px no-repeat;*/
	font: 11px verdana;
	color: #65797a;
}
/* index specified body background */
body.index {
	background-position: top left;
	background-repeat: no-repeat;
}
/* container div */
#page {
	width: 825px;
	margin: 0 auto;
	padding-top: 0;
}
/* index specified container div */
body.index #page { /*padding-top: 238px;*/ }
/* the logo */
#logo {
/*	width: 159px; height: 72px;
	background: url('../img/bg-logo.gif') top left no-repeat;
	position: absolute; top: 30px;*/
	height: 101px;
}
/* index specified logo position */
body.index #logo { height: 238px; }
/**********************/
/* the menu structure */
/**********************/
#menu { height: 31px; }
body.index #menu { height: 64px; }
/* hide the submenu */
#menu li ul { display: none; }
/* special width and position for menu3 */
#menu li#menu3 ul { margin-left: -81px; }
/* show the submenu when active */
#menu li:hover ul, #menu li.over ul { display: block; position: absolute; }
#menu, .submenu { list-style: none; color: #ffffff; font: bold 13px "Century Gothic"; }
#menu .mainmenu { float: left; margin-right: 12px; }
/* the last menu doesn't have margin */
#menu #menu5.mainmenu { margin-right: 0; float: right; }
#menu .mainmenu a { display: block; width: 155px; height: 31px; cursor: default; }
/* the only-clickable mainmenu */
#menu #menu4.mainmenu a { cursor: pointer; }
#menu .mainmenu a.submenu { padding: 3px 8px; width: 139px; }
/* index specified menu height */
body.index #menu .mainmenu a { height: 64px; }
#menu img { border: 0; margin-left: 31px; }
/* index specified menu-image position */
body.index #menu img { margin-top: 33px; }
/* menu backgrounds */
#menu1 a { background: url('../img/bg-menu1.gif') top left repeat-y; }
#menu2 a { background: url('../img/bg-menu2.gif') top left repeat-y; }
#menu3 a { background: url('../img/bg-menu3.gif') top left repeat-y; }
#menu4 a { background: url('../img/bg-menu4.gif') top left repeat-y; }
#menu5 a { background: url('../img/bg-menu5.gif') top left repeat-y; }
/* menu backgrounds when mouse is over them */
#menu1 a:hover, #menu1 a.actual { background: url('../img/bg-menu1-o.gif') top left repeat-y; }
#menu2 a:hover, #menu2 a.actual { background: url('../img/bg-menu2-o.gif') top left repeat-y; }
#menu3 a:hover, #menu3 a.actual { background: url('../img/bg-menu3-o.gif') top left repeat-y; }
#menu4 a:hover, #menu4 a.actual { background: url('../img/bg-menu4-o.gif') top left repeat-y; }
#menu5 a:hover, #menu5 a.actual { background: url('../img/bg-menu5-o.gif') top left repeat-y; }
/* submenus settings */
#menu .mainmenu .submenu a.submenu { opacity: 0.8; filter:alpha(opacity=80); height: auto; cursor: pointer; }
ul.submenu li { text-align: right; }
/* menu3 specified submenu width */
#menu #menu3.mainmenu a.submenu { width: 220px; }
/* submenu backgrounds */
#menu1 a.submenu { background: #60a6a6; }
#menu2 a.submenu { background: #f2555c; }
#menu3 a.submenu { background: #9b4d99; }
#menu5 a.submenu { background: #ff9900; }
/* menu specified submenu hover color */
#menu1 a.submenu:hover { color: #357272; }
#menu2 a.submenu:hover { color: #ae1920; }
#menu3 a.submenu:hover { color: #6a176a; background: #9b4d99; }
#menu5 a.submenu:hover { color: #804d00; }
/* container div */
#cont { margin-top: 8px; width: 825px; }
#leftcol, #midcol, #rightcol { text-align: justify; }
#leftcol { float: left; padding: 8px; }
#rightcol { float: right;	padding: 8px; }
#cont.threecol #leftcol, .topborder { border-top: 9px solid black; }
#cont.threecol #leftcol {
	width: 306px;
	background: #e5e5e5;
	height: 435px;
}
/* menu3 specific left-column height */
#cont.threecol.menu3 #leftcol, #cont.threecol.menu5 #leftcol {
	margin-top: 2px;
	height: 239px;
}
#cont.threecol #rightcol {
	width: 140px;
	background: #e5e5e5;
	height: 444px;
}
/* menu3, menu5 specific middle-column height */
#cont.threecol.menu3 #midcol, #cont.threecol.menu5 #midcol { height: 258px !important; }
/* menu5 specific middle-column height */
#cont.threecol #midcol {
	height: 460px;
	margin: 0 168px 0 334px;
}
/* right column to the bin */
#cont.threecol.menu2 #midcol,
#cont.threecol.menu3 #midcol,
#cont.threecol.menu4 #midcol,
#cont.threecol.menu5 #midcol { margin-right: 0 !important; }
body.index #cont {
	height: 218px;
	border: 0;
}
#cont.twocol #leftcol {
	width: 312px;
	height: 444px;
}
#cont.twocol #rightcol {
	float: none;
	height: 444px;
}
/* current page specified h3 in the middle column, and left column top-border color */
#cont.menu1 #midcol h3 { color: #60a6a6; }
#cont.menu1 #leftcol { border-top-color: #60a6a6; }
#cont.menu2 #midcol h3 { color: #f2555c; }
#cont.menu2 #leftcol { border-top-color: #f2555c; }
#cont.menu3 #midcol h3 { color: #9c4d9c; }
#cont.menu3 #leftcol { border-top-color: #9c4d9c; }
#cont.menu4 #midcol h3 { color: #9bce55; }
#cont.menu4 #leftcol { border-top-color: #9bce55; }
#cont.menu5 #rightcol h3, #cont.menu5 #midcol h3, #cont.menu5 #rightcol h4, #joblist h3 { color: #fd9802; }
#cont.menu5 #leftcol, #cont.menu5 .topborder, #cont.menu5.topborder { border-top-color: #fd9802; }
/*  margin for the partner logos */
#cont.menu4 #leftcol img { margin-bottom: 10px; }
/* employee list */
.employees { border-spacing: 0; }
.employees h3 { margin: 0; }
.employees td { border-bottom: 1px solid #e5e5e5; padding: 2px; }
/* greeting paragraph alignment at About us */
p.right { padding-left: 160px; }
/* joblist container*/
#joblist {
	background: #e5e5e5;
	padding: 0 5px;
	height: 271px;
}
#joblist a { color: #333333; }
#joblist .fullwidth { width: 284px; }
/* forms formatting */
label { display: block; width: 125px; padding-right: 8px; float: left; text-align: right; }
input.textbox { width: 172px; }
select { width: 175px; }
table { border-spacing: 0; }
td { padding: 2px; text-align: left; }
tr.even { background: #c1c1c1; }
#joblist tr:hover { background: #d3d3d3; }
/* make the squares visible */
#cont ul { padding-left: 20px; }
/* footer row */
#footer {
	background: url('../img/bg-footer.gif') left top repeat-y;
	height: 4px;
	margin-top: 9px;
	overflow: hidden;
}
#otherpages { margin-top: 9px; }
#otherpages a { margin-right: 12px; }
/* horizontally scrollable div - css 3 contains these params (styleie.css for IE6) */
.hscroll { overflow-x: hidden; overflow-y: scroll; }
.fullwidth { width: 100%; }
#rightcol div.hatter { background: url('../img/hird_00.png') top left  no-repeat; height: 221px; }
#rightcol div.hatter.alternative { background: url('../img/hird_01.png') top left no-repeat; }