/* Generic Selectors */ 

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #AAAAAA;
	margin: 0px;
	}
	
p {
	color: #333399;
	}


li {
	list-style-type: none;
	line-height: 150%;
	vertical-align: top;
	}
	
ul {
	position: relative;
	margin: 10px 0px 10px 20px;
	}
	
h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003366;
	}

h2 { 
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
	}

a {
	font-weight: bold;
	}

b {
	font-weight: bold;
	}
	
strong {
	font-weight: normal;
	}

dt { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
	padding: 0;
	margin: 0;
	}

/**************** Pseudo classes ****************/ 
a :link {
	color: #0000CC;
	font-weight: bold;
	text-decoration: underline;
	}

a :visited { 
	color: #660066;
	font-weight: bold;
	text-decoration: underline;
	}

a :hover { 
	color: #990000;
	text-decoration: none;
	}

a :active { 
	color: #006600;
	text-decoration: none;
	}

a.footer_links :link {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	}

a.footer_links :visited { 
	color: #336666;
	font-weight: bold;
	text-decoration: none;
	}

a.footer_links :hover { 
	color: #666666;
	font-weight: bold;
	text-decoration: underline;
	}

a.footer_links :active { 
	color: #006600;
	font-weight: bold;
	text-decoration: underline;
	}

/************************* ID's & Classes*************************/ 

#whole_page {
	z-index: 100;
	position: relative;
	margin: 0px auto 0px auto;
	width: 1100px;
	height: 250px;
	border: none;
	list-style-type: none;
	background-color: #EEEEEE;
	color: #333333;
	}
	
#banner {
	z-index: 2;
	position: relative;
	top: 0px;
	left: 15px;
	width: 1070px;
	margin: 0px;
	border: none;
	background-color: #FFFFFF;
	}
	#banner_images_wrapper {
		position: relative;
		top: 0px;
		left: 0px;
		height: 150px;
		margin: 0px;
		padding: 0px;
		}
		#banner_image {
			position: absolute;
			top: 0px;
			left: 0px;
			}
		#banner_blurb {
			position: relative;
			top: 0px;
			left: 350px;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
			font-weight: bold;
			line-height: 125%;
			color: #FF0000;
			}
		#banner_logo {
			position: absolute;
			top: 0px;
			right: 0px;
			}
			
	#banner_text {
		background-color: #CC2200;
		height: 24px;
		}
		#banner_text h1 {  /* this is not working: want to get rid of the paragraph spacing on the <h1> tag */
			margin: 0px;
			padding: 0px;
			margin: 0px;
			font: "Times New Roman", Times, serif;
			font-size: 14px;
			text-indent: 10px;
			font-weight: bold;
			line-height: 16pt;
			vertical-align: middle;
			white-space: nowrap;
			color: #FFDD80;
			}

