/*	
	Template CSS 
	Developed by Alliance Software
	
	
	==========================================================
	
	TABLE OF CONTENTS
	
		1. Reset and colours
		2. General Setup
		3. Tiny MCE Default Styles
		4. Layout
		5. Nav
		6. Header
		7. Content
		8. Footer
		9. Forms
	
	=========================================================

*/
/* 	*********************************

		1. RESET AND COLOURS
		
	*********************************
*/
	@import url(reset.css);
	
	/*
		page colours go here for easy reference
	*/


/* 	*********************************

		2. GENERAL SETUP
		
	*********************************
*/
	body{
		font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;	
		font-size:12px;
		line-height:165%;				
		text-align:center;															
		/* background:url(../images/texture5_orig.gif); */
		background:url(../images/page_bg.png) repeat-x top;
		color:#444;
	}
	
	h3,h4,h5,h6 {
		margin:1em 0 0 0;
	}
	h1{font-size:2em; margin:0 0 0.5em;}
	h2{font-size:1.6em; margin:0 0 1em;}
	h3{font-size:1.4em;}
	h4{font-size:1.2em;}
	
	p{margin:0.5em 0 1em;}
	em{font-style:italic;}
	strong{font-weight:bold;}
	.text-left{text-align:left;}
	.text-right{text-align:right;}
	.text-center{text-align:center;}
	
	/* sets margins for lists in content, remember to overwrite for inline or floated lists */
	#content ul, #content ol, #content dl{margin:1em 0;}							
																						
	/* sets list style for ordered lists in content */																					
	#content ol li{	list-style-type:decimal; margin-left:30px;}
	/* sets margin for all list items in content */
	#content li{margin:0 0 0.5em;}													
	/* sets the margins and list type for un-ordered lists in content. Overwrite for inline lists and floated lists in the specified div */
	#content ul li{	list-style-type:square;	margin:0 0 0 30px;}
	/* use class on ul or ol to remove bullets from content  */
	#content .no-bullet li{	list-style-type:none; margin-left:0;}
	
	/* keep in LoVe HAte */
	a:link{color:#7094c2;}
	a:visited{color:#7094c2;}
	a:hover{color:#a34040;text-decoration:none;}
	a:active{color:#7094c2;}
	
	blockquote{border:1px solid #ccc; padding:12px; width:90%; margin:12px auto;}
	blockquote h2{font-size:1.4em;}
	blockquote img{float:right; margin:3px 8px;}
	
	/* To force the blockquote to clear itself */
	blockquote:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	blockquote {display:inline-block;}/* Hide from IE Mac \*/
	blockquote {display:block;}/* End hide from IE Mac */
	
	/* generic float and clear classes */
	.left{float:left;}
	.right{float:right;}
	.clear{clear:both;}
	.clear-left{clear:left;}
	.clear-right{clear:right;}
	
	/* clearfix enables self clearing floats, add class="clearfix" to any floated element to clear itself */
	.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	.clearfix {display:inline-block;}/* Hide from IE Mac \*/
	.clearfix {display:block;}/* End hide from IE Mac */





/* 	*********************************

		3. TINY MCE STYLES
		
	*********************************
*/
	.mceContentBody{
		background:#fff;															
		color:#222;																	
		text-align:left;															
	}
	.mceContentBody ul, .mceContentBody ol, .mceContentBody dl{margin:1em 0;}									
	.mceContentBody ol li{list-style-type:decimal; margin-left:30px;}
	.mceContentBody li{margin:0 0 0.5em;}															
	.mceContentBody ul li{list-style-type:square; margin:0 0 0 30px;}




/*	*********************************

		4. NAVIGATION
		
	*********************************
*/
	#nav-wrap{
		width:760px;
		margin:1em 0 1em 32px;
		
		background:#010206 url(../images/home-img-new.jpg) no-repeat right -1px;
		position:relative;
		padding:0;
		z-index:1000;
		height:auto;
		border:1px solid #000000;
	}
	ul#main-nav{
		padding:0;
		margin:0;
		position:relative;
		width:120px;
		
	}
	ul#main-nav li{
		line-height:1.2em;
		font-weight:bold;
		display:block;

		background:#ffffff url(../images/nav_bg.png) repeat-x bottom;
		font-size:13px;
		list-style-type:none;
		margin:0;
		padding:0;
	
	}
	ul#main-nav li a{
		display:block;
		padding:0px 10px;
		text-decoration:none;
		margin:0;	
		width:100px;	
		color:#333;
		line-height:30px;	
		border-bottom:1px solid #ccc;
		height:30px;							
	}
	ul#main-nav li a:hover{
		background:#bbb;
		color:#C10435;
		display:block;
		z-index:102;
	}
	/* Puts flyout menu relative to the parent list item, layers above ul for ie7 */
	ul#main-nav li:hover{
		position:relative;
	}
	ul#main-nav li ul{
		position:absolute;
		left:120px;
		visibility:hidden;
		top:-14px;
		width:150px;
		z-index:1001;
	}
	ul#main-nav li ul li{
		background-image:none;
		background-color:#bbb;
	}
	ul#main-nav li ul li:first-child{
		border-top:1px solid #999;
	}
	
	ul#main-nav li ul li a{
		border-left:0;
		width:130px;
		padding:0 10px;
	}
	
	ul#main-nav li:hover > ul {visibility:visible;}
	ul#main-nav li:hover > a{
		background:#bbb;	
		color:#C10435;	
	}
	/* Naughty Naughty, the old *html trick eh, bad ie6 */
	*html #main-nav a:hover{position:relative;}
	/* okay I'll be good */
	ul#main-nav a table {
		position:absolute; 
		top:0; 
		left:0; 
		border-collapse:collapse;
		width:0px;
	}
	ul#main-nav a:hover table {
		margin-left:120px;
		width:150px;
		height:215px;
	}
	ul#main-nav table ul {
		left:0px;
	}
	ul#main-nav li:hover ul, ul#main-nav a:hover ul{visibility:visible; }

	
	#secondary-content #nav-wrap{
		width:120px;
		margin:1em 0;
		position:absolute;
		float:left;
	}
	#secondary-content ul#main-nav{
		padding:0;
		margin:0;
		position:relative;
		width:120px;				
	}	
	/* End Secondary Nav */
	
	#content ul#bottom-nav{margin: 0 auto;width: 675px;}
	
	
	#content #bottom-nav li{
		-moz-border-radius:10px;
		background:#4784EE url(../images/button_bg.jpg) bottom repeat-x;
		border:1px solid #032C7C;
		float:left;
		font-size:20px;
		list-style-type:none;
		margin-left:35px;
		margin-top:25px;
		padding:0;
		text-align:center;
	}
	#content #bottom-nav li a{
		color:#fff;
		display:block;
		height:60px;
		padding:10px 0 0 0;
		text-decoration:none;
		width:140px;
		line-height:1.2em;
	}
	
	#content #bottom-nav li a.one_line{ padding-top:20px; height:50px;}
	#content #bottom-nav li.first {margin-left: 0px;}
	


