@charset "UTF-8";

/* CSS SCREEN MEDIA STYLES FOR AWD.COM.AU */

body {
  background: #FFFFFF url(/images/bg_body_grad.jpg) repeat-x center top;
		color: #333333;
		font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
		margin: 0px;
		padding: 0px;
}
body.home {
  background-image: url(/images/bg_body_home_grad.jpg);
}
.spacer {
  clear: both;
		height: 1px;
		overflow: hidden;
}

div#keywords {
  display: none;
}
div#wrapper {
  background: url(/images/bg_body.jpg) no-repeat center top;
}
body.home div#wrapper {
  background-image: url(/images/bg_body_home.jpg);
}
div#page_container {
		margin: 0px auto 0px auto;
		padding: 0px;
		width: 950px;
}

a {
  color: #0066CC;
		text-decoration: none;
}
a:hover {
  color: #66CC00;
		text-decoration: underline;
}

.ticker {
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		display: block;
		height: 25px;
		list-style: none;
		margin: 0px;
		overflow: hidden;
		padding: 0px;
}
.ticker li {
  display: block;
		height: 25px;
		line-height: 25px;
		margin: 0px;
		padding: 0px 10px 0px 10px;
}



/* AJAX ELEMENTS */
div.loader {
  background-image: url(/images/ajax_loading_bar.gif);
		background-position: center 20px;
		background-repeat: no-repeat;
		color: #555555;
		display: block;
  font-size: 12px;
		height: 39px;
		margin: 0px;
		padding: 6px 0px 0px 0px;
		text-align: center;
		width: 230px;
}
div#login_box {
  height: 235px;
		width: 400px;
}
div#password_box {
  height: 260px;
		width: 400px;
}
div.login_box span, div.login_box span#my_message {
		display: block;
		font-size: 14px;
		height: 24px;
		line-height: 19px;
		padding: 5px 5px 5px 45px;
}
div.login_box span {
  background: url(/images/ico_error.png) no-repeat 5px 5px;
		color: #FF0000;
}
div.login_box span#my_message {
  background: url(/images/ico_dialogue.png) no-repeat 5px 5px;
		color: #003399;
}
div.login_box form, div.password_box form {
  display: block;
		padding: 10px 5px 10px 5px;
}
div.login_box form label, div.password_box label {
  clear: both;
		display: block;
		padding: 10px 0px 0px 0px;
}
div.login_box form input, div.password_box form input {
  border: 1px solid #666666;
		clear: both;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		height: 25px;
		line-height: 25px;
		margin: 0px 0px 5px 0px;
		width: 390px;
}
div.login_box form a#login, div.password_box form a#login {
  background: url(/images/ico_login.png) no-repeat top left;
		color: #333333;
		display: block;
		float: right;
		font-size: 16px;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		margin: 15px 0px 0px 40px;
		padding: 0px 0px 0px 35px;
		text-decoration: none;
}
div.login_box form a#login:hover, div.password_box form a#login:hover {
  color: #006699;
}
div.login_box form a#cancel {
  background: url(/images/ico_cross.png) no-repeat top left;
		color: #333333;
		display: block;
		float: right;
		font-size: 16px;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		margin: 15px 0px 0px 40px;
		padding: 0px 0px 0px 35px;
		text-decoration: none;
}
div.login_box form a#cancel:hover {
  color: #FF0000;
}



/* SITE HEADER */

div#site_header {
  margin: 0px;
		padding: 0px;
}
div#site_header h1 {
  display: block;
		float: left;
		height: 35px;
		margin: 0px;
		padding: 35px 0px 0px 6px;
		width: 100px;
}
div#site_header h1 a {
  background: url(/images/logo.png) no-repeat 0px 0px;
		display: block;
		height: 35px;
		overflow: hidden;
		padding: 0px;
		text-align: left;
		text-indent: -4000px;
		width: 100px;
}
div#site_header h1 a:hover {
  background-position: 0px -35px;
}
div#top_search {
  background: url(/images/bg_top_search.png) no-repeat 769px 0px;
		height: 33px;
		padding: 0px 0px 0px 769px;
}
div#top_search.focus {
  background-position: 769px -33px;
}
div#top_search form {
  margin: 0px;
		padding: 0px;
}
div#top_search form fieldset {
  border: none;
		border-collapse: collapse;
		margin: 0px;
		padding: 0px;
}
div#top_search form fieldset input {
  background: none;
		border: none;
		float: left;
		height: 20px;
		padding: 4px 4px 9px 13px;
		width: 137px;
}
div#top_search form fieldset input:focus {
  outline: none;
}
div#top_search form fieldset a {
  background: url(/images/btn_top_search.png) no-repeat 0px 0px;
		display: block;
		float: right;
		height: 33px;
		overflow: hidden;
		text-align: left;
		text-indent: -4000px;
		width: 27px;
}
div#top_search form fieldset a:hover {
  background-position: 0px -33px;
}


