body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	font-size: 62.5%;
}

#site-holder {
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

#top-header {
	height: 70px;
	width: 760px;
	margin: 0;
	padding: 0;
	text-align: right;
	float: left;
}

#top-section-holder {
	width: 760px;
	margin-bottom: 30px;
	float: left;
}


/*------------------------- first 5 of the top menu layout -----------------------*/

#top-menu1 {
	display: inline;
	width: 210px;
	height: 150px;
	float: left;
	background-color: #EEE;
	margin-right: 5px;
}

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

#top-menu1 ul li {
	margin: 0;
	padding: 0;
}

#top-menu1 ul li a {
	margin: 0;
	padding: 0;
	height: 30px;
	display: block;
	width: 210px;
	text-decoration: none;
}

#top-menu1 ul li a#introducing {
	background-image: url(../sitepix/navigation/introducing.gif);
}

#top-menu1 ul li a#understanding {
	background-image: url(../sitepix/navigation/understanding.gif);
}

#top-menu1 ul li a#what-is {
	background-image: url(../sitepix/navigation/what_is_a_cochlear.gif);
}

#top-menu1 ul li a#having-a {
	background-image: url(../sitepix/navigation/having_a_cochlear.gif);
}

#top-menu1 ul li a#what-can {
	background-image: url(../sitepix/navigation/what_can_you_hear.gif);
}

#top-menu1 a#introducing:hover, #top-menu1 a#understanding:hover, #top-menu1 a#what-is:hover, #top-menu1 a#having-a:hover, #top-menu1 a#what-can:hover {
	background-position: 0px -30px;
}
#top-menu1  a#introducing.active, #top-menu1 a#understanding.active, #top-menu1 a#what-is.active, #top-menu1 a#having-a.active, #top-menu1 a#what-can.active {
	background-position: 0px -60px;
}

/*------------------------- Second 5 of the top menu layout -----------------------*/
#top-menu2 {
	display: inline;
	width: 225px;
	height: 150px;
	float: left;
	background-color: #EEE;
	margin-right: 5px;
}

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

#top-menu2 ul li {
	margin: 0;
	padding: 0;
}

#top-menu2 ul li a {
	margin: 0;
	padding: 0;
	height: 30px;
	display: block;
	width: 225px;
	text-decoration: none;
}

#top-menu2 ul li a#living-with {
	background-image: url(../sitepix/navigation/living_with_a_cochlear.gif);
}

#top-menu2 ul li a#care {
	background-image: url(../sitepix/navigation/care_maintenance.gif);
}

#top-menu2 ul li a#outcomes {
	background-image: url(../sitepix/navigation/outcomes_of_cochlear.gif);
}

#top-menu2 ul li a#news-views {
	background-image: url(../sitepix/navigation/news_and_views.gif);
}

#top-menu2 ul li a#contact {
	background-image: url(../sitepix/navigation/contact.gif);
}

#top-menu2 a#living-with:hover, #top-menu2 a#care:hover, #top-menu2 a#outcomes:hover, #top-menu2 a#news-views:hover, #top-menu2 a#contact:hover {
	background-position: 0px -30px;
}
#top-menu2 a#living-with.active, #top-menu2 a#care.active, #top-menu2 a#outcomes.active, #top-menu2 a#news-views.active, #top-menu2 a#contact.active {
	background-position: 0px -60px;
}

/*------------------------- Picture holder to right of the top menus -----------------------*/

#top-picture {
	width: 315px;
	height: 150px;
	float: left;
	background-color: #EEE;
}

/*------------------------- left section and sub menu holder -----------------------*/

#left-section {
	width: 185px;
	float: left;
}

#sub-menu-holder {
	margin: 0;
	padding-right: 20px;
}

#sub-menu-holder ul {
	margin: 0px 0px 0px 15px;
	padding: 0;
	list-style-image: url(../sitepix/structural/sub_menu_arrow.gif);
}

#sub-menu-holder ul li {
	margin: 0px 0px 8px 0px;
	padding: 0;
}

#sub-menu-holder ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 1.2em;
	color: #333;
	
}

#sub-menu-holder ul li a:hover {
	color: #B93066;
}

/*------------------------- main section  holder -----------------------*/

#main-holder {
	display: inline;
	width: 574px;
	float: left;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
}

#main-holder p {
	color: #333333;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-left: 29px;
}

#main-holder .bold {
	color: #005E78;
	font-weight: bold;
	font-size: 1.2em;
}

#main-holder h1 {
	color: #B93066;
	font-size: 2.0em;
	font-weight: lighter;
	margin-top: 0px;
	margin-left: 29px;
}

#main-holder .blue {
	color: #005E78;
	font-weight: lighter;
}


#main-holder h2 {
	color: #005E78;
	font-size: 1.4em;
	font-weight: lighter;
	margin-bottom: 0px;
	margin-left: 29px;
}

#main-holder ul {
	color: #333333;
	font-size: 1.2em;
	list-style-image: url(../sitepix/structural/sub_menu_arrow.gif);
}

#main-holder ul li {
	line-height: 1.5em;
	margin-left: 29px;
}

#main-holder a {
	color: #B93066;
	font-size: 1.0em;
	text-decoration: none;
}

#main-holder a:hover {
	color: #0E6D85;
}

#main-holder #contact-names p {
	color: #666;
	font-size: 1.0em;
	margin: 0px 0px 5px 29px;
}

#main-holder #alert {
	background-color: #FF0000;
	margin: 0 0 0 29px;
	padding: 15px;
}

#main-holder #alert p {
	color: #FFF;
	margin: 0 0 15px 0;	
}

#main-holder #alert h2 {
	color: #FFF;
	margin: 0 0 15px 0;
	font-size: 24px;
}

/*------------------------- bottom menu layout design -----------------------*/

#bottom-menu {
	padding: 25px 0px 0px 0px;
	width: 760px;
	height: 30px;
	float: left;
	margin-top: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#bottom-menu ul {
	margin: 0;
	padding: 0;
}

#bottom-menu ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#bottom-menu ul li.spacer {
	margin: 0px 5px 0px 5px;
}

#bottom-menu ul li a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 0.95em;
	color: #333;
}

#bottom-menu ul li a:hover {
	color: #B93066;
}


/*------------------------- Footer layout design -----------------------*/

#footer {
	padding: 20px 0px 0px 0px;
	margin-bottom: 20px;
	width: 760px;
	height: 60px;
	float: left;
	background-image: url(../sitepix/structural/footer_logo.gif);
	background-repeat: no-repeat;
}

#footer p {
	font-size: 0.95em;
	color: #333333;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#footer a {
	color: #B93066;
	font-size: 1em;
	text-decoration: none;
}

#footer a:hover {
	color: #0E6D85;
}