/*	*********************************

		5. LAYOUT 
		
	*********************************
*/
	#wrapper {width:866px;margin:20px auto;}
	#wraptop {height:7px;width:866px;background:url(../images/wraptop.png) no-repeat;overflow: hidden;}
	#wrapback {height:auto;width:866px;background:url(../images/wrapback.png) repeat-y;}
	#wrapbase {height:7px;width:866px;background:url(../images/wrapbase.png) no-repeat;}

	#page{
		background:url(../images/page_bg2.png) repeat-x #b2b2b2;
		margin:0px auto;
		text-align:left;
		width:850px;
		border: 1px solid #032C7C;
	}
	#header{
		text-align: right;
	}
	#content{
		padding:0 1em 1em 1em;
	}
	#footer{
		margin-bottom:10px;
			
	}
	.body_content {width:740px;margin:10px auto 0; background-color:#fff; padding:10px; border:1px solid #000; position:relative; z-index:1;}
	
	
	
/* 	********************************* 

		6. HEADER 
		
	*********************************
*/
	#header h1{												
		background:url(../images/header_white.gif) no-repeat;
		height:140px;
		text-indent:-9999em;
		width:850px;
		text-align:left;
		margin-bottom:0;
	}

	#header h1 a{
		display:block;																
	}
	#header p {
		color:#FFFFFF;
		font-size:2.5em;
		font-weight:bold;	
		margin:0 20px 0 0;
		position:relative;
		bottom: 35px;
		text-align:right;
		font-style:italic;
	}
	