/* TOP NAVIGATION */
div#top_navigation {
  clear: both;
		display: block;
		margin: 0px;
		padding: 55px 0px 0px 0px;
}
body.home div#top_navigation {
  display: block;
		margin: 0px;
		padding: 0px;
}
div#top_navigation ul {
  display: block;
		height: 66px;
		margin: 0px 80px 0px 144px;
		padding: 0px;
}
body.home div#top_navigation ul {
  margin: 0px;
}
body.home div#top_navigation ul {
  height: 120px;
}
div#top_navigation ul li {
  display: block;
		float: left;
		height: 66px;
}
body.home div#top_navigation ul li {
		height: 120px;
}
div#top_navigation ul li a {
		background-repeat: no-repeat;
		display: block;
		height: 66px;
		margin: 0px;
		overflow: hidden;
		padding: 0px;
		text-align: left;
		text-indent: -4000px;
}
div#top_navigation ul li a {
  background-image: url(/images/top_nav/buttons.png);
		height: 66px;
}
div#top_navigation ul li a#top_about_us {
  background-position: -363px 0px;
		width: 181px;
}
div#top_navigation ul li a#top_about_us:hover {
  background-position: -363px -66px;
}
div#top_navigation ul li a.selected#top_about_us {
  background-position: -363px -132px;
}
div#top_navigation ul li a#top_contact {
  background-position: -544px 0px;
		width: 182px;
}
div#top_navigation ul li a#top_contact:hover {
  background-position: -544px -66px;
}
div#top_navigation ul li a.selected#top_contact {
  background-position: -544px -132px;
}
div#top_navigation ul li a#top_portfolio {
  background-position: -182px 0px;
		width: 181px;
}
div#top_navigation ul li a#top_portfolio:hover {
  background-position: -182px -66px;
}
div#top_navigation ul li a.selected#top_portfolio {
  background-position: -182px -132px;
}
div#top_navigation ul li a#top_services {
  background-position: 0px 0px;
		width: 182px;
}
div#top_navigation ul li a#top_services:hover {
  background-position: 0px -66px;
}
div#top_navigation ul li a.selected#top_services {
  background-position: 0px -132px;
}
body.home div#top_navigation ul li a {
  background-image: url(/images/top_nav/home_buttons.png);
  height: 120px;
}
body.home div#top_navigation ul li a#top_about_us {
  background-position: -475px 0px;
		width: 237px;
}
body.home div#top_navigation ul li a#top_about_us:hover {
  background-position: -475px -120px;
}
body.home div#top_navigation ul li a#top_contact {
  background-position: -710px 0px;
		width: 238px;
}
body.home div#top_navigation ul li a#top_contact:hover {
  background-position: -710px -120px;
}
body.home div#top_navigation ul li a#top_portfolio {
  background-position: -238px 0px;
		width: 237px;
}
body.home div#top_navigation ul li a#top_portfolio:hover {
  background-position: -238px -120px;
}
body.home div#top_navigation ul li a#top_services {
  background-position: 0px 0px;
		width: 238px;
}
body.home div#top_navigation ul li a#top_services:hover {
  background-position: 0px -120px;
}



/* HOME SPLASH */

div#home_splash {
  clear: both;
  height: 260px;
		padding: 30px 0px 0px 0px;
		text-align: center;
}
div#home_splash h2 {
  background: url(/images/home/hr_let-us-take-you-places.png) no-repeat center 20px;
		display: none;
		height: 100px;
		margin: 0px;
		overflow: hidden;
		padding: 0px;
		text-align: left;
		text-indent: -4000px;
}



