.title-bar {
	background: black;
	
	position: relative;
	
	opacity: 0.9;
	border-bottom: #532874 3px solid;
	
	/* NB: This prevents parent child Margins collapsing. 
	 * Can also use the border tag. 
	 * http://www.sitepoint.com/web-foundations/collapsing-margins/
	 */
	padding-top: 1px;	 
	padding: 1px 10px;
	
	height: 40px;	
}

.title-bar .logo {				
	background: url('../images/logo.png') no-repeat scroll 0 0; 
	background-size: auto 100%;
	width: 30px;
	height: 20px;
	
	display:inline-block;
	
	vertical-align:middle;
	margin-top: 3px;
}
			
.title-bar h1 {
	margin: 0px 0px  0px  5px;
	
	display:inline-block;
	
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 24px;
	vertical-align:top;
	color: white;
}

a.company-logo {				
	background: url('../images/company-logo.jpg') no-repeat scroll 0 0; 
	background-size: auto 100%;	
	background-position: center;			
	background-color: white;
	height: 60px;
	width: 128px;
	
	border: #532874 thin solid; 
	
	position: absolute;				
	top: 10px;
	right: 25px;
}

div.title-bar-log-right {	
	position: absolute;
	width: 200px; 
	height: 40px; 
	right: 20px; 
	top: 0px; 
		
	background-size: 100% 100%; 
	background-repeat: no-repeat; 		
	background-position: center;
}


.title-bar-small {
	background: #482080;	
	position: relative;	
	opacity: 0.9;		 
	padding: 10px 80px 10px 80px;
	height: 50px;
}

.title-bar-small .logo {				
	background: url('../images/logo.png') no-repeat scroll 0 0; 
	background-size: auto 100%;
	width: 40px;
	height: 25px;
	
	display:inline-block;
	
	vertical-align:middle;
	margin-top: 1px;
}
			
.title-bar-small h1 {
	margin: 1px 0px  0px 2px;
	padding-top: 3px;
	
	display:inline-block;
	
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 1.1em;
	vertical-align:top;
	color: white;
}