#wrapper {
	z-index: 2;
	position: relative;
	top: 15px;
	background-color: #EEEEEE;
	width: 1100px;
	margin: 0px 0px 25px 0px;
	padding: 0px 0px 25px 0px;
	}

	#main_text { 
		z-index: 2;
		position: relative;
		top: 0px;
		left: 190px;
		min-height: 400px;
		width: 618px;
		margin: 0px; /* 15 margin either side*/
		border: 1px solid #AACCDD;
		padding: 30px 40px 60px 20px; /*top right(200 right_bar+40) bottom left(160 left_bar + 15 spacer + 30 padding)*/
		background-color: #F8FFFF;
		color:#220000;
		}
		#main_text h1 { 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 18px;
			font-weight: bold;
			color: #003366;
			}
		#main_text h2 { 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #003366;
			}
		#main_text h3 { 
			font-family: Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight: bold;
			color: #990000;
			padding: 0;
			margin: 0;
			}
		#main_text hr {
			color: #AACCDD;
			}
		.main_text_statement {
			display: inline;
			margin: 3px 5px;
			padding: 0px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-weight: bold;
			color: #990000;
			}
		#main_text p {
			text-align: justify;
			color: #000033;
			}
		#main_text a {
			font-weight: normal;
			}
		#phone {
			float: left;
			margin: 10px 25px 10px 0px;
			border-color: #FF0000;
			top: 40px;
			left: 40px;
			}
		#wrapper_summ_chart {
			position: relative;
			width: 602px;
			padding: 8px;
			margin: 0px 15px 0px 0px;
			background-color: #E8F0F0;
			}
			#main_text h6 {
				padding: 6px 0px 3px 0px;
				margin: 0px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				text-align: left;
				color: #AA0000;
				}
			.summ_chart {
				position: relative;
				margin: 5px;
				}
			.summ_chart ul {
				position: relative;
				margin: 5px 5px 5px 25px;
				list-style-type: square;
				list-style-position: inside;
				}
			ul#products_list {
				position: relative;
				width: 465px;
				text-align: justify;
				margin: 5px 5px 5px 20px;
				list-style-type: square;
				list-style-position: outside;
				}
			
		.shaded_para {
			margin: 6px 0px;
			padding: 6px 8px 8px 8px;
			border: 1px solid #AACCCC;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			line-height: 18px;
			background-color: #E8F0F0;
			}
		#shaded_pillars_div {
			margin: 6px 0px;
			border: 1px solid #AACCCC;
			padding: 5px 6px 7px 6px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			background-color: #E8F0F0;
			}
		#shaded_pillars_div a:link {
			color: #0000CC;
			margin: 0px 3px;
			padding: 3px 4px 3px 4px;
			line-height: 16px;
			text-decoration: none;
			list-style-type: none;
			}
		#shaded_pillars_div a:visited {
			color: #1111CC;
			margin: 0px 3px;
			padding: 3px 4px 3px 4px;
			line-height: 16px;
			text-decoration: none;
			list-style-type: none;
			}
		#shaded_pillars_div a:hover {
			color: #0000FF;
			margin: 0px 3px;
			padding: 3px 4px 3px 4px;
			line-height: 16px;
			text-decoration: none;
			list-style-type: none;
			}
		#shaded_pillars_div a:active {
			color: #DD1111;
			margin: 0px 3px;
			padding: 3px 4px 3px 4px;
			line-height: 16px;
			text-decoration: none;
			list-style-type: none;
			}
		.mauve {
			color: #CC0000;
			}
			#wrapper_contact {
				position: relative;
				width: 490px;
				}
			.contact_div01 {
				float: left;
				text-align: right;
				width: 100px;
				}
			.contact_div02, .contact_div02 a {
				float: left;
				padding: 4px 0px 8px 30px;
				font-weight: bold;
				font-size: 14px;
				}
		.faq_question_text {
			color: #003333;
			margin-bottom: 0px;
			padding-bottom: 0px;
			}
		.q {
			font-weight: bold;
			font-size: 14px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #DD0000;
			}
		.faq_answer_text {
			color: #005555;
			margin-top: 0px;
			padding-top: 0px;
			}
		.a {
			font-weight: bold;
			font-size: 14px;
			font-family: Georgia, "Times New Roman", Times, serif;
			color: #FF0000;
			}
		.text_16px {
			font-size: 16px;
			color: #CC0000;
			}
		.client_links a:link {
			color: #0000BB;
			font-weight: normal;
			text-decoration: none;
			}
		.client_links a:visited { 
			color: #336666;
			font-weight: normal;
			text-decoration: none;
			}
		.client_links a:hover { 
			color: #666666;
			padding-bottom: 1px;
			font-weight: normal;
			text-decoration: underline;
			}
		.client_links a:active { 
			color: #660000;
			padding-bottom: 1px;
			font-weight: normal;
			text-decoration: underline;
			}
		ul#info_forms_list {
			position: relative;
			width: 465px;
			text-align: justify;
			margin: 5px 5px 5px 20px;
			list-style-type: square;
			list-style-position: outside;
			}
