@import url('reset.css');
@import url('form.css');
@import url('slimbox2.css');
@import url('validation.css');

/* Common Elements ---------------------------------------------------------------------------------------------------------------------------- */
body {font:62.5%/1.8em Arial,san-serif; background: #c9d1ca;}
h1 {font-size: 2em; padding: 0 0 20px 0;}
h2 {font-size: 1.4em; padding: 0 0 16px 0; color: #154082; font-weight: normal;}
h3 {padding: 0px; margin: 0px;}
p {font-size: 1.2em; padding: 0 0 16px 0;}
a {color: #bf0000; text-decoration: none;}
a:hover {color: #154082;}
ul li {font-size: 1.2em;}


/* Container Elements ------------------------------------------------------------------------------------------------------------------------- */
#header {height:500px; background: url(/images/core/body-bg.jpg) top center repeat-x #fff;}
#header_container {width: 960px; margin: auto; position: relative;  z-index: 500; }
#banner {width: 960px; margin: auto; position: absolute; top: 130px;}
#content {clear:both;}
#container {background: #fff;}
#wrapper {width: 960px; margin: auto;}
#primary {width:660px; float: left; padding: 52px 0 50px 0;}
#secondary {width: 300px; float:left; padding: 20px 0 0 0;}
#footer {padding-top:15px; color:#525252; display: block; height: 300px; clear: both;}
	#footer-container {width: 960px; margin: auto; display: block; height: 300px;  padding: 10px 0 0 0;}

/* Header Elements ---------------------------------------------------------------------------------------------------------------------------- */
#nav {height: 12px; position: absolute; top: 106px; right: 10px;}
#nav li {float:left; padding: 0 0 0 15px;} 
  
  #nav li a {display:block; text-indent:-9999em; background:url(/images/core/nav-home.jpg) no-repeat 0 0; text-decoration:none; width:32px; height:12px; overflow: hidden;}
    #nav li#nav-about_us a {background-image:url(/images/core/nav-about_us.jpg); width:53px; height:12px;}
    #nav li#nav-our_services a {background-image:url(/images/core/nav-our_services.jpg); width:75px; height:12px;}
    #nav li#nav-faqs a {background-image:url(/images/core/nav-faqs.jpg); width:27px; height:12px;}
    #nav li#nav-links a {background-image:url(/images/core/nav-links.jpg); width:30px; height:12px;}
    #nav li#nav-testimonials a {background-image:url(/images/core/nav-testimonials.jpg); width:77px; height:12px;}
    #nav li#nav-get_a_quote a {background-image:url(/images/core/nav-get_a_quote.jpg); width:68px; height:12px;}
    #nav li#nav-terms_conditions a {background-image:url(/images/core/nav-terms_conditions.jpg); width:115px; height:12px;}
    #nav li#nav-contact_us a {background-image:url(/images/core/nav-contact_us.jpg); width:66px; height:12px;}
    
    body#home-page #nav li#nav-home a,
    body#about_us-page #nav li#nav-about_us a,
    body#our_services-page #nav li#nav-our_services a,
    	body#local_removals-page #nav li#nav-our_services a,
    	body#interstate_removals-page #nav li#nav-our_services a,
    	body#back_loading-page #nav li#nav-our_services a,
    	body#storage-page #nav li#nav-our_services a,
    	body#packing-page #nav li#nav-our_services a,
    	body#pet_transport-page #nav li#nav-our_services a,
    	body#insurance-page #nav li#nav-our_services a,
    	body#vehicle_transport-page #nav li#nav-our_services a,
    body#faqs-page #nav li#nav-faqs a,
    body#links-page #nav li#nav-links a,
    body#testimonials-page #nav li#nav-testimonials a,
    body#get_a_quote-page #nav li#nav-get_a_quote a,
    body#terms_conditions-page #nav li#nav-terms_conditions a,
    body#contact_us-page #nav li#nav-contact_us a,
    body#locations-page #nav li#nav-contact_us a,
    /* Add additional page active states here ------------------------ */
    #nav li a:hover {background-position:0 -12px;}
	
	 /* Sub Navigation ------------------------------------------------ */
    #nav li ul#nav-sub-our_services {display:none; position: absolute; left: 120px; top: 18px; width: 168px;}
    #nav li ul#nav-sub-faqs {display:none; position: absolute; left: 265px; top: 18px; width: 168px;}
    #nav li ul#nav-sub-contact_us {display:none; position: absolute; left: 600px; top: 18px; width: 168px;}
    #nav li ul li {float:none; padding: 0; font-size: 1em; }
    #nav li ul li a {width: 158px!important; text-indent: 0; padding: 5px 0 5px 10px; background: #bb0000!important; color: #fff; display: block;}    
	 #nav li ul li a:hover {color: #000;}
	 
	 span#sub_nav_top {background: url(/images/core/nav-sub-top.png) top center no-repeat; width: 168px; height: 19px; display: block; text-indent: -9999px;}
	 span#sub_nav_bottom {background: url(/images/core/nav-sub-bottom.png) top center no-repeat; width: 168px; height: 19px; display: block; text-indent: -9999px;}
	 
    /* Sub Sub Navigation -------------------------------------------- */
	 #nav li ul li ul {}
	
	 /* Superfish Menu Class ------------------------------------------- */
    .sf-menu ul {position:relative;}


/* Banner  --------------------------------------------------------------------------------------------------------------------------- */

#banner {width: 960px; height: 370px; overflow: hidden; position: relative; display: block;}
	#banner_images {z-index: 10;}
	p#banner_text {width: 430px; font-size: 1.2em; z-index: 100; position: absolute; top: 160px; left: 494px; color: #263140;}
	a#request_a_quote {width: 165px; height: 27px; display: block; background: url(/images/core/banner-btn-request_a_quote.png) top center no-repeat; text-indent: -9999px; margin: 15px 0 0 0;}
    
/* Content Elements  --------------------------------------------------------------------------------------------------------------------------- */

	/* Title *--------------------------------*/
	h1#title-location {height: 17px; background: url(/images/core/title-locations.jpg) top left no-repeat; text-indent: -9999px;}
	h1#title-our_services {height: 17px; background: url(/images/core/title-our_services.jpg) top left no-repeat; text-indent: -9999px;}
	
	h1.title {height: 23px; text-indent: -9999px; clear: both; }
	body#home-page h1.title {background: url(/images/core/title-domestic_and_commercial-page.jpg) top left no-repeat; }
	body#about_us-page h1.title {background: url(/images/core/title-about_us-page.jpg) top left no-repeat;}
	body#our_services-page h1.title {background: url(/images/core/title-our_services-page.jpg) top left no-repeat;}
	body#local_removals-page h1.title {background: url(/images/core/title-local_removals-page.jpg) top left no-repeat;}
	body#interstate_removals-page h1.title {background: url(/images/core/title-interstate_removals-page.jpg) top left no-repeat;}
	body#back_loading-page h1.title {background: url(/images/core/title-back_loading-page.jpg) top left no-repeat;}
	body#storage-page h1.title {background: url(/images/core/title-storage-page.jpg) top left no-repeat;}
	body#packing-page h1.title {background: url(/images/core/title-packing-page.jpg) top left no-repeat;}
	body#pet_transport-page h1.title {background: url(/images/core/title-pet_transport-page.jpg) top left no-repeat;}
	body#insurance-page h1.title {background: url(/images/core/title-insurance-page.jpg) top left no-repeat;}
	body#vehicle_transport-page h1.title {background: url(/images/core/title-vehicle_transport-page.jpg) top left no-repeat;}
	body#links-page h1.title {background: url(/images/core/title-links-page.jpg) top left no-repeat;}
	body#faqs-page h1.title {background: url(/images/core/title-faqs-page.jpg) top left no-repeat;}
	body#testimonials-page h1.title {background: url(/images/core/title-testimonials-page.jpg) top left no-repeat;}
	body#terms_conditions-page h1.title {background: url(/images/core/title-terms_conditions-page.jpg) top left no-repeat;}
	body#contact_us-page h1.title {background: url(/images/core/title-contact_us_perth-page.jpg) top left no-repeat;}
	
	
	h2#title-testimonials-footer {width:95px; height: 17px; background: url(/images/core/title-testimonials-footer.jpg) top left no-repeat; text-indent: -9999px; float: left;}

	#logo {width: 107px; height: 104px; display: block; position: absolute; top: 12px; left: 27px;}
	#freecall {position: absolute; top: 30px; right: 10px;}
	#freecall h1 {width: 136px; height: 37px; text-indent: -9999px; background: url(/images/core/element-free_call.jpg) top center no-repeat;}

/* Primary Elements ------------------------------------------------- */
	
	/*General Style ----*/
	#primary ol {font-size:1.2em;margin-left:30px;}
	#primary ol li {list-style-type:decimal;}
	#primary ul {padding: 0 0 15px 0;}
	#primary ul li {list-style: none; background: url(/images/core/bullet.jpg) 0 5px no-repeat; padding: 0 0 0 15px; font-size: 1.2em; margin: 0 0 5px 0;}
	#primary p {width: 600px;}
	
	/*Index Page--*/
  #container-location-map {width: 314px; padding: 0 0 0 20px; background: url(/images/core/element-content-divider.jpg) top right repeat-y; float: left; display: block; margin: 0 0 30px 0;}
  #container-location-map p, #container-our_services p {width: 250px;}
   
  #container-our_services {width: 301px; padding: 0 0 0 25px; float: left; display: block;}
  
  /*Faqs Page -------*/
  #category_type {text-align: right; font-size: 1.1em;}
  
  ul#faqs_question {width: 550px;}
  ul#faqs_question h2 {font-size: 1em; padding: 0 0 10px 0;}
  
  
  ul#faqs_answer {width: 550px;}
  ul#faqs_answer li {padding: 0 0 10px 15px;}
  ul#faqs_answer h2 {font-size: 1em;}
  ul#faqs_answer span {font-size: 0.9em; background: url(/images/core/arrow_up.jpg) 0 0 no-repeat; padding: 0 0 0 10px;}
    
  /*Links Page----*/
  #primary ul.links li {background: url(/images/core/links_logo.jpg) top left no-repeat; height:80px;}
	#primary ul.links li img {margin-top:6px;margin-left:-9px;float:left;}
	#primary ul.links li a {margin-left:10px;margin-top:30px;float:left;}

  /*Testimonials Page---*/
  body#testimonials-page ul#testimonials p { width: 550px;}
  body#testimonials-page ul li {font-size: 1em;}
  
  
  .name {font-family: Times; font-size: 1.3em; color: #154082;}
  
  /*Terms & Conditions Page */
   
/* Secondary Elements ----------------------------------------------- */
  #cta-contact_us {width: 271px; height: 84px; background: url(/images/core/cta-contact_us-bg.jpg) top center no-repeat; margin: 20px 0 20px 0; padding: 75px 0 0 29px;}
  #cta-contact_us ul {float: left; width: 70px; font-size: 1.2em; color: white; display: inline;}
  
  #cta-contact_us ul#contact-details {color: #f2f2f2; width: 120px;}
  #cta-contact_us a {color: white; text-decoration: underline;}

  /* Additional Page Elements ----------------------------------------- */
  

/* Footer Elements ----------------------------------------------------------------------------------------------------------------------------- */

#testimonial_cycle {width: 815px; height: 15px; overflow: hidden; float: left; padding: 0 0 0 15px;}
#testimonial_cycle ul li {font-size: 12px; color: #3d3d3d;}
#testimonial_cycle span {color: #727171;}

#divider {display: block; height: 10px; margin: 20px 0 0 0; background: url(/images/core/footer-divider.jpg) top left repeat-x;}

#footer {font-size: 1.2em}
#footer p {font-size: 1em; text-align: center; padding: 15px 0 20px 0; color: #646c65;}
#footer img {}
#footer a {padding: 0 10px 0 10px; color: #646c65;}
#footer a:hover {}

/* Enquiry Form Elements ------------------------------------------------------------------------------------------------------------------------ */

#enquiry_form {width: 300px; padding: 0 0 30px 0; background: url(../images/core/form-bg-bottom.jpg) bottom center no-repeat #154082;}
#enquiry_form ul {padding: 0 0 0 30px;}

form.form li {position:relative; background: url(../images/core/form-bg-input.jpg) no-repeat 0 0; margin: 5px 0 5px 0; }
form.form label {width: 209px; height: 29px; position:absolute; top:0; left:0; display:inline-block; color: #999; padding: 6px 0 0 6px ;font-size: 1.2em;}

input{width: 209px; height: 23px; color: #999; background: none; border: none; padding: 6px 0 0 5px;font-size: 1.2em;}
textarea{width: 204px; height: 99px; color: #999; background: none; border: none; padding: 6px 0 0 5px;font-size: 1.2em; resize:none; overflow:hidden;}

form.form li.textarea {background: url(../images/core/form-bg-textarea.jpg) no-repeat 0 0; }
form.form li.button {background:none;}
form.form li.button label {display:none;}
form.form li.button input {width: 93px; height: 33px; background:url(../images/core/form-btn-submit.jpg) no-repeat; text-indent:-9999em; cursor:pointer; display: block; margin: 10px 0 0 0;}


#flash-map {margin-left:-50px}
h1.loc_title {color:#27649C;}
hr {
border: 0;
color: #9E9E9E;
background-color: #9E9E9E;
height: 1px;
width: 90%;
text-align: left;
}