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

/* Common Elements */
body {background:url(../images/backgrounds/body.gif) repeat-x; font:62.5%/1.8em Arial, Verdana, sans-serif;}
h1 {font-size:1.8em; padding-bottom:20px;}
h2 {font-size:1.6em; padding-bottom:20px;}
h3 {font-size:1.2em; font-weight:bold;}
p {font-size:1.2em;}
a:hover {text-decoration:none;}


/* Container Elements */
#container {width:920px; margin:0 auto;}
#header {height:73px; background:url(../images/backgrounds/header.gif) no-repeat; margin-top:15px;}
#banner {height:311px; background:url(../images/backgrounds/banner.jpg) no-repeat;}
#call_to_actions {height:176px; background:url(../images/backgrounds/call_to_action.jpg) no-repeat;}
#content {background:url(../images/backgrounds/content.jpg) repeat-y;}
#footer {height:78px; background:url(../images/backgrounds/footer.jpg) no-repeat; padding-top:18px;}

/* Header Elements */
#cta_call {float:right; padding:19px 31px 0 0;}
#logoname {padding:19px 0 0 22px;}

/* Banner Elements */
#heroshots {float:right; width:688px; padding:9px 19px 0 0; z-index:100;}
#heroshots li {float:left;}

#banner a img {padding:9px 0 0 22px;}

#navigation {float:right; width:696px; padding:0 19px 0 0; margin:-18px 0 0 3px; position:relative; z-index:0;}
#navigation li {float:left; height:50px;}

#navigation li#home-nav {width:80px;}
#navigation li#moving_hints-nav {width:151px;}
#navigation li#insurance-nav {width:123px;}
#navigation li#quotes-nav {width:93px;}
#navigation li#feedback_testimonials-nav {width:248px;}

#navigation li a {display:block;height:50px; text-indent:-9999em; background:url(../images/navigation/home.gif) no-repeat 0 0;}
  #navigation li#moving_hints-nav a {background-image:url(../images/navigation/moving_hints.gif);}
  #navigation li#insurance-nav a {background-image:url(../images/navigation/insurance.gif);}
  #navigation li#quotes-nav a {background-image:url(../images/navigation/quotes.gif);}
  #navigation li#feedback_testimonials-nav a {background-image:url(../images/navigation/feedback_testimonials.gif);}
  
  body#home-page #navigation li#home-nav a,
  body#about_us-page #navigation li#moving_hints-nav a,
  body#insurance-page #navigation li#insurance-nav a,
  body#quotes-page #navigation li#quotes-nav a,
  body#contact_us-page #navigation li#feedback_testimonials-nav a,
  #navigation li a:hover {background-position:0 -50px;}

/* Call to Actions Elements */
#call_to_actions ul {padding:4px 0 0 25px;}
  #call_to_actions ul li {float:left; width:292px;}

/* Content Elements */
#secondary {float:right; width:213px; height:390px; background:url(../images/backgrounds/secondary.gif) no-repeat; margin:33px 25px 19px 0; display:inline;}
#secondary li {display:inline;}
  #contact_details {margin:10px 0 0 10px;}
  #contact_details dt {background:url(../images/backgrounds/contact_us.gif) no-repeat; height:29px; width:187px; text-indent:-9999em;}
  #contact_details dd {padding-top:5px;}
  #contact_details dd img {float:left; padding-right:10px;}
  
  #our_services {margin:20px 0 0 10px; position:relative;}
  #our_services dt {background:url(../images/backgrounds/our_services.gif) no-repeat; height:29px; width:187px; text-indent:-9999em; padding-bottom:10px;}
  #our_services dd p {font-size:1.2em; background:url(../images/backgrounds/list_style.gif) no-repeat; margin:0!important; padding-left:20px;}
  
#primary {padding:36px 0 0 41px; width:610px;}
#primary p {padding-bottom:20px;}

  
body#home-page #primary h1 {background:url(../images/backgrounds/welcome_to_aveley_removals.gif) no-repeat; text-indent:-9999em;}
body#about_us-page #primary ul {font-size:1.2em; list-style:disc; padding-left:20px;}
body#insurance-page #primary ul {font-size:1.2em; list-style:disc; padding:20px 0 20px 20px;}
#quotes {font-size:1.2em;}

#contact-enquiry {padding-bottom:20px; font-size:1.2em;}
#testimonials li {padding-bottom:20px;}

/* Footer Elements */ 
#footer img {float:right; padding-right:25px}
#footer ul {width:300px; padding-left:24px}
  #footer ul li {display:inline; padding-right:10px; font-size:1.2em;}
#footer p {padding-left:24px;}