@charset "UTF-8";

/********************************************************************************
Default Stylesheet for Cirrion Group
Created by Pixel Vector, www.pixelvector.co.uk
********************************************************************************/

@import url("reset.css");

/********************************************************************************
Globally Used Elements
********************************************************************************/
body { 
	background: #222 url(../images/bg.jpg) no-repeat fixed top center; 
	padding: 0; 
	margin: 0; 
	font: 13px Helvetica, Arial, sans-serif; 
	color: #777777;
	border-top: 3px solid #cd0053;
	}
	
p { 
	padding: 0; 
	margin: 0 0 10px 0; 
	line-height: 1.5em; 
	}
	
h1, h2, h3, h4, h5, h6, h7, h8 { 
	color: #fff; 
	margin: 0 0 10px 0; 
	padding: 0; 
	text-transform: uppercase;
	font-weight: 500;
	font-size: 17px;
	}
	
abbr { 
	cursor: help; 
	}
	
a { 
	color: #fff 
	}
	
a:hover { 
	color: #cd0053; 
	}
	
ul, ol { 
	line-height: 1.7em; 
	}

#container { 
	width: 960px;
	margin: 0 auto; 
	}

.error {
	}

.hide { 
	display: none; 
	}
	
.show {
	display: block; 
	}

.pink {
	color: #cd0053;
	}

/********************************************************************************
Header
********************************************************************************/
#header { 
	position: relative;
	margin-bottom: 5px;
	height: 505px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 500px;
	} 
	/* Opera Fix */ 
	html>body #header { 
	width: 500px;
	}	

#logo {
	background: url(../images/bg-header-content.png) no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	padding: 10px 0;
	width: 960px;
	height: 100px;
	/* IE Box Fix */
	voice-family: "\"}\"";
	voice-family: inherit; 
	height: 80px;
	width: 960px
	} 
	/* Opera Fix */ 
	html>body #logo { 
	height: 80px;
	width: 960px;
	}	
	
#logo-left {
	float: left;
	}
#logo-right {
	float: right;
	}
	
#page-headline {
	position: absolute;
	top: 325px;
	left: 0;
	z-index: 99;
	width: 960px;
	}
#page-headline h1 {
	text-transform: none;
	font-size: 31px;
	line-height: 1.2em;
	}
	
/********************************************************************************
Main Navigation Menu
********************************************************************************/
#navigation-layer { 
	background: url(../images/bg-navigation.jpg) repeat-x;
	border-bottom: 1px solid #2a2a2a;
	border-top: 1px solid #2a2a2a;
	width: 100%;
	z-index: 5;
	position: absolute;
	top: 430px;
	}
#navigation {
	width: 960px;
	margin: 0 auto;
	}
#navigation ul {
	list-style: none;
	}
#navigation li {
	float: left;
	}
#navigation li a {
	display: block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 15px;
	border-right: 1px solid #2a2a2a;
	}
#navigation li a:hover {
	background: url(../images/bg-navigation-hover.jpg) repeat-x;
	}
	

/********************************************************************************
Page Content Container
********************************************************************************/
#page-content-container { 
	position: relative;
	}
	

/********************************************************************************
Footer
********************************************************************************/
#footer {
	clear: both;
	font-size: 10px;
	color: #444;
	padding: 50px 0 0 0;
	}
#footer ul {
	}
#footer li {
	display: inline;
	margin: 0 10px 0 0;
	}
#footer li a {
	color: #444;
	}
#footer li a:hover {
	color: #ccc;
	}


/********************************************************************************
Hacks & Fixes
********************************************************************************/

/* Remove Safari Focus Outline */
input:focus { 
	outline: none;
	}  
	
textarea:focus { 
	outline: none; 
	}  

/* Remove Firefox Link Outlines */
a, a:visited, a:active, a:focus { 
	outline: 0; 
	}
	
/* Clearfix for Div Content */
.clearfix:after { 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	line-height: 0; 
	height: 0; 
	}
.clearfix { 
	display: inline-block; 
	}
html[xmlns] .clearfix { 
	display: block; 
	}
* html .clearfix { 
	height: 1%; 
	}