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

/* CONTAINERS */
body {background:#000 url('../images/backgrounds/body.gif') repeat-x center 150px; color:#888; font: 64.5%/1.8em Verdana, Arial, sans-serif; line-height: 1.6em;}
  #container{width:800px; margin:0 auto;}
    #header{height:150px; position:relative;}
    #banner{height:308px; overflow:hidden; margin:30px 0 5px 0;}
    #content{background:url(../images/core/divider.gif) no-repeat center 40px; padding-bottom:30px;}
    #footer{clear:both; padding:40px 0; background:url(../images/core/divider.gif) no-repeat top center;}

/* Header Elements */
  #header a img {position:absolute; top:38px; left:-4px;}
  img{
	border:none;
  }

/* Navigation Elements */
  ul#navigation {display:block; width:270px; height:22px; position:absolute; right:0px; bottom:10px;}
  ul#navigation li {display:block; height:22px; width:45px; float:left;}
  ul#navigation li#company_profile-nav {width:135px;}
  ul#navigation li#contact_us-nav {width:90px;}
  
  ul#navigation li a {display:block; width:45px; height:22px; text-indent:-9999px; background:url('../images/navigation/navigation.gif') no-repeat 0 0;}
  ul#navigation li#company_profile-nav a {width:135px; background-position:-45px 0px;}
  ul#navigation li#contact_us-nav a {width:90px; background-position:-180px 0px;}
  
  body#home-page ul#navigation li#home-nav a, ul#navigation li#home-nav a:hover {background-position:0px -23px;}
  body#company_profile-page ul#navigation li#company_profile-nav a, ul#navigation li#company_profile-nav a:hover {background-position:-45px -23px;}
  body#contact_us-page ul#navigation li#contact_us-nav a, ul#navigation li#contact_us-nav a:hover { background-position:-180px -23px;}
  
/* Banner Elements */
#banner .logo {display:block; height:308px; width:800px; overflow:hidden;}
#shop {position: absolute; right: 250px; top:10px;}

/* Content Elements */
h1 {height:60px; text-indent:-9999px; background:url('../images/headings/h1-home.gif') no-repeat 0 15px;}
body#company_profile-page h1 {background-image:url(../images/headings/h1-company_profile.gif);}
body#contact_us-page h1 {background-image:url(../images/headings/h1-contact_us.gif);}

h2, h3, h4 {font-size:1.6em; padding-bottom:2em; color:#fff; font-weight:normal;}
h3 {font-size:1.4em;}
h4{font-size:1.3em;}
#content a {color:#32aac8; text-decoration:none;}
#content a:hover {text-decoration:underline;}
#content p {padding-bottom:2em;}


#contact_details {width:280px; float:left; font-size:1.1em; color:#fff; border-right:1px dotted #666;}
#contact_details li {padding-bottom:1em;}
div#location_map{float:right; width:500px; height:300px; border:10px solid #444;}

#content ul.list li{
	list-style: square;
	margin-left: 15px;
}

#content ul.list{
	margin-bottom: 10px;
}

/* Footer Elements */
#footer a {color:#2b3d4a; text-decoration:none;}
#footer a:hover {text-decoration:none; color:#32aac8;}
#copyright {color:#444444;}
#footer a img {float:right;}