/** 
 ** Css specification for Haemata LTD, creating by SilverStripe. 
 ** Any browser compatability problems to simon@silverstripe.com
 **/
 html, body{
 	margin:0;
 	padding:0;
 	font-family: Arial, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	/* reset font-sizes to 1em == 10px */
 }
 a img{
 	border:0;
 }

 #Main{
 		width:100%;
 		background: url(../images/leftBkgnd.gif) top left repeat-y;
 }
 #Header{
		position: relative;
		height: 145px;
 		background:#9f1f2a url(../images/Header-bg.gif) top right repeat-x;
 	}
 #Header h1{
		position: absolute;
		top: 0;
		left:0;
	 	margin:0;
	 	padding:0;
	 	color:white;
	 	width:575px;
		height:145px;
		background: url(../images/bgHeader.gif) top right no-repeat;
}
	#Main .extraLogo h1 {
		padding-top: 10px;
		height:135px;
	}
	#Main .extraLogo h1 a {
		margin-left: 26px;
	}
	#Header .print{
		display:none;
	}
	#Header h1 a{
		/**
		display:block;
	 	padding-top:145px;
	 	height:0;
		overflow:hidden;
		 display the background image instead of title text **/
	}
	#Header .info{
		float:right;
		width:135px;
		padding:40px 40px 0 40px;
		font-weight:bold;
		font-style: italic;
		color:white;
		text-align:center;
	}
	
#MenuHolder {
	padding-left: 210px;
	height: 87px;
	margin-top:-5px;
	background: url(../images/holderBkgrnd.gif) top left repeat-x; /* #A01D28 */
}
#MenuHolder #Menu1 {
	position: relative;
	padding:0;
	margin:0;
	background: url(../images/menu1btm.gif) top left repeat-x;  /* #A01D28 */
	height: 87px; /* 61 */
	text-align:left;
	font-family:verdana, sans-serif;
	font-size:12px;
	color:white;
}
	#Menu1 li{
		display: inline;
		list-style:none;
		padding:0px;
		margin:0px;
	}
	#Menu1 li.last{
		border-right:0;
	}
	#Menu1 li a {
		font-size:10px;
		color:#A01D28;
	}
	#Menu1 li.Item {
		display: inline;
		width: 70px; /* set as an estimate */
	}
	#Menu1 li.Item a {
		display: block;
		float: left;
		width: 80px;
		text-align: center;
		text-decoration: none;
		background: url(../images/design_link.gif) no-repeat top center;
		margin: 0px 7px;
	}
	#Menu1 li.Item a span {
		display: block;
		margin-top: 48px;
		text-decoration: none;
	}
	#Menu1 li a:hover{
		color:#A01D28;
		text-decoration:none;
		padding: 0px;
		margin: 0px 7px;
		background: url(../images/design_over.gif) no-repeat top center;
	}
	#Menu1 li.languageSelect {
		position: absolute;
		top: 0px;
		right: 0px;
		display: inline;
		line-height: 39px;
		float: none;
	}
	#Menu1 li.languageSelect a {
		display: block;
		float: left;
		width: 60px;
		text-align: center;
		color: #fff;
		font-weight: bold;
		margin: 0px 2px;
	}
	#Menu1 li.languageSelect a:hover {
		background: none;
		color: #fff;
		text-decoration: underline;
	}
	#Menu2{
		list-style:none;
		color:white;
		width: 175px;
		line-height: 1em;
		padding: 0px;
		margin: 0px 0px 0px 22px;
	}
	#Menu2 li {
		padding-bottom: 2px;
	}
	#Menu2 li a{
		display: block;
		color:white;
		margin: 0px;
		font-size:small;
		text-decoration: none;
	}
		#Menu2 li.current a {
			color:#999;
		}
			#Menu2 li.current li a {
				color: #fff;
			}
			#Menu2 li.current li a:hover {
				color:#999;
			}
	#Menu2 li a:hover{
		color:#999;
		text-decoration:none;
	}
		#Menu2 li ul {
			margin: 0;
			padding: 2px 0 0 20px;
		}
			#Menu2 li ul li {
				list-style:none;
				padding-bottom: 2px;
			}
	
.breadcrumbs {
	font-size: small;
	color: #333;
}

.clear {
	clear: both;
}
	
#ContentLeft{
	float:left;
	width:200px;
}
#ContentLeft h2{
	color:white;
	font-size:14px;
	margin:0px 0px 15px 22px;
	text-transform:uppercase;
}
#ContentRight{
	margin-left:220px;
	padding:20px 60px 45px 10px;
	background: white url(../images/Content-bg.gif) 100% 5% no-repeat;
}

#Footer{
	clear:both;
	background:#9f1f2a;
	height:70px;
	color:white;
	text-align:right;
	padding:10px 40px 0px 0px;
	font-size:12px;
}