@charset "utf-8";
/* CSS Document */

body, div, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px; padding: 0px; border: 0px;
}
.clear:after {
	content: ""; display: block; clear: both;
}
	.clear { zoom: 1; }
body {
	font:13px Arial, Helvetica, sans-serif;
	background: url(../images/bg-container.png) repeat-x fixed;
}
/*body.bg-long {
	background: url(../images/bg-container-long.png) repeat-x;
}*/
.redText {
	color:#780032;
}
#container {
	width:1024px;
	margin:0 auto;
	
}

#header {
	position:relative;
	height:96px;
}
	#header h1{
		position:absolute;
		left:60px;
		bottom:0;
	}
		#header h1 a{
			background:url(../images/logo.png) no-repeat;
			display:block;
			width:116px;
			height:79px;
			text-indent:-9999px;
			outline:none;
		}
	#header h2{
	position:absolute;
	top:18px;
	right:45px;
	font-size:13px;
	color:#6BBAC0;
	font-weight:normal;
	text-align:right;
	}
	#header ul{
		list-style:none;
		padding:62px 0 0 207px;
	}
		#header ul li{
			float:left;
				-moz-border-radius: 10px; 
				-webkit-border-radius: 10px;
				background-color:#33aab5;
				margin:0 10px 0 0;
				display:inline-block;
				height:20px;
				text-align:center;				
		}
			#header ul li a{
				color:#FFFFFF;
				text-decoration:none;
				padding:0 8px;
				line-height:20px;
				font-size:13px;
			}
			
			#header ul li.active
			
			 {
				background-color:#FFFFFF;
			}
				#header ul li.active a
				{
					color:#33aab5;
				}
	#main {
	padding:0 0 20px 0;
}
	#main ul.index{
		list-style:none;
		width:930px;
		margin:30px auto 0;
	}
		#main ul.index li{
			float:left;
			width:300px;
			height:160px;
			text-align:center;
			vertical-align: middle;
			position:relative;
			color:#FFFFFF;
			
		}
			#main ul.index li h2{
				margin:0 auto;
				width:240px;
				font-weight:normal;
			}
			#main ul.index li div{
				display:block;
				height:136px;
				width:276px;
				position:absolute;
				left:0;
				top:0;	
				padding:12px;	
				display:block;	
			}
			#main ul.index li.one div.banner-0{
				z-index:20;
				background:#780032 url(../images/echo.png) center no-repeat;
			}
			#main ul.index li.one div.banner-1{
				z-index:10;
				background:#780032
			}
			#main ul.index li.two div.banner-0{
				z-index:20;
				background:#008C99 url(../images/echo.png) center no-repeat;
			}
			#main ul.index li.two div.banner-1{
				z-index:10;
				background:#008C99
			}
			#main ul.index li.three div.banner-0{
				z-index:20;
				background:#666666 url(../images/echo.png) center no-repeat;
			}
			#main ul.index li.three div.banner-1{
				z-index:10;
				background:#666666
			}
				#main ul.index li div p{
					text-align:left;
					line-height:22px;
					margin:0;
					padding:0;			
				}
				#main ul.index li div a{
					color:#FFFFFF;
					text-decoration:none;
				}
				#main ul.index li div h2{
					height:136px;
					width:276px;
					display:block;	
				}
			#main ul.index li.one h2{
				padding:56px 0 0 0;		
			}
		#main ul.index li.two{
			margin:0 15px;
		}
			#main ul.index li.two h2{
				padding:46px 0 0 0;		
			}
			#main ul.index li.two p{
				padding:20px 0 0 0;
				text-align:center;		
			}
			#main ul.index li.three h2{
				padding:56px 0 0 0;		
			}
	#content.link img{
		vertical-align:middle;
		padding:0 20px 0 0;
	}
	#content.link img.banner{
		padding:0;
	}
