/* 
CSS Document for Athene Communications 
Author : Adam Collison
Created : 03-11-2005
*/


/* 
HTML --------------------------------------------------------------------
Styles used for styling blank html tags
*/

body {
	padding:				0;
	margin:					0;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				85%;
	background:				#fff url(../bg_body_new.gif) no-repeat 10px 43px;
	line-height: 125%;
}

body.home {
	background:				#fff url(../bg_body.jpg) 10px 43px no-repeat;
}


a img {
	border:					0;
}

a {
	color:					#333333;
	text-decoration:		underline;
}

a:hover {
	text-decoration:		none;
}

h1 {
	padding:				10px 0 0 0px;
	margin:					0;
	display:				inline;
	font-size: 220%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #004D8A;
	font-weight: normal;
}

body.home h1 {
	display:				block;
}

h1 img {
	margin:					10px 0 0;
}

hr {
	padding:				0;
	margin:					10px 0;
	color:					#004D8A;
	border:					0;
	background:				#004D8A;
	height:					1px;			
}

h3 {
	color:					#004D8A;
	font-size:				1.2em;
	margin-bottom:			0;
	padding-bottom:			0;
	line-height: 1.8em;
}

h4 {
	color:					#000;
	font-size:				1.3em;
	margin-bottom:			0;
	padding-bottom:			0;
}

h5 {
	color:					#004D8A;
	font-size:				1.2em;
	margin-bottom:			0;
	padding-bottom:			0;
}




/* 
END HTML --------------------------------------------------------------------
Styles used for styling blank html tags
*/




/* 
Start Header =====================================
This is the top navigation.
*/

#header ul {
	padding:				5px 0 6px 10px;
	margin:					0 0 15px;
	list-style-type:		none;
	background:				#004D8A;
	font-size:				0.75em;
	border-top:				20px solid #999;
}

#header ul li {
	display:				inline;
	color:					#fff;
}

#header ul li a {
	color:					#fff;
	font-weight:			bold;
}

#header ul li a:hover, #header ul li a:focus {
	color:					#ccc;
}

/* 
End Header =======================================
*/




/* Set the width of website content */
#layout {
	width:					780px;
}




/* 
Start Services ===================================
This is the left hand navigation.
*/

#services {
	width:					180px;
	margin:					17px 0 0 10px;
	float:					left;
}

#services h2 {
	background:				#B5AFAE;
	font-size:				1.25em;
	padding:				3px 10px;
	margin:					0;
	border-bottom:			1px solid #fff;
	font-weight: normal;
	color: #FFFFFF;
}

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

#services ul li {
	padding:				0;
	margin:					0;
	display:				inline;
}

#services ul li a {
	display:				block;
	padding:				4px 10px;
	border-bottom:			1px solid #fff;
	background:				#004D8A;
	color:					#fff;
	text-decoration:		none;
	font-size:				90%;
}

#services ul li a:hover, #services ul li a:focus {
	background:				#4C82AD;
}

#services ul li.selected a , #services ul li.selected a:before {
	content:				"~ "; 
	background:				#4C82AD;
	font-weight:			bold;
}

/* 
End Services =====================================
This is the left hand navigation.
*/




/* 
Start top Images =================================
placement of images on top of all pages.

*/

.images {
	display:				inline;
	vertical-align:			top;
	margin:					0 0 0 25px;
}

.images img {
	vertical-align:			top;
	margin:					25px 25px 10px 0;
}

/*
End top Images ===================================
placement of images on top of all pages.
*/




/* 
Start Main Content Styles ========================
Main content on the right of the services navigation
*/

#content {
	margin:					17px 0 0;
	float:					right;
	width:					550px;
	font-size:				0.8em;
}

#content h2 {
	padding:				0;
	margin:					0;
}

#content h2 img {
	margin:					10px 0 0;
}

/* 
End Main Content Styles ==========================
*/




/* 
Start Footer Styles ==============================
Footer links and copyright statement.
*/

#footer {
	padding:				90px 10px 10px;
	font-size:				0.8em;
	clear:					both;
}

#footer p {
	padding:				0;
	margin:					0;
	color:					#333;
	float:					right;
}

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

#footer ul li {
	display:				inline;
	color:					#ccc;
}

#footer ul li a {
	color:					#666;
	padding:				0 0.4em 0 0;
}

/* 
End Footer Styles ================================
Footer links and copyright statement.
*/




/* 
Start all other styles ===========================
used for any extras used
*/

/* Used for accessibilityit will hide anything with the class to normal browsers but screen readers & Text only browsers will pick it up */
.w3c {
	visibility:				hidden;
	position:				absolute;
	top:					-400px;
	left:					-400px;
	
}

/* 
End all other styles =============================
*/
#content h1 {
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}