/*
   screen.css
   allied
   
   Copyright 2009 Webfirm. All rights reserved.
*/
@import url('reset.css');

body {
  background: #04398f url('../images/core/body.jpg') 0 0 repeat-x;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

#wrap {
  width: 100%;
  background: url('../images/core/wrap.jpg') top center no-repeat;
}

#container {
  width: 940px;
  margin: 0 auto;
}


/*
**************************************/
#header {
  width: 940px;
  height: 112px;
  background: url('../images/core/header-background.png') 0 0 repeat-x;
}

#header img#logo {
  float: left;
  display: inline;
  margin: 14px 0 0 31px;
}

#header .cta {
  float: right;
  display: inline;
  margin: 40px 21px 0 0;
}

#banner {
  width: 940px;
  height: 182px;
  background: #fff;
}

#banner #pics {width: 938px; height: 182px; overflow: hidden; margin: 0 auto;}


/*  =nav
**************************************/
#navigation {
  width: 940px;
  height: 35px;
  background: url('../images/nav/nav-background.png');
}

#navigation ul {
  margin: 0 0 0 240px;
}

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

#navigation li a {
  display: block;
  line-height: 35px;
  color: #000;
  text-decoration: none;
  font-size: 12px;
  padding: 0 20px;
  background: url('../images/nav/nav-hover.png') 0 -35px repeat-x;
}

#navigation li a:hover {
  background: url('../images/nav/nav-hover.png') 0 0 repeat-x;
  color: #fff;
}


/*  =content
**************************************/
#content  {
  display: block;
  clear: both;
  padding: 40px 0 0;
  font: 11px/24px Arial, Verdana, Tahoma, sans-serif;
  color: #97caff;
  text-align: justify;
}

#primary {
  width: 640px;
  float: left;
  display: inline;
}

#primary h1 {
  font-size: 26px;
  color: #a0cafd;
  font-weight: normal;
  text-indent: -999em;
  height: 73px;
  width: 552px;
}

#primary h2, #primary legend {
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 1px solid #97C4DE;
}

#primary legend {border: 0;}

body#p-index #primary h1 {background: url('../images/core/h1-index-trans.png');}
body#p-profile #primary h1 {background: url('../images/core/h1-profile-trans.png');}
body#p-services #primary h1 {background: url('../images/core/h1-services-trans.png');}
body#p-testimonials #primary h1 {background: url('../images/core/h1-testimonials-trans.png');}
body#p-contact #primary h1 {background: url('../images/core/h1-contact-trans.png');}
body#p-thankyou #primary h1 {background: url('../images/core/h1-thankyou-trans.png');}

body#p-services #primary h2 {clear: both;}

#primary p {
  margin: 0 0 20px;
  font-size: 1.2em;
}

#primary a {color: #97caff;}
#primary a:hover {text-decoration: none;}

#primary a.fancybox {float: left; display: inline; margin: 5px 10px 0 0;}

#primary hr {
	border: 0;
	border-bottom: 1px solid #97CAFF;
	height: 1%;
	margin: 10px 0;
}

#secondary {
  width: 276px;
  float: right;
  display: inline;
  margin: 80px 0 0 0;
}

#secondary .cta {
  width: 276px;
  height: 106px;
  position: relative;
}

#secondary .cta h2 {text-indent: -999em;}

#secondary .cta p {
  width: 148px;
  line-height: 13px;
  text-align: left;
  position: absolute;
  top: 48px;
  right: 16px;
  color: #fff;
  font-size: 1.1em; 
}

#secondary #services p {width: 150px;}

#secondary .cta a {color: #fff; text-decoration: none;}
#secondary .cta a:hover {text-decoration: underline;}

#secondary #testimonials {background: url('../images/core/cta-testimonials.png') 0 0 no-repeat; margin-bottom: 26px;}
#secondary #services {background: url('../images/core/cta-services-trans.png') 0 0 no-repeat;}

#secondary .cta-hover {background-position: 0 -106px !important; cursor: pointer;}

/*  =footer
**************************************/
#footer {
  width: 940px;
  display: block;
  clear: both;
  border-top: 1px solid #295ba9;
  padding-bottom: 40px;
}

#footer a {color: #97caff; text-decoration: none; padding: 3px 5px; margin: 0 5px;}
#footer a:hover {background: #154ca6;}

#footer p {
  float: left;
  display: inline;
  margin: 7px 0 0;
}

#footer p.copyright {margin-left: 80px;}

#footer img#webfirm {float: right; display: inline; margin: 5px 5px 0 0;}