/*
   screen.css
   kidskonsultant
   
   Copyright 2009 Webfirm. All rights reserved.
*/

@import url('reset.css');

body {
  background: #fff url('../images/core/body.gif') 0 1px repeat-x;
  font: 12px Arial, Verdana, Tahoma, sans-serif;
}

a { color:#666; text-decoration:none}
a:hover { color:#003366; text-decoration:underline}
a:active { color:#333333; text-decoration:none}


#container {
  width: 639px;
  margin: 0 auto;
  border: 1px solid #000;
  border-right: 1px solid #ccc;
}

#header {
  width: 100%;
  height: 100px;
  border: 1px solid #ccc;
  margin-top: -1px;
}

/* =nav */
#navigation {
  width: 640px;
  height: 24px;
  display: block;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ccc;
}

#navigation li {float: left; display: inline; height: 24px;}

#navigation li a {
  display: block;
  height: 24px;
  text-indent: -999em;
}

#navigation li a#nav-home {background: url('../images/nav/nav-home.gif'); width: 65px;}
#navigation li a#nav-bedwetting {background: url('../images/nav/nav-bedwetting.gif'); width: 98px;}
#navigation li a#nav-breastfeeding {background: url('../images/nav/nav-breastfeeding.gif'); width: 105px;}
#navigation li a#nav-parenting {background: url('../images/nav/nav-parenting.gif'); width: 126px;}
#navigation li a#nav-sleep_management {background: url('../images/nav/nav-sleep_management.gif'); width: 136px;}
#navigation li a#nav-fees {background: url('../images/nav/nav-fees.gif'); width: 44px;}
#navigation li a#nav-contact {background: url('../images/nav/nav-contact.gif'); width: 65px;}

#navigation li a:hover {background-position: 0 -24px !important;}

/* =banner */
#banner {
  border-top: 1px solid #000;
  border-right: 1px solid #ccc;
  width: 640px;
  height: 83px;
}

#banner img {
  float: left;
  display: inline;
  margin: 10px 0 0 30px;
}

body#p-index #banner {background: url('../images/core/banner-index_background.gif');}
body#p-bedwetting #banner {background: url('../images/core/banner-bedwetting_background.gif');}
body#p-breastfeeding #banner {background: url('../images/core/banner-breastfeeding_background.gif');}
body#p-parenting #banner {background: url('../images/core/banner-parenting_background.gif');}
body#p-sleep_management #banner {background: url('../images/core/banner-sleep_management_background.gif');}
body#p-fees #banner {background: url('../images/core/banner-fees_background.gif');}
body#p-contact #banner {background: url('../images/core/banner-contact_background.gif');}

/* =content */
#content #primary {
  float: right;
  display: inline;
  width: 465px;
}

#content h1 {color:#003366; margin: 0 0 14px 0; text-transform: uppercase;}
#content h2, #content legend {color: #006699; margin: 14px 0 14px 0; text-transform: uppercase;}

#content p {margin: 10px 0;}

#content ul li {list-style: square; margin: 0 0 0 30px; line-height: 19px;}

#content #secondary {
  float: left;
  display: inline;
  width: 174px;
  text-align: center;
}


/* =footer */
#footer {clear: both; display: block;}

#footer #footer_nav {
  width: 640px;
  height: 90px;
  display: block;
  border-top: 1px solid #000;
  margin: 0 auto;
}

#footer #footer_nav li {
  float: left;
  display: inline;
  width: 91px;
  text-align: center;
  height: 90px;
  margin-top: 5px;
}

#footer #footer_nav li a {color: #333;}
#footer #footer_nav li a:hover {color: #003366;}