@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: url(../images/core/body-bg.jpg) top center no-repeat #121212; padding: 35px 0 0 0; color: #dfdfdf;}/* Add-in Font, background colour, colour */
h1 {font-size: 2em; font-weight: normal; line-height: 1.4em; padding: 0 0 20px 0;}
h2 {font-size: 1.6em; font-weight: normal; line-height: 1.4em; padding: 0 0 10px 0;}
h3 {}
p {font-size: 1.2em; line-height: 1.8em; padding: 0 0 15px 0;}
a {color:#fff; text-decoration: underline;}
a:hover {color:#fff; text-decoration: underline;}

/* Container Elements ------------------------------------------------------------------------------------------------------------------------- */
#container {width: 940px; margin:0 auto;}
#header {height:340px; background: url(../images/core/header-bg.jpg) top center no-repeat;}
#banner {height:;}
#content {clear:both; background: url(../images/core/content-bg.jpg) repeat;}
#primary {width:284px; float: left; padding: 15px 0 0 0;}
#secondary {float:left; width:616px; background:url(/images/backgrounds/secondary.png) no-repeat; display: block; padding: 30px 20px 0 20px}
#footer {height:80px; padding-top:15px; color:#dfdfdf;}

/* Header Elements ---------------------------------------------------------------------------------------------------------------------------- */
#logo {float: left; width: 269px; height: 332px;}

/* Navigation ------------*/
#nav {float: right;}
#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; width:77px; height:43px;}
    #nav li#nav-profile a {background-image:url(../images/core/nav-profile.jpg); width:94px;}/* Change appropriately */
    #nav li#nav-gallery a {background-image:url(../images/core/nav-gallery.jpg); width:113px;}
    #nav li#nav-testi a {background-image:url(../images/core/nav-testi.jpg); width:107px;}
    #nav li#nav-contact a {background-image:url(../images/core/nav-contact.jpg); width:96px;}
    
    body#home-page #nav li#nav-home a,
    body#profile-page #nav li#nav-profile a,
    body#gallery-page #nav li#nav-gallery a,
    body#testi-page #nav li#nav-testi a,
    body#contact-page #nav li#nav-contact a,
    /* Add additional page active states here ------------------------ */
    #nav li a:hover {background-position:0 -43px;}

    
/* Content Elements  --------------------------------------------------------------------------------------------------------------------------- */

  /* Primary Elements ------------------------------------------------- */
   #title-contact_us {width: 284px; height: 60px; background: url(../images/core/title-contact_us.jpg) top center no-repeat; text-indent: -9999px;}
   .address_side {width: 180px; padding: 0 0 10px 20px; font-size: 1.3em; color: #fff;}
   .side_bg {background: url(../images/core/enquiryform-bg.jpg) top left no-repeat; padding: 10px 0 0 0; display: block;}
   #address_side_email {width: 180px; padding: 0 0 20px 20px; font-size: 1.3em; color: #fff;}
   
   
   
  /* Secondary Elements ----------------------------------------------- */
	#alogo_top {height: 110px; background: url(../images/core/ele_dotted_line.gif) top left repeat-x; margin: 20px 0 0 0;}
	#alogo li { float: left; padding: 30px 40px 0 40px;}
	
  		/*Testimonials Page-- */
  		#testimonials { width: 500px; padding: 0 0 0 20px;}
  			#testimonials img {border: 1px solid #fff;}
  			ul#testimonials li {border-top: 1px solid white; padding: 10px 0 10px 0;}
  			ul#testimonials li ul#galleryshowcase li {border-top: none;}
	
	
  /* Additional Page Elements ----------------------------------------- */
  h1#thankyou {padding: 60px 0 100px 0;}
  

/* Slimbox Gallery ---------*/

	ul#galleryshowcase li {float: left; padding: 20px 40px 20px 40px;}
	ul#galleryshowcase li img { border: 2px solid #000;}
	#gallery-page ul#galleryshowcase li {float: left; padding: 20px 8px 20px 8px}


/* Footer Elements ----------------------------------------------------------------------------------------------------------------------------- */
#footer ul#sitemap li {display:inline;}
#footer {background: url(../images/core/footer-bg.jpg) top center no-repeat; padding: 40px 0 0 0;}
#footer p {font-size: 1.1em;}
#footer img {}
#footer a {color:#fff; text-decoration: none; }
#footer a:hover {color:#fff; text-decoration: underline; }
#copyright {float: left;}
#webfirm_logo {float: right;}

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

#title-get_quote {width: 284px; height: 60px; background: url(../images/core/title-get_a_quote.jpg) top center no-repeat; text-indent: -9999px;}
#enquiry_form {width: 244px; height: 320px; padding: 20px;}

form.form li {position:relative; background: #1d1d1d; border: 1px solid #404040; margin: 10px 0 10px 0; }
form.form label {width: 203px; height: 29px; position:absolute; top:0; left:0; display:inline-block; color: #ccc; padding: 6px 0 0 6px ;font-size: 1.2em;}

input{width: 203px; height: 23px; color: #ccc; background: none; border: none; padding: 6px 0 0 5px;font-size: 1.2em;}
textarea{width: 203px; height: 89px; color: #ccc; background: none; border: none; padding: 6px 0 0 5px;font-size: 1.2em; resize:none; overflow:hidden;}

#note {background: none; border: none;}
#note h4 {font-weight: normal;}

form.form li#textarea {background: #1d1d1d; }
form.form li.button {background:none; border: none;}
form.form li.button label {display:none;}
form.form li.button input {width: 70px; height: 25px; background:url(../images/core/enquiryform-btn-submit.jpg) no-repeat; text-indent:-9999em; cursor:pointer; display: block;}