/*

red: #C40037
green: #006971
yellow: #CE8F17

*/


body {
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, "Sans-serif";
}

html, body {
	height: 100%;
}
.footer, .push {
	height: 1px; /* .push must be the same height as .footer */
	clear: both;
}

#maincontainer {
	width: 990px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -1px; /* the bottom margin is the negative value of the footer's height */
	background: url(../images/content-bg.gif) no-repeat 700px 250px #cde3e9;
}

#maincontainer.careers {
	background: none;
}

#header {
	padding-top: 30px;
	background: url(../images/head-border.gif) no-repeat bottom left #ffffff;
}

#header #logo {
	float: left;
}

#header h1#header-h1 {
	background: url(../images/head-h1.gif) no-repeat top left;
	width: 686px;
	height: 34px;
	float: left;
	margin-top: 30px;
	margin-left: 20px;
	text-indent: -9999px;
}

#header #portallink {
	clear: both;
	text-align: right;
	margin-top: 100px;
	font-size: 12px;
	text-transform: uppercase;
	color: #ffffff;
	padding-right: 10px;
}

	#header #portallink a {
		text-decoration: none;
		color: #ffffff;
	}

#navigationcontainer {
	background-color: #ffffff;
	height: 55px;
	padding-top: 14px;
}

#globalnavigation {
	font-family: Verdana, Arial, Helvetica, "Sans-serif";
	background-color: #ffffff;
}

#globalnavigation .current.about, #globalnavigation .current.about a,  #globalnavigation .about a:hover{
	color:  #ffffff;
	background: url(../images/about-bg.gif) repeat-x top;
}

#globalnavigation .current.development, #globalnavigation .current.development a,  #globalnavigation .development a:hover{
	color:  #ffffff;
	background: url(../images/development-bg.gif) repeat-x top;
}

#globalnavigation .current.quality, #globalnavigation .current.quality a,  #globalnavigation .quality a:hover{
	color:  #ffffff;
	background: url(../images/quality-bg.gif) repeat-x top;
}

#globalnavigation .current.facilities, #globalnavigation .current.facilities a,  #globalnavigation .facilities a:hover{
	color:  #ffffff;
	background: url(../images/facilities-bg.gif) repeat-x top;
}

#globalnavigation .about, #globalnavigation .about.current ul li a, #globalnavigation .about a, #globalnavigation .about ul li a:hover, #globalnavigation .about li{
	color:  #C40037;
	background-image: none;
}

#globalnavigation .development, #globalnavigation .development.current ul li a, #globalnavigation .development a, #globalnavigation .development ul li a:hover, #globalnavigation .development li{
	color:  #006971;
	background-image: none;
}

#globalnavigation .quality, #globalnavigation .quality.current ul li a, #globalnavigation .quality a, #globalnavigation .quality ul li a:hover, #globalnavigation .quality li{
	color:  #CE8F17;
	background-image: none;
}

#globalnavigation .facilities, #globalnavigation .facilities.current ul li a, #globalnavigation .facilities a, #globalnavigation .facilities ul li a:hover, #globalnavigation .facilities li{
	color:  #000000;
	background-image: none;
}


#globalnavigation li.about ul li a:hover, #globalnavigation li.development ul li a:hover, #globalnavigation li.quality ul li a:hover, #globalnavigation li.facilities ul li a:hover {
	background-image: none;
	background-color: #ffffff;
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	background-color: #ffffff;
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** MENUS SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1.5em;
}
.sf-menu a {
	padding: 		1em 1.25em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
	border: 1px solid #cccccc;
	font-size: 13px;
	text-transform: uppercase;
}
.sf-menu li ul {
	border: 1px solid #cccccc;
	background: url(../images/menu-bg.png) top left;
}
.sf-menu li li {
	border: none;
	border-bottom:		1px dashed;
	font-size: 11px;
	text-transform: none;

}

.sf-menu li li.last {
	border: none;
}


.sf-menu li li li {
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		none;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}






#colorsquares {
	list-style: none;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#colorsquares li {
	height: 42px;
	width: 56px;
	margin: 0 0 0 3px;
	float: right;
}

#colorsquares li {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

#colorsquares li.active {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#colorsquares li.red{
	background-color: #C40037;
}

#colorsquares li.green{
	background-color: #006971;
}

#colorsquares li.yellow{
	background-color: #CE8F17;
}

#colorsquares li.black{
	background-color: #000000;
}


#contentcontainer {
	clear: both;
}

	#contentcontainer #ruler {
		background: url(../images/ruler-bg.gif) repeat-x;
		height: 60px;
	}
		
		#contentcontainer #ruler #contactlink{
			background: url(../images/contact-bg.gif) no-repeat top left;
			float: right;
			width: 233px;
			height: 41px;
			text-align: center;
			font-size: 13px;
			text-transform: uppercase;
			padding-top: 10px;
		}
		#contentcontainer #ruler #contactlink a {
			color: #000000;
			text-decoration: none;
		}
			#contentcontainer #ruler #contactlink a:hover {
			color: #C40037;
			text-decoration: none;
		}

#leftnavigation {
	width: 180px;
	margin-left: 20px;
	float: left;
}

#leftnavigation.home {
	margin-top: 500px;
}
#leftnavigation.home a{
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	
}
#leftnavigation.home a:hover{
	text-decoration: underline;
}


#leftnavigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

	#leftnavigation ul li{
		font-size: 13px;
		padding: 6px 0;
		border-bottom: 1px dotted;
	}
	#leftnavigation ul li.last{
		border-bottom: none;
	}
	#leftnavigation ul li a{
		text-decoration: none;
		color: #666666;
	}


#leftnavigation h1 {
	font-size: 15px;
	text-transform: uppercase;
}

#leftnavigation.about, 	#leftnavigation.about ul li.active a{
	color: #C40037;
}

#leftnavigation.development, 	#leftnavigation.development ul li.active a{
	color: #006971;
}

#leftnavigation.quality, 	#leftnavigation.quality ul li.active a{
	color: #CE8F17;
}

#leftnavigation.facilities, 	#leftnavigation.facilities ul li.active a{
	color: #000000;
}

#content {
	margin-left: 220px;
	width: 460px;
	font-size: 12px;
	line-height: 20px;
	padding-bottom: 4em;
}

#content a{
	font-weight: bold;
	text-decoration: none;
	color: #444444;
	
}
#content a:hover{
	text-decoration: underline;
}
#content h1{
	font-size: 14px;
	text-transform: uppercase;
}
#content h2{
	font-size: 14px;
}