/* HOME CONTENT */
div#home_content {
  padding: 15px 6px 0px 6px;
}
div#home_content p {
  color: #777777;
		font-size: 15px;
		letter-spacing: -1px;
		line-height: 145%;
		margin: 15px 0px 15px 0px;
		padding: 0px;
		text-align: center;
}


/* BODY SIDEBAR */
div#body_sidebar {
  background: url(/images/side_nav/bg_left.png) no-repeat right top;
		float: left;
		margin: 0px;
		min-height: 300px;
		width: 150px;
}
div#body_sidebar ul {
  display: block;
		margin: 0px;
		padding: 50px 0px 0px 0px;
}
div#body_sidebar ul li {
  display: block;
		margin: 0px 0px 10px 0px;
		padding: 0px 20px 0px 0px;
		text-align: right;
}
div#body_sidebar ul li a {
  color: #333333;
		font-size: 14px;
		font-weight: normal;
		letter-spacing: -1px;
}
div#body_sidebar ul li a:hover {
  color: #0066CC;
		text-decoration: none;
}


/* BODY CONTENT */
div#body_content {
  margin: 20px 0px 20px 170px;
}
div#body_content h2, div#body_content h3 {
  background-position: 0px 0px;
		background-repeat: no-repeat;
		display: block;
		overflow: hidden;
		padding: 0px;
		text-align: left;
		text-indent: -4000px;
}
div#body_content h2 {
		height: 35px;
		margin: 20px 0px 20px 0px;
}
div#body_content h3 {
  height: 30px;
		margin: 10px 0px 0px 0px;
}
div#body_content h4 {
		border-bottom: 1px solid #EFEFEF;
		color: #444444;
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -1px;
		margin: 15px 0px 0px 0px;
		padding: 0px 0px 2px 0px;
}
div#body_content h2#services {
  background-image: url(/images/hr/h2-services.png);
}
div#body_content h2#portfolio {
  background-image: url(/images/hr/h2-portfolio.png);
}
div#body_content h2#about_us {
  background-image: url(/images/hr/h2-about_us.png);
}
div#body_content h2#hr_contact_us {
  background-image: url(/images/hr/h2-contact_us.png);
}
div#body_content h2#whoops {
  background-image: url(/images/hr/h2-whoops.png);
}
div#body_content h2#my_account {
  background-image: url(/images/hr/h2-my_account.png);
}
div#body_content h2#legal_information {
  background-image: url(/images/hr/h2-legal_information.png);
}
div#body_content h2#careers {
  background-image: url(/images/hr/h2-careers.png);
}
div#body_content h3#hr_web_design {
  background-image: url(/images/hr/h3-web_design.png);
}
div#body_content h3#hr_graphic_design {
  background-image: url(/images/hr/h3-graphic_design.png);
}
div#body_content h3#hr_web_hosting {
  background-image: url(/images/hr/h3-web_hosting.png);
}
div#body_content h3#hr_ecommerce_solutions {
  background-image: url(/images/hr/h3-ecommerce_solutions.png);
}
div#body_content h3#hr_search_engine_optimisation {
  background-image: url(/images/hr/h3-search_engine_optimisation.png);
}
div#body_content h3#hr_company_profile {
  background-image: url(/images/hr/h3-company_profile.png);
}
div#body_content h3#hr_our_philosophy {
  background-image: url(/images/hr/h3-our_philosophy.png);
}
div#body_content h3#hr_request_a_proposal {
  background-image: url(/images/hr/h3-request_a_proposal.png);
}
div#body_content h3#hr_more_clients {
  background-image: url(/images/hr/h3-more_clients.png);
}
div#body_content h3#hr_active_health_clubs {
  background-image: url(/images/hr/h3-active_health_clubs.png);
}
div#body_content h3#hr_cairns_stationery_supplies {
  background-image: url(/images/hr/h3-cairns_stationery_supplies.png);
}
div#body_content h3#hr_corporate_it_solutions {
  background-image: url(/images/hr/h3-corporate_it_solutions.png);
}
div#body_content h3#hr_doctors {
  background-image: url(/images/hr/h3-doctors.com.au.png);
}
div#body_content h3#hr_status_plus {
  background-image: url(/images/hr/h3-status_plus.png);
}
div#body_content h3#hr_terms_of_use {
  background-image: url(/images/hr/h3-terms_of_use.png);
}
div#body_content h3#hr_privacy_policy {
  background-image: url(/images/hr/h3-privacy_policy.png);
}
div#body_content h3#hr_current_opportunities {
  background-image: url(/images/hr/h3-current_opportunities.png);
}
div#body_content div.slider {
  display: none;
  padding: 0px 0px 20px 0px;
}
div#body_content p {
  color: #454545;
		font-size: 12px;
		line-height: 145%;
		margin: 10px 0px 10px 0px;
}
div#portfolio_container {
  height: 350px;
}
div#portfolio_container div.fader {
  clear: right;
		display: none;
}
div#portfolio_container div.fader img {
  border: none;
		float: right;
		margin: 0px 25px 10px 25px;
}
div#portfolio_container div.fader ul.portfolio_services {
  display: block;
		margin: 0px 301px 5px 0px;
		padding: 0px;
}
div#portfolio_container div.fader ul.portfolio_services li {
  color: #CCCCCC;
		display: inline;
		font-size: 13px;
		line-height: 20px;
		list-style: none;
		padding: 0px 15px 0px 15px;
}
div#portfolio_container div.fader ul.portfolio_services li:before {
	 content: "\00BB \0020";
}
div#portfolio_container div.fader ul.portfolio_services li span {
  color: #666666;
		font-size: 13px;
		letter-spacing: -1px;
		line-height: 20px;
}
div#portfolio_container div.fader p {
  text-align: justify;
}
div#portfolio_container div.fader p.quote {
  background: url(/images/bg_quote_foot.png) no-repeat 450px bottom;
		color: #435F7D;
		font-size: 14px;
		padding: 0px;
}
div#portfolio_container div.fader p.quote span {
  background: url(/images/bg_quote_head.png) no-repeat left top;
		display: block;
		margin-right: 301px;
		padding: 20px 20px 0px 20px;
}
div#portfolio_container div.fader p.quote span.referee {
  background: none;
		color: #666666;
		font-size: 12px;
		letter-spacing: 1px;
		padding: 5px 25px 10px 20px;
		text-align: right;
		text-transform: uppercase;
}
div#portfolio_container div.fader p.quote span.referee:before {
	 content: "\00BB \0020";
}
div#portfolio_footer {
  clear: both;
		padding: 0px 0px 20px 0px;
}
div#portfolio_footer .ticker {
  font-size: 13px;
}
div#portfolio_footer .ticker li span.client {
  display: block;
		float: left;
		height: 25px;
		width: 200px;
}
div#portfolio_footer .ticker li span.services {
  color: #CCCCCC;
		display: block;
		float: right;
		font-size: 11px;
		height: 25px;
		letter-spacing: 1px;
		line-height: 25px;
		padding: 0px;
		text-align: left;
		text-transform: uppercase;
		width: 500px;
}
div#portfolio_footer .ticker li span.services span {
  color: #757575;
}



