/*
	Superannuation Compliance Services Meta Information
	PRIMARY STYLE SHEET
	
	Site creation by Kelani Design - kelani.com.au
	Illustration and Graphics by Kathy Mason
	xHTML/CSS and programming by Jim Whimpey
	Contact - studio@kelani.com.au
*/

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BODY, WRAPPINGS, ANCHORS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
	
body {
	text-align: center; /* IE */
	margin: 0;
	padding: 40px 0 0 0;
	background: #072147;
	}
	
	#bg {
		margin: 0 auto;
		width: 794px;
		background: url("./images/cover.png") right repeat-y;
		}

		#wrapper {
			margin: 0 auto;
			width: 794px;
			background: #fff url("./images/blue_corner_ie.png") bottom left no-repeat;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.9em;
			line-height: 1.2em;
			}
			
			body>#wrapper { background: #fff url("./images/blue_corner.png") bottom left no-repeat; } /* FF specific */
			



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		HEADER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#header {
	width: 794px;
	height: 108px;
	background: url("./images/header.gif");
	}
	
	h1 { display: none; } /* Accessibility */
	
	
	
/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NAVIGATION
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

ul, ul li { margin: 0; padding: 0; list-style: none; }	

#menu {
	width: 552px;
	height: 26px;
	float: left;
	display: inline; /* IE */
	margin: 72px 0 0 155px;
	}
	
	.buttons {
		float: left;
		width: 92px;
		height: 26px;
		display: block;
		}
		
		#btn_home { background: url("./images/buttons/home.gif"); }
		#btn_services { background: url("./images/buttons/services.gif"); }
		#btn_training { background: url("./images/buttons/training.gif"); }
		#btn_reporting { background: url("./images/buttons/reporting.gif"); }
		#btn_contact { background: url("./images/buttons/contact.gif"); }
		#btn_people { background: url("./images/buttons/people.gif"); }
		
		#btn_home_sel { background: url("./images/buttons/home_o.gif"); }
		#btn_services_sel { background: url("./images/buttons/services_o.gif"); }
		#btn_training_sel { background: url("./images/buttons/training_o.gif"); }
		#btn_reporting_sel { background: url("./images/buttons/reporting_o.gif"); }
		#btn_contact_sel { background: url("./images/buttons/contact_o.gif"); }
		#btn_people_sel { background: url("./images/buttons/people_o.gif"); }


/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		NEWS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#news {
	width: 161px;
	float: right;
	display: inline; /* IE */
	margin: 20px 44px 25px 0;
	background: url("./images/news_bg.gif") repeat-y;
	text-align: left;
	}
	
	#news_header {
		width: 161px;
		height: 31px;
		background: url("./images/news_header.gif");
		}
		
		h2 { display: none; } /* Accessibility */
		
		.news_item {
			width: 141px;
			margin: 15px auto;
			padding: 0 0 5px 0;
			border-bottom: 1px solid #77BFE3;
			}
			
			.news_item h3 {
				margin: 0 0 10px 0;
				color: #0C7FBC;
				font-size: 0.8em;
				}
				
				.news_item p {
					color: #072147;
					font-size: 0.8em;
					margin: 5px 0 10px 0;
					}
	
	#news_footer {
		width: 161px;
		height: 7px;
		background: #fff url("./images/news_footer.gif") no-repeat;
		}

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		BACKGROUNDS
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#shadow {
	width: 491px;
	height: 10px;
	float: right;
	background: url("./images/shadow.jpg") no-repeat;
	}

	#bg_all {
		float: right;
		display: inline; /* IE */
		margin: 0;
		width: 238px;
		height: 470px;
		}
	
	.bg_home { background: url("./images/backgrounds/home_bg.jpg"); }
	.bg_services_contact { background: url("./images/backgrounds/services_contact_bg.jpg"); }
	.bg_reporting { background: url("./images/backgrounds/reporting_bg.jpg"); }
	.bg_training { background: url("./images/backgrounds/training_bg.jpg"); }
	.bg_people { background: url("./images/backgrounds/people_bg.jpg"); }
	
	#login_button {
		width: 92px;
		height: 27px;
		float: left;
		display: inline; /* IE */
		margin: 45px 0 0 68px;
		}



/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		CONTENT
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#content {
	width: 470px;
	float: left;
	display: inline; /* IE */
	margin: 45px 0 25px 70px;
	font-size: 0.9em;
	text-align: left;
	}
	
	#content h2 {
		margin: 35px 0 15px 0;
		color: #0C7FBC;
		font-weight: bold;
		font-size: 1.2em;
		display: block;
		}
		
		#content h3 {
			margin: 15px 0 8px 0;
			font-size: 1em;
			font-weight: bold;
			color: #072147;
			}
		
		#content p {
			margin: 0 0 10px 15px;
			color: #072147;
			}
			
			#content ul {
				margin: 0 15px 10px 40px;
				padding: 0;
				color: #072147;
				}
				
				#content li {
					margin: 0;
					padding: 0;
					list-style: disc;
					}
					
		 a,  a:visited {
			color: #072147;
			text-decoration: underline;
			}
			
			a:hover { text-decoration: none; }
			
			
					

/* 	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
		FOOTER
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#footer {
	width: 794px;
	height: 40px;
	background: #072147 url("./images/footer.png") no-repeat;
	clear: both;
	padding: 18px 0 0 0;
	}
	
	#wrapper>#footer { padding: 8px 0 0 0; } /* FF specific */
	
	#footer p {
		text-align: center;
		color: #666;
		font-size: 0.8em;
		}
		
		#footer p a {
			color: #666;
			text-decoration: none;
			}
			
			#footer p a:hover { text-decoration: underline; }
		
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	