@import url('reset.css');
@import url('baseform.css');
@import url('slimbox2.css');

body {font: normal normal normal 12px Arial, Verdana, sans-serif; color:#ccc; background:url('../images/core/body-background.gif') repeat-x #121212;}
a {color:#f0d102;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/* HOME PAGE LAYOUT DIFFERENCE */
body#home-page #content, body#home-page #footer, body#home-page #header {width:800px !important;}
body#home-page #header-container {height:545px !important; border:none !important;}
body#home-page #banner{width:500px; height:284px; margin:10px 0 20px 0;  }


#header-container{background:url(../images/core/header-container-background.jpg) left 40px no-repeat; height:300px; border-bottom:1px solid #4f4f4f;}
  #header{width:960px; margin:0 auto; position:relative;}
    #call_to_actions{width:265px; position:absolute; top:75px; right:0;}
    #banner{height:120px; display:block; border:7px solid #fff; margin:10px 0 10px 0; overflow:hidden;}
#content-container{background:#121212;}
  #content{width:960px; margin:0 auto; padding:20px 0;}
  #footer{width:960px; margin:0 auto; border-top:1px solid #2e2e2e; padding-top:10px; color:#7d7b75; clear:both;}

/* Header Elements */
body#about_us-page #banner {background:url('../images/banner/about_us.jpg') no-repeat 0 0;}
body#windscreens-page #banner {background:url('../images/banner/windscreens.jpg') no-repeat 0 0;}
body#tinting-page #banner {background:url('../images/banner/inner-1.jpg') no-repeat 0 0;}
body#earth_moving_equipment-page #banner {background:url('../images/banner/earth_moving_equipment.jpg') no-repeat 0 0;}
body#contact-page #banner {background:url('../images/banner/inner-1.jpg') no-repeat 0 0;}
body#perspex-page #banner {background:url('../images/banner/perspex.jpg') no-repeat 0 0;}


#logo{padding:21px 0 10px 0;}
#heading {height:56px; width:512px; display:block; border:1px solid #525252; background:url(../images/core/transparent-background.png) repeat transparent;}
  #how_we_can_help {padding:12px; margin-bottom:25px; border:1px solid #585858; background:url(../images/core/transparent-background.png) repeat transparent;}
    #how_we_can_help h2 {background:url(../images/headings/h2-how_we_can_help.gif) no-repeat 0 0; text-indent:-9999px; height:28px; padding-bottom:15px;}
    #how_we_can_help ol {list-style: outside url(../images/core/listing-bullet.gif); margin-left:20px;}
    #how_we_can_help ol li { font-size:14px; line-height:16px; padding-bottom:8px; }
    #how_we_can_help ol li.link {color:#f0d102; text-transform: uppercase; font-size:11px; list-style-image: url(../images/core/list-style-link.gif); }
    #how_we_can_help ol li.link a {color:#f0d102;}
  #mobile_services{padding:12px; border:1px solid #585858; background:url(../images/core/transparent-background.png) repeat transparent; text-align:center;}
    #mobile_services h2 {background:url(../images/headings/h2-24_hour_mobile_services.gif) no-repeat 0 0; text-indent:-9999px; height:11px; padding-bottom:15px;}
    #mobile_services p {padding-bottom:10px;}
    #mobile_services p.phone {font-size:16px; font-weight:bold; padding-bottom:5px;}

/* Heading Elements */
h1 {color:#ffde00; font-size:20px; padding-bottom:15px; font-family:Georgia, Serif;}
h2 {font-size:16px; padding-bottom:15px;}
body#home-page h1 {background:url(../images/headings/h1-home.gif) no-repeat 0 0; height:18px; text-indent:-9999px; margin:19px 0 0 25px;}

 
/* Navigation Elements */
ul#navigation {width:550px; height:28px; padding:14px 15px 8px 10px; display:block; position:absolute; right:-5px; top:0; background:url(../images/core/navigation-background.gif) no-repeat 0 0; }
ul#navigation li {float:left; height:28px; display:block; }
ul#navigation li a{ text-indent:-9999px; height:28px; display:block; background:url(../images/core/navigation.gif) no-repeat 0 0; }

ul#navigation li#nav-home a {background-position:0 0; width:49px;} 
body#home-page ul#navigation li#nav-home a, ul#navigation li#nav-home a:hover {background-position:0 -28px;}

ul#navigation li#nav-about_us a {background-position:-49px 0; width:69px;} 
body#about_us-page ul#navigation li#nav-about_us a, ul#navigation li#nav-about_us a:hover {background-position:-49px -28px;}

ul#navigation li#nav-windscreens a {background-position:-118px 0; width:91px;} 
body#windscreens-page ul#navigation li#nav-windscreens a, ul#navigation li#nav-windscreens a:hover {background-position:-118px -28px;}

ul#navigation li#nav-tinting a {background-position:-209px 0; width:51px;} 
body#tinting-page ul#navigation li#nav-tinting a, ul#navigation li#nav-tinting a:hover {background-position:-209px -28px;}

ul#navigation li#nav-earth_moving_equipment a {background-position:-260px 0; width:163px;} 
body#earth_moving_equipment-page ul#navigation li#nav-earth_moving_equipment a, ul#navigation li#nav-earth_moving_equipment a:hover {background-position:-260px -28px;}

ul#navigation li#nav-perspex a {background-position:-422px 0; width:65px; } 
body#perspex-page ul#navigation li#nav-perspex a, ul#navigation li#nav-perspex a:hover {background-position:-422px -28px;}

ul#navigation li#nav-contact a {background-position:-486px 0; width:59px;} 
body#contact-page ul#navigation li#contact-home a, ul#navigation li#nav-contact a:hover {background-position:-486px -28px;}

/* Content Elements */
#content p {line-height:18px; padding-bottom:15px; clear:left;}
#content ol.list {padding:0 0 15px 20px; display:block; list-style: outside url(../images/core/listing-bullet.gif);}
#content ol.list li{ margin-left:20px; padding-bottom:7px;}
ul#images {float:right; padding-left:20px;}
ul#images li {padding-bottom:20px;}

ul#contact-details {padding-bottom:10px;}
ul#contact-details li {font-size:14px; padding-bottom:10px;}
div#map-container {float:left; border:5px solid #ccc; margin-bottom:20px;}

/* Footer Elements */
a.affiliate img {float:left;}
#footer p {text-align:center; padding-bottom:10px;}
#footer a { color:#5a5958; text-decoration:none;} 
#footer a:hover {color:#7d7b75; }
#footer a img {}

/* Extra */
ul#home {line-height:18px; padding-bottom:15px;}
ul#home li { padding-left:25px; list-style:disc; list-style-position:inside; font-size:12px; padding-bottom:12px; }