/*	********************************* 
		
		7. CONTENT 
		
	*********************************
*/
	.box{
		margin:12px 0;
		padding:12px 12px 0;
		border:1px solid #ccc;
	}
	.gutter{
		margin-right:30px;															
	}
	#main-content{
		background:#fff;
		float:right;
		margin:12px 25px 12px 0px !important; margin:12px 13px 12px 0px;
		padding:12px;
		width:606px;	
		min-height: 278px;		
		border: 1px solid #000000;										
	}
	#secondary-content{
		width:140px;
		float:left;
		margin-left:20px !important;margin-left:13px;
	}
	#secondary-content h3, #secondary-content h4{
		margin-top:0;
	}
	#secondary-content-alt{
		width:220px;
		float:left;
	}
	#secondary-content-alt h3{
		margin-top:0;
	}
	
	#main-content h1, #secondary-content h1 {color:#000000;}
	#main-content h2, #secondary-content h2 {color:#000000;}
	
	/* Testimonials */
	div.t1 {border: 1px solid #000000; padding:20px 20px 10px 20px; background-color: #F3F3F3; margin:.5em 0;}
	div.t2 {border: 1px solid #ffffff; padding:20px 20px 10px 20px; background-color: #ffffff; margin:0;}
	div.t1 p {color: #000000; margin:0 0 1em 0;}
	div.t2 p {color: #3366ff; margin:0 0 1em 0;}
	p.t_name {text-align:right; font-weight:bold; line-height:1em;}




/* 	*********************************

		8. FOOTER
		
	*********************************	
*/

	#footer ul{
		text-align:center;															
	}
	#footer ul li{
		display:inline;																
		padding:6px;
	}
	#footer {text-align:center; color:#FFFFFF; padding:20px 0 4px;}
	#footer p {margin:0;}
	#footer a {color:#FFFFFF;}


/*	*********************************
	
		9. FORMS

	*********************************
*/

	div.contactform {}
	div.contactform div.row {height:30px; clear:both;}
	div.contactform div.row_large {clear:both;}
	div.contactform legend {font-weight:bold;} 
	div.contactform form {margin-left:20px;}
	div.contactform label {font-weight:bold; width:70px; display:block;float:left;}
	div.contactform input {margin-bottom: 5px; float:left;}
	div.contactform select {margin-bottom: 5px; float:left;}
	div.contactform div.buttons {margin-left:60px; margin-top:5px;}
	div.contactform div.buttons input {margin-right:10px;}
	div.error {color:#FF0000; font-weight:bold;}
	
	div.contactform label.state {width:40px; float:left;}
	div.contactform input.suburb {float:left; margin-right:10px;}
	div.contactform input.submit {margin:5px 0 0 70px; float:none;}
	
	div.contactform div.error {margin:10px 0;}
	div.contactform div.error p {margin:0; color:red; font-weight:bold;}
	div.contactform p.error{margin:0; float:left; color:red; font-weight:bold; margin-left:5px;}
	
	div.contactform span.error {color:red; font-weight:bold; margin-left:5px;}
	
	/* Appointment Form */
	div.contactform div.times {}
	div.contactform div.times label {width:400px; margin-left:70px;}
	div.contactform div.times textarea {width:320px; margin-left:70px;}

	

	@import url(forms.css);