/*
   screen.css
   stickit
   
   Created by Cale Woodley on 2008-11-25.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");

body {
  background: #ffed52;
  font: 12px/22px Tahoma, Verdana, Arial, sans-serif;
  color: #303030;
}

#container {
  width: 940px;
  margin: 40px auto;
  border: 3px solid #fff;
  background: #fff url('../images/core/container-background.gif') right 190px no-repeat;
}


/*  =header
*******************************/
#header {
  width: 940px;
  height: 200px;
  background: url('../images/core/header-background.gif') top left repeat-x;
}

#header img {
  float: left;
  display: inline;
  margin: 26px 0 15px 46px;
}

#header #contact-info {
  width: 362px;
  height: 100px;
  background: url('../images/core/header-contact.png');
  float: right;
  display: inline;
  margin: 40px 12px 0 0;
}

#header #contact-info p {text-indent: -999em;}


/*  =nav
*******************************/
#navigation {
  clear: both;
  margin: 20px auto 0;
  width: 910px;
  height: 29px;
  background: url('../images/nav/nav-background.gif') 0 0 repeat-x;
}

#navigation li {
  float: left;
  display: inline;
}

#navigation a {
  display: block;
  height: 29px;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -999em;
}

#navigation a#nav-home {background-image: url('../images/nav/nav-home.png'); width: 87px; margin: 0 0 0 60px;}
#navigation a#nav-selfstorage {background-image: url('../images/nav/nav-selfstorage.png'); width: 174px;}
#navigation a#nav-prices {background-image: url('../images/nav/nav-prices.png'); width: 197px;}
#navigation a#nav-apply {background-image: url('../images/nav/nav-apply.png'); width: 144px;}
#navigation a#nav-contact {background-image: url('../images/nav/nav-contact.png'); width: 155px;}

#navigation a:hover {background-position: 0 -29px;}


/*  =banner
*******************************/
#banner {
  width: 527px;
  height: 192px;
  float: left;
  display: inline;
  border: 3px solid #fedd62;
  margin: 0 0 10px 18px;
    overflow: hidden;
}

#banner .pics {
  padding: 0;  
  margin:  0;
  width: 527px;
  height: 192px;
}

#banner .pics img {
  top:  0; 
  left: 0;
}


/*  =cta
*******************************/
#cta {
  float: right;
  display: inline;
  width: 362px;
  height: 116px;
  text-indent: -999em;
  margin: 40px 18px 0 0;
}

#cta a#storage-solutions {
  display: block;
  width: 362px;
  height: 116px;
  background: url('../images/core/cta.png') 0 0 no-repeat;
}

#cta a#storage-solutions:hover {background-position: 0 -116px;}


/*  =content
*******************************/
#content {
  clear: both;
  width: 872px;
  margin: 10px auto;
}

#content h1 {
  font: 24px Arial, Verdana, sans-serif;
  color: #303030;
  font-weight: bold;
}

#content p {
  margin: 0 0 20px 0;
}

#content a {color: #1553bb; text-decoration: underline;}
#content a:hover {text-decoration: none;}

#content a.pdf {background: url('../images/icon-pdf.gif') no-repeat; padding: 2px 0 2px 22px;}

#content ul {
  margin: 0 0 20px 20px;
}

#content ul li {list-style: disc;}

#content hr {
  height: 16px;
  width: 100%;
  background: url('../images/core/hr.png') top center;
  border: 0;
  clear: both;
  display: block;
}

#content table {
  width: 100%;
  clear: both;
  text-align: left;
}

#content table caption {font-size: 16px; font-weight: bold; border-bottom: 2px solid #434343; padding: 0 0 8px 0;}

#content table thead tr {border-bottom: 2px solid #434343;}

#content table tr {border-bottom: 1px solid #ccc;}

#content table tbody tr:hover {background: #F0F0F0;}

#content table td, #content table th {padding: 0 4px;}

#content table#prices tfoot {color: #585858; font-style: italic; text-align: right;}
#content table#prices tfoot tr {border: 0;}

/*  =footer
*******************************/
#footer {
  width: 940px;
  height: 50px;
  margin: 20px auto 0;
  display: block;
  clear: both;
  background: #ffd652;
  color: #000;
}

#footer p {
  float: left;
  display: inline;
  margin: 6px 10px 0;
  font-size: 11px;
  line-height: 20px;
}

#footer img {
  float: right;
  display: inline;
  margin: 10px;
}

#footer p a {padding: 4px 5px 4px; color: #000; text-decoration: none;}
#footer p a:hover {background: #fde69f;}