#feature {
	position:relative;
	width:936px;
	height:230px;
	margin:30px auto 0;
}
	#feature img{
	
	}

.shadow-top-left {
	width:362px;
	height:27px;
	background:url(../images/shadow-top-left.png) no-repeat;
	position:absolute;
	top:-15px;
	left:-5px;
}
.shadow-top-right {
	width:362px;
	height:27px;
	background:url(../images/shadow-top-right.png) no-repeat;
	position:absolute;
	top:-15px;
	right:-5px;
}
.shadow-bottom-left {
	width:362px;
	height:27px;
	background:url(../images/shadow-bottom-left.png) no-repeat;
	position:absolute;
	bottom:-15px;
	left:-5px;
}
.shadow-bottom-right {
	width:362px;
	height:27px;
	background:url(../images/shadow-bottom-right.png) no-repeat;
	position:absolute;
	bottom:-15px;
	right:-5px;
}
#content {
	width:906px;
	margin:36px auto 0;
	padding:27px 32px;
	background:#FFFFFF url(../images/bg-content.png) 53px 90px no-repeat;
	position:relative;
}
	#content .banner {
		position:absolute;
		top:0;
		right:0;	
	}
	#content .content-about {
		width:565px;
		position:relative;	
	}
	#content .content-fees {
		width:726px;
		position:relative;	
	}
	#content .content-booking {
		width:726px;
		position:relative;	
	}
	#content .content-auslan {
		width:545px;
		position:relative;	
	}
	#content .content-notetaking {
		width:736px;
		position:relative;	
	}
	#content .content-tips {
		width:696px;
		position:relative;	
	}
	#content .content-ethics {
		width:506px;
		position:relative;	
	}
	#content .content-faqs {
		width:696px;
		position:relative;	
	}
	#content .content-testimonials {
		width:606px;
		position:relative;	
	}
	#content .content-links {
		width:656px;
		position:relative;	
	}
	#content .content-contact {
		
		position:relative;	
	}	
	#content h2 {
		color:#780032;	
	}
	
	#content p {
		margin:20px 0;
		font-size:13px;
		line-height:20px;	
	}
	#content a{
		color:#780032;
		text-decoration:none;
	}
	#content a.booking{
		text-decoration:none;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		background:#D5E9EB;
		color:#008C99;
		padding:0 7px;
		margin:15px 0 0 0;
		width:auto;
		display:inline-block;
		height:20px;
		line-height:20px;
		font-size:11px;
	}
	#content a.booking:hover{
		color:#D5E9EB;
		text-decoration:none;
	}		
	#content a:hover {
		text-decoration:underline;
	}
	#content ul {
		list-style:none;
		padding:0 0 0 35px;
	}
		#content ul li{
			background:url(../images/bullet.png) 0 8px no-repeat;
			padding:0 0 0 20px;
			line-height:22px;
			display:block;
		}
		#content ul li:first-child {
			margin:5px 0 0 0;
			 
		}
#pdf {
	position:relative;
	margin:10px 0 0 0;
}
	#pdf a{
		color:#008C99;
		padding:0 20px 0 0;
		margin:0 0 10px 0;
		text-decoration:none;
		background: url(../images/icon-pdf.png) right no-repeat;
		
	}
	
#footer {
	width:931px;
	margin:20px auto 40px;
	border-top:1px solid #780032;
	color:#780032;
	font-size:11px;
}
	#footer p{
		position:relative;
		margin:10px 0 0 0;
	}
	#footer p.bottom{
		
		margin:30px 0 0 0;
	}
	#footer a{
		text-decoration:none;
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		background:#EAD4D6;
		color:#780032;
		padding:0 7px;
		width:auto;
		display:inline-block;
		height:20px;
		line-height:20px;
	}
	#footer a:hover,
	#footer a:focus,
	#footer a:active{
		color:#EAD4D6;
	}
	#footer p span.right{
		position:absolute;
		right:0;
	}