/* PROPOSAL FORM */
form#proposal_form {
  margin: 0px;
		padding: 0px;
}
form#proposal_form fieldset {
  border: none;
		border-collapse: collapse;
		margin: 0px;
		padding: 0px;
}
table#proposal_form_table {
  border: none;
		border-collapse: collapse;
		border-spacing: 0px;
		color: #454545;
		font-size: 12px;
		margin: 0px;
		padding: 0px;
		width: 780px;
}
table#proposal_form_table td {
  padding: 3px 0px 5px 0px;
		vertical-align: top;
}
table#proposal_form_table td.header {
  border-bottom: 1px solid #CCCCCC;
		color: #333333;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 15px 0px 5px 0px;
		text-transform: uppercase;
}
table#proposal_form_table td.left_column {
  line-height: 22px;
		width: 200px;
}
table#proposal_form_table td.right_compulsory {
  background: url(/images/ico_compulsory.png) no-repeat 0px 3px;
}
table#proposal_form_table td input, table#proposal_form_table td select, table#proposal_form_table td textarea {
  border: 1px solid #999999;
		border-spacing: 0px;
		color: #454545;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		margin: 0px 0px 0px 20px;
		padding: 2px;
		width: 554px;
}
table#proposal_form_table td input {
  height: 16px;
}
table#proposal_form_table td select {
		height: 20px;
		padding: 0px;
		width: 560px;
}
table#proposal_form_table td textarea {
		height: auto;
}
table#proposal_form_table td input:focus, table#proposal_form_table td textarea:focus {
  border: 1px solid #555555;
		outline: none;
}
table#proposal_form_table td fieldset.services_required, table#proposal_form_table td fieldset.content_management {
  display: block;
		line-height: 23px;
		padding: 0px 0px 0px 20px;
}
table#proposal_form_table td fieldset.services_required {
		float: left;
		width: 270px;
}
table#proposal_form_table td fieldset.services_required input, table#proposal_form_table td fieldset.content_management input {
  display: inline;
  height: auto;
		margin: 0px 10px 0px 0px;
		padding: 0px;
		width: auto;
}
table#proposal_form_table td.submit {
  padding: 3px 0px 10px 0px;
}
table#proposal_form_table td.submit a#submit_button {
  background: #EFEFEF url(/images/ico_message.png) no-repeat 5px 0px;
		border: 1px solid #CCCCCC;
		display: block;
		float: right;
		font-size: 12px;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		padding: 0px 0px 0px 24px;
		text-align: center;
		width: 200px;
}
table#proposal_form_table td.submit a#submit_button:hover {
  border: 1px solid #777777;
		background-position: 5px -24px;
}
div#proposal_compulsory_message {
  background: url(/images/ico_compulsory.png) no-repeat 0px center;
		color: #999999;
		font-size: 12px;
		height: 24px;
		letter-spacing: 1px;
		line-height: 24px;
		padding: 0px 0px 0px 30px;
		text-transform: uppercase;
}
div#form_submit_progress {
  background: url(/images/ajax_loading_bar.gif) no-repeat center center;
		display: none;
		height: 150px;
}
div#form_submit_success {
  display: none;
}