/*		#business_type_links {
				position: relative;
				margin: 0px 8px;
				top: -8px;
				height: 90px;
				}*/
				/* remove all the bullets, borders and padding from the default list styling */
	/*			#business_type_links ul {
					position: relative;
					vertical-align: top;
					width: 178px;
					height: 24px;
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					}
				* html #business_type_links ul {
					margin-left: 0px; 
					}
				/* position relative so that you can position the sub levels */
		/*		#business_type_links li {
					position: relative;
					vertical-align: top;
					height: 24px;
					border: 2px solid;
					border-color: #DDEEFF #8899AA #778899 #CCDDEE;
					list-style-type: none;
					}
				
				/* style the links */
		/*		#business_type_links a {
					position: relative;
					display: block;
					text-decoration: none;
					height: 24px;
					line-height: 24px;
					width: 174px;
					font-size: 10pt;
					font-weight: bold;
					text-indent: 5px;
					background-color: #E7EBD8;
					color:#003366;
					}
				#business_type_links a:visited {
					position: relative;
					display: block;
					text-decoration: none;
					height: 24px;
					line-height: 24px;
					width: 174px;
					font-size: 10pt;
					font-weight: bold;
					text-indent: 7px;
					background-color: #E7EBD8;
					color:#226699;
					}
				/* hack for IE5.5 */
		/*		* html #business_type_links a, * html #business_type_links a:visited {
					background: #E7EBD8; 
					width: 174px;
					}
				/* style the link hover for IE*/
		/*		* html #business_type_links a:hover {
					color: #990000; 
					width: 172px;
					background: #C7E5F5;  
					text-indent: 7px;
					}
				#business_type_links :hover {
					color: #990000; 
					/*position: relative;*/
			/*		text-indent: 7px;
					width: 172px;
					background: #C7E5F5;
					}
			*/	
	#left_bar {
		z-index: 3;
		position: absolute;
		top: 0px;
		left: 15px;
		width: 160px;
		margin: 0px;
		border: none;
		padding: 0px;
		color: #990000;
		}
		#menu_box {
			z-index: 3;
			position: relative;
			top: 0px;
			left: 0px;
			height: 280px;
			width: 158px;
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			border: 1px solid #AACCDD;
			background-color: #F8FFFF;
			}
			#menu_box_name {
				z-index: 4;
				position: relative;
				display: block;
				top: -7px;
				left: 10px;
				width: 75px;
				height: 15px;
				border: none;
				padding: 0px 8px 0px 8px;
				font-weight: bold;
				background-color: #F0F8FA;
				color: #336699;
				}

			.menu {
				z-index: 6;
				position: relative;
				padding: 0px 0px 10px 7px;
				font-size:90%;
				}

				/* remove all the bullets, borders and padding from the default list styling */
				.menu ul {
				position: relative;
				vertical-align: top;
				width: 140px;
				height: 24px;
				padding: 0px;
				margin: 0px;
				list-style-type: none;
				}
				* html .menu ul {
					margin-left: 0px; 
					}
				/* position relative so that you can position the sub levels */
				.menu li {
				position: relative;
				vertical-align: top;
				height: 24px;
				border: 2px solid;
				border-color: #DDEEFF #8899AA #778899 #CCDDEE;
				list-style-type: none;
				}
				/* get rid of the table */
				.menu table {
					z-index: 9;
					position: absolute; 
					top: 0px; 
					left: 0px; 
					border-collapse: collapse; 
					font-size: 1em;
					}
				/* style the links */
				.menu a, .menu a:visited {
					position: relative;
					display: block;
					text-decoration: none;
					height: 24px;
					line-height: 24px;
					width: 136px;
					font-size: 10pt;
					font-weight: bold;
					text-indent: 5px;
					background-color: #E7EBD8;
					color:#003366;
					}
				/* hack for IE5.5 */
				* html .menu a, * html .menu a:visited {
					background: #E7EBD8; 
					width: 136px;
					}
				/* style the link hover for IE*/
				* html .menu a:hover {
					color: #990000; 
					width: 138px;
					background: #C7E5F5;  
					text-indent: 7px;
					}
				.menu :hover > a {
				color: #990000; 
				text-indent: 7px;
				width: 138px;
				background: #C7E5F5;
				}
				/* hide the sub levels and give them a positon absolute so that they take up no room */
				.menu ul ul {
				visibility: hidden;
				position: absolute;
				top: -2px;
				left: 138px;
				}
				/* make the second level visible when hover on first level list OR link */
				.menu ul li:hover ul,
				.menu ul a:hover ul {
				visibility: visible;
				}
				/* keep the third level hidden when you hover on first level list OR link */
				.menu ul :hover ul ul {
				visibility: hidden;
				}
				/* keep the fourth level hidden when you hover on second level list OR link */
				.menu ul :hover ul :hover ul ul {
				visibility: hidden;
				}
				/* make the third level visible when you hover over second level list OR link */
				.menu ul :hover ul :hover ul { 
				visibility: visible;
				}
				/* make the fourth level visible when you hover over third level list OR link */
				.menu ul :hover ul :hover ul :hover ul { 
				visibility: visible;
				}
					
		#quick_contact_box {
			z-index: 3;
			position: relative;
			top: 0px;
			left: 0px;
			width: 158px;
			margin: 15px 0px 0px 0px;
			border: 1px solid #AACCDD;/*top right bottom left*/
			background-color: #F8FFFF;
			}
			.style1300 {
				width: 140px;
				margin: 4px 5px;
				padding: 3px 4px;
				font-weight: bold;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 15px;
				letter-spacing: 1px;
				display: block;
				color: #0000DD;
				background-color: #E8F0F0;
				}
			#email_link {
				text-decoration: underline;
				margin: 4px 5px;
				padding: 3px 4px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 15px;
				font-weight: bold;
				line-height: 19px;
				display: block;
				color: #0000DD;
				background-color: #E8F0F0;
				}
				/*#quick_contact_box a:link{
					color: #0000AA;
					font-weight: bold;
					text-decoration: none;
					}
				#quick_contact_box a:visited { 
					color: #990066;
					font-weight: normal;
					text-decoration: none;
					}
				#quick_contact_box a:hover { 
					color: #990000;
					padding-bottom: 2px;
					font-weight: bold;
					text-decoration: none;
					}
				#quick_contact_box a:active { 
					color: #CC0000;
					padding-bottom: 2px;
					font-weight: normal;
					text-decoration: underline;
					}*/
			#quick_contact_box_name {
				z-index: 4;
				display: block;
				position: relative;
				top: -7px;
				left: 10px;
				width: 100px;
				height: 15px;
				border: none;
				padding: 0px 8px 0px 8px;/* pads the box around final text length */
				font-weight: bold;
				background-color: #F0F8FA;
				color: #336699;
				}

	#right_bar {
		z-index: 3;
		position: absolute;
		top: 0px;
		right: 15px;
		width: 200px;
		margin: 0px 0px 0px 0px;
		}
		
		#search_box {
			z-index: 3;
			position: relative;
			top: 0px;
			right: 0px;
			width: 198px;
			margin: 0px 0px 0px 0px;
			border: 1px solid #AACCDD;
			padding: 0px 0px 15px 0px;
			font-weight: normal;
			background-color: #F8FFFF;
			}
			#search_box_name {
				z-index: 4;
				position: relative;
				top: -7px;
				left: 20px;
				display: block;
				width: 110px;
				height: 15px;
				border: none;
				margin: 0px;
				padding: 0px 8px 0px 8px;/* pads the box around final text length */
				font-weight: bold;
				background-color: #F0F8FA;
				color: #336699;
				}
			#google_search {
				padding: 0px 0px 0px 5px;
				}
			.search_aussie {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-weight: bold;
				}
		
		#intuitive_links_box {
			z-index: 3;
			position: relative;
			top: 0px;
			right: 0px;
			width: 198px;
			margin: 15px 0px 0px 0px;
			padding: 0px;
			border: 1px solid #AACCDD;
			background-color: #F8FFFF;
			}
			#intuitive_links_box p {
				padding: 0px 8px;
				margin: 0px;
				font-weight: 500;
				color: #990000;
				}
			#intuitive_links_box_name {
				z-index: 4;
				position: relative;
				top: -7px;
				left: 20px;
				display: block;
				white-space: nowrap;
				width: 120px;
				height: 15px;
				border: none;
				padding: 0px 8px 0px 8px;/* pads the box around final text length */
				font-weight: bold;
				background-color: #F0F8FA;
				color: #336699;
				}
			.intuitive_links {
				position: relative;
				margin: 0px 8px;
				top: -8px;
				height: 90px;
				}
				/* remove all the bullets, borders and padding from the default list styling */
				.intuitive_links ul {
					position: relative;
					vertical-align: top;
					width: 178px;
					height: 24px;
					padding: 0px;
					margin: 0px;
					list-style-type: none;
					}
				* html .intuitive_links ul {
					margin-left: 0px; 
					}
				/* position relative so that you can position the sub levels */
				.intuitive_links li {
					position: relative;
					vertical-align: top;
					height: 24px;
					border: 2px solid;
					border-color: #DDEEFF #8899AA #778899 #CCDDEE;
					list-style-type: none;
					}
				
				/* style the links */
				.intuitive_links a {
					position: relative;
					display: block;
					text-decoration: none;
					height: 24px;
					line-height: 24px;
					width: 174px;
					font-size: 10pt;
					font-weight: bold;
					text-indent: 5px;
					background-color: #E7EBD8;
					color:#003366;
					}
				.intuitive_links a:visited {
					position: relative;
					display: block;
					text-decoration: none;
					height: 24px;
					line-height: 24px;
					width: 174px;
					font-size: 10pt;
					font-weight: bold;
					text-indent: 7px;
					background-color: #E7EBD8;
					color:#226699;
					}
				/* hack for IE5.5 */
				* html .intuitive_links a, * html .intuitive_links a:visited {
					background: #E7EBD8; 
					width: 174px;
					}
				/* style the link hover for IE*/
				* html .intuitive_links a:hover {
					color: #990000; 
					width: 172px;
					background: #C7E5F5;  
					text-indent: 7px;
					}
				.intuitive_links :hover {
					color: #990000; 
					/*position: relative;*/
					text-indent: 7px;
					width: 172px;
					background: #C7E5F5;
					}
				/*.intuitive_links a:link {
					text-decoration: underline;
					text-indent: 4px;
					color: #0000AA;
					font-weight: 550;
					display: block;
					height: 24px;
					background-color: #E7EBD8;
					}
				.intuitive_links a:visited { 
					text-decoration: underline;
					text-indent: 4px;
					color: #990066;
					font-weight: 550;
					display: block;
					height: 24px;
					background-color: #E7EBD8;
					}
				.intuitive_links a:hover { 
					text-decoration: none;
					text-indent: 6px;
					color: #990000;
					font-weight: 450;
					display: block;
					height: 24px;
					background-color: #E7EBD8;
					}
				.intuitive_links a:active { 
					text-decoration: underline;
					text-indent: 6px;
					color: #CC0000;
					font-weight: 550;
					display: block;
					height: 24px;
					background-color: #E7EBD8;
					}*/
	
		#customer_quote_box {
			z-index: 3;
			position:relative;
			top: 0px;
			right: 0px;
			width: 198px;
			margin: 15px 0px 0px 0px;
			border: 1px solid #AACCDD;
			background-color: #F8FFFF;
			}
		#customer_quote_box_name {
			z-index: 4;
			display: block;
			position: relative;
			top: -7px;
			left: 20px;
			width: 115px;
			height: 15px;
			border: none;
			padding: 0px 8px 0px 8px;/* pads the box around final text length */
			font-weight: bold;
			background-color: #F0F8FA;
			color: #336699;
			}
			#customer_quote p {
				padding: 0px 8px 10px 12px;
				font family: "Trebuchet MS", "Lucida Sans", Arial, sans-serif;
				font-style: italic;
				font-size: 13px;
				color: #BB0000;
				font-weight: 400;
				}

