@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; color: #fff; background: url(../images/core/body-bg.gif) top center repeat-x; padding: 34px 0 0 0;}
h1 {font-size: 2.5em; color: #333; font-weight: normal; padding: 10px 0 30px 0; line-height: 1.2em;}
h2 {font-size: 2em; color: #333; font-weight: normal; padding: 10px 0 30px 0; line-height: 1.2em;}
h3 {font-size: 1.6em; color: #333; font-weight: normal; padding: 10px 0 30px 0; line-height: 1.2em;}
p {font-size: 1.2em; color: #333; padding: 0 0 15px 0; line-height: 1.8em;}
a {color: #23a9e1; }
a:hover {color: #b1d7e3;}
ul {font-size: 1.2em; color: #fff;}
#header a {color: #fff; }
#header a:hover {color: #fff; text-decoration: underline;}

/* Container Elements ------------------------------------------------------------------------------------------------------------------------- */
#container {width:946px; margin:0 auto;}
#header {width: 946px; height:168px; }
#banner {width: 940px; height:302px; overflow: hidden;}
#content {display: block; padding: 32px 0 50px 0;}
#primary {width:546px; padding: 0 50px 0 0; float: left; background: url(../images/core/primary-bg-divider.jpg) top right repeat-y;}
#secondary {width:305px; background:url(/images/backgrounds/secondary.png) no-repeat; float:left; padding: 0 0 0 45px;}
#footer {height:80px; padding-top:15px; color:#525252;}

/* Header Elements ---------------------------------------------------------------------------------------------------------------------------- */
#nav {width:946px; height: 45px; overflow: hidden; clear: both; padding: 37px 0 0 0;}
#nav li {float:left;} 
  
  #nav li a {display:block; text-indent:-9999em; background:url(../images/core/nav-home.jpg) no-repeat 0 0; text-decoration:none; height:45px;}
    #nav li#nav-home a {background-image:url(../images/core/nav-home.jpg); width:133px;}
    #nav li#nav-profile a {background-image:url(../images/core/nav-profile.jpg); width:173px;}
    #nav li#nav-how_it_works a {background-image:url(../images/core/nav-how_it_works.jpg); width:265px;}
    #nav li#nav-services a {background-image:url(../images/core/nav-services.jpg); width:208px;}
    #nav li#nav-contact a {background-image:url(../images/core/nav-contact.jpg); width:167px;}
    
    body#home-page #nav li#nav-home a,
    body#profile-page #nav li#nav-profile a,
    body#how_it_works-page #nav li#nav-how_it_works a,
    body#services-page #nav li#nav-services a,
    body#contact-page #nav li#nav-contact a {background-position: 0 -90px;}
    /* Add additional page active states here ------------------------ */
    #nav li a:hover {background-position: 0 -45px;}
	
    
/* Content Elements  --------------------------------------------------------------------------------------------------------------------------- */

	/*Header Elements */
	a#logo-airfilter {width: 538px; height: 41px; display: block; float: left; margin: 10px 0 0 0;}
	ul#contactdetails {width: 140px; float: right;}

  /* Primary Elements ------------------------------------------------- */
  h1#title-the_original {width: 397px; height: 82px; text-indent: -9999px; background: url(../images/core/title-the_original.jpg) top left no-repeat; padding: 0 0 60px 0;}
  #btn-more {background:url(../images/core/content-btn-more.jpg) top center no-repeat; width:80px; height: 34px; display: block; overflow: hidden; text-indent: -9999px;}
  #btn-more:hover {background-position: 0 -34px;}
  
  #primary ul li {color: #333; list-style: decimal; margin: 0 0 0 20px; padding: 0 0 10px 0;}
  #services-page #primary ul {display: inline-block; padding: 0 0 20px 0;}
  #services-page #primary ul li {color: #333; list-style: circle; margin: 0 0 0 20px; padding: 0 0 10px 0; float: left; width: 250px;}
  
  #embold {font-weight: bold; color: #000; font-size: 1.1em;}
   
  
  /* Secondary Elements ----------------------------------------------- */
	div#video_container {width: 144px; height: 260px; background: url(../images/core/content-video-bg.jpg) top center no-repeat; padding: 17px 0 0 16px;}
	
  
  
  /*Profile Page --------------------*/
  #link_why {font-size: 1.4em; color: #23a9e1; text-decoration: none;}
  #link_why:hover { color: #23a9e1;text-decoration: underline;}

	
	
	/* Contact Page Elements ----------------------------------------- */
	iframe {border: 1px solid #fff;}
	#contactdetails_contactpage li{list-style: none!important; margin: 0px!important;}



/* Footer Elements ----------------------------------------------------------------------------------------------------------------------------- */
#footer {border-top: 10px solid #b1d7e3; margin: 20px 0 0 0;}
#footer ul#sitemap li {display:inline; color: #b1d7e3; font-size: 1em; padding: 0 10px 0 0 ;}
#footer p {color: #b1d7e3;}
#footer img {float: right;}
#footer a {color: #b1d7e3; text-decoration: none; font-size: 1em;}
#footer a:hover {color: #b1d7e3; text-decoration: underline;}

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

#enquiry_form {width: 220px; height: 320px;}

form.form li {position:relative; background: url(../images/core/form-bg-input.jpg) no-repeat 0 0; padding: 0 0 10px 0;}
form.form label {width: 185px; height: 24px; position:absolute; top:0; left:0; display:inline-block; color: #23a9e1; padding: 6px 0 0 6px ;font-size: 1em;}

input{width: 185px; height: 24px; color: #23a9e1; background: none; border: none; padding: 6px 0 0 5px;font-size: 1em;}
textarea{width: 185; height: 90px; color: #23a9e1; background: none; border: none; padding: 6px 0 0 5px;font-size: 1em; 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: 80px; height: 34px; background:url(../images/core/form-bg-submit.jpg) no-repeat; cursor:pointer; display: block; text-indent: -9999px;}
form.form li.button input:hover {background-position: 0 -34px;}