/* SITE FOOTER */
div#site_footer {
  cursor: default;
		margin: 50px 0px 20px 0px;
		padding: 0px 6px 0px 6px;
}
div#site_footer div#wwdc_badge {
		height: 47px;
		margin: 0px auto 40px auto;
  padding: 0px 0px 20px 0px;
		text-align: left;
		width: 450px;
}
div#site_footer div#wwdc_badge a#wwdc_image {
  display: block;
		float: left;
		height: 47px;
		padding: 0px 20px 0px 0px;
		width: 98px;
}
div#site_footer div#wwdc_badge span#cairns_no1 {
  color: #333333;
		display: block;
		float: right;
		font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
		font-size: 18px;
		height: 27px;
		line-height: 27px;
		margin: 0px;
		width: 330px;
}
div#site_footer div#wwdc_badge span#qld_no1, div#site_footer div#wwdc_badge span#aus_no1 {
  display: none;
}
div#site_footer div#wwdc_badge span#cairns_no1 span#wwdc_ref {
  color: #999999;
		display: block;
		float: right;
		font-size: 12px;
		height: 20px;
		line-height: 20px;
		margin: 0px;
		width: 290px;
}
div#site_footer ul {
  display: block;
		font-size: 10px;
		margin: 0px;
		padding: 0px;
}
div#site_footer ul li {
  color: #757575;
		display: block;
		float: left;
		font-weight: bold;
		list-style: none;
		margin: 0px 0px 15px 0px;
		padding: 0px;
		width: 234px;
}
div#site_footer ul li.hover {
  color: #444444;
}
div#site_footer ul li a {
  color: #757575;
		text-decoration: none;
}
div#site_footer ul li a:hover {
  color: #66CC00;
}
div#site_footer ul ul {
		margin: 0px;
		padding: 0px;
}
div#site_footer ul ul li {
  font-weight: normal;
		margin: 8px 0px 0px
}
div#site_footer ul ul li a {
  color: #999999;
}
div#site_footer ul li.hover ul li a {
  color: #555555;
}
div#site_footer ul li.hover ul li a:hover {
  color: #66CC00;
}
div#site_footer span#copyright {
  color: #999999;
		clear: both;
		display: block;
		font-size: 10px;
		padding: 15px 0px 0px 0px;
		text-align: center;
}
div#site_footer span#copyright a {
  color: #666666;
		text-decoration: none;
}
div#site_footer span#copyright a:hover {
  color: #0066CC;
}