#footer {	
	z-index: 1;
	position: relative;
	top: -10px;
	left: 0px;
	width: 1100px;
	border: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #C0C0C0;
	color: #003399;
	}
	#footer a {
		display: block;
		display: inline;
		font-size: 9pt;
		font-weight: normal;
		text-decoration: none;
		background-color: #C0C0C0;
		color: #003399;
		}


/* Jump Boxes.  Full credit to Stu Nichols for original design. See: http://www.http://www.cssplay.co.uk/menu/business_type for his original */

	#business_type div {
		float: left;
		display:inline;
		padding: 10px 0px;
		margin-left: 2px;
		width: 200px;
		height: 215px;
		background: #DDDDDD;
		border: 1px;
		border-color: #FFFFFF;
		}
							
				#business_type div a, #business_type div a:visited {
					display: block;
					text-decoration: none;
					color: #0000DD;
					font-family: arial, sans-serif;
					font-weight: bold;
					font-size: 14px;
					background: #DDDDDD;
					}
					
				#business_type div a:hover, {
					display: block;
					text-decoration: none;
					color: #990000;
					font-family: arial, sans-serif;
					font-weight: bold;
					font-size: 14px;
					background: #DDDDDD;
					/*border: 8px solid #0000DD;*/
					}
	
				#business_type_size div a:hover, {
					display: block;
					color: #990000;
					}

/*				#business_type li dl {
					visibility: hidden;
					position: absolute;
					}

#business_type table {
	margin: -2px;
	border: 0px;
	padding: 0px;
	border-collapse: collapse;
	font-size: 1em;
	}

	#business_type dl {
		width: 200px;
		padding: 0px 0px 20px 0px;
		background: transparent url(http://www.aussiephonebrokers.com.au/images/business_type/bottom.gif) no-repeat bottom left;
		height: auto;
		}

	#business_type dt {
		margin: 0px;
		padding: 5px;
		font-size: 1.4em;
		font-weight: bold;
		color: #000000;
		background: transparent url(http://www.aussiephonebrokers.com.au/images/business_type/top.gif) no-repeat top left;
		text-align: center;
		}

	#business_type dd {
		margin: 0px;
		padding: 5px 15px;
		color: #000000;
		font-size: 1em;
		border: 1px solid #000000;
		border-width: 0px 1px;
		background: #FFFFFF no-repeat bottom right;
		}

		#business_type dd p {
			padding: 0px;
			margin: 10px 0px;
			line-height: 1.5em;
			}
*/


/* hacks for IE browser foibles */
	#business_type ul li:hover, #business_type ul li a:hover {
		color: #000000;
		position: relative;
		cursor: pointer;
		cursor: hand;
		}

		#business_type ul li:hover dl, #business_type ul li a:hover dl {
			visibility: visible;
			color: #000000;
			top: -75px;
			left: 120px;
			cursor: default;
			}

			#business_type ul li:hover dl em, #business_type ul li a:hover dl em {
				display: block;
				position: absolute;
				left: -35px;
				top: 75px;
				width: 36px;
				height: 36px;
				background: transparent url(http://www.aussiephonebrokers.com.au/images/business_type/pointer.gif);
				}

			#business_type ul li:hover dl a, #business_type ul li a:hover dl a {
				height: 0.8em;
				color: #660066;
				background: transparent;
				text-decoration: underline;
				display: inline;
				}

			#business_type ul li:hover dl a:hover, #business_type ul li a:hover dl a:hover {
				text-decoration: none;
				background: transparent;
				}