/**
* Panintelligence
* Layout CSS			
*
* CSS developed by Bloom Media Ltd. | www.bloommedia.co.uk
*/




/* =CONTAINERS
-------------------------------------------------------------- */

body {
  background: #fff url('/img/page-background.gif') repeat-x 0 0;
}

div#container {

}

div#content {
  margin: 0 auto;
  width: 833px;
}


/* =BRANDING
-------------------------------------------------------------- */

div#branding{
  background:url('/img/telephone.gif') no-repeat 100% 100%;
	height:106px;
}

div#branding a:hover {
  border: 0;
}

div#branding h1 {
  margin-left:-170px;
}


div#branding h1 a#logo {
  background: url('/img/logo.gif') no-repeat scroll 0 0;
  display: block;
  float: left;
  height: 106px;
  text-indent: -9999px;
  width: 490px;
}

div#branding  a#build-a-dashboard {
  #background: url('/img/build-a-dashboard.gif') no-repeat scroll center right;
  color: #fff;
  display: block;
  float: right;
  font-size: 0.75em;
  height: 47px;
  line-height: 15px;
  padding: 15px 0 0 22px;
  width: 149px;
  margin:13px 0 0 0;
}

div#branding a#build-a-dashboard:hover { 
  color: #003d7e;
}



/* =CONTENT CONTAINERS
-------------------------------------------------------------- */

div#banner {
  background-repeat:no-repeat;
  clear: both;
  height: 263px;
  position: relative;
  width: 832px;
  z-index:0;
}

div#banner h1 {
  float: left;
  height: 44px;
  left: 85px;
  position: absolute;
  text-indent: -9999px;
  top: 32px;
  width: 179px;
}

div#banner h2 {
  float: left;
  left: 30px;
  height: 77px;
  position: absolute;
  text-indent: -9999px;
  top: 85px;
  width: 409px;
}

div#content-primary {
	float: left;
	margin: 0 51px 40px 0;
	}
	
	body.home div#content-primary {
	background:url('../img/homepage-background.jpg') no-repeat 100% 0;
	padding-right:335px;
	margin-right: 0;
	margin-bottom:20px;
	}
	
	body.home div#content-primary p {
	  width:502px;
	}
	
	div#content-primary h2{
	margin-bottom:5px;
	}
	
	div.info-box, body.home div#contact-us {
	  float: left;
	  margin:0 25px 20px 0;
	  width: 251px;
	  background:url(../img/bg-dotted-line-blue.png) no-repeat 0 33px;
	}
	
	div.info-box p, body.home div#contact-us p {
	  margin-top:15px;
	}
	
	div.infobox.right {
	  margin-right:0;
	}

div#content-secondary {
  float: left;
  width: 318px;
  margin:0 0 40px 0;
}

body.home div#content-secondary {
  margin:0 0 20px;
  width:auto;
}

div#testimonials{
	float:left;
	width:318px;
	background-image:url(../img/bg-dotted-line-blue.png);
	background-position:0 32px;
	background-repeat:no-repeat;
	margin-bottom:20px;
	}
	#page-wrap{
	margin-top:20px;
	}
	div#testimonials em{
	color:#00a3e4;
	font-size:.9em;
	font-style:normal;
	}

div#contact-us{
	float:left;
	}

	body.home div#contact-us h2 {
	 color:#96c705;
	}

div#footer{
	width:960px;
	clear:both;
	width:834px;
	background-image:url(../img/bg-footer-dots.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding:15px 0 0 0;
	border-bottom:160px solid white;
	}
	
div#twitter{
	float:left;
	clear:both;
	padding:24px 0 0 0;
	}
	div#twitter img{
	margin-bottom:14px;
	border:none;
	}

/* =SITE-INFO
-------------------------------------------------------------- */

div#footer img {
 float:left;
 border:none;
}

ul#site-info {
  float:left;
  margin:5px 0 0 15px;
  width:730px;
  list-style-type: none;
}

ul#site-info div.hr hr {
  display: none;
}

ul#site-info li.left {
  float: left;
}

ul#site-info li.right {
  border-right: 1px solid #00a5e4;
  float: right;
  line-height: 12px;
  margin-right: 15px;
  padding-right: 15px;
}

ul#site-info li.right.last {
  border: 0;
  margin: 0;
  padding: 0;
}

ul#site-info li ul {
  font-size: 100%;
  list-style-type: none;
  margin: 0;
}

ul#site-info li ul li {
  float: none;
}

ul#site-info li ul li strong {
  color: #00a5e4;
}

ul#site-info li a {
  color: #333;
  font-weight: normal;
}

ul#site-info li a:hover {
  border-bottom: 1px solid #333;
}


/* =BASIC TYPOGRAPHY
-------------------------------------------------------------- */

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.125em;
    color: #333;
}

h1 {
}

h2 {
  color: #003d7e;
  font-size: 21px;
  font-weight: normal;
}

p, ul, ol, dl, table, form {
	font-size: 0.75em;
	margin:0 0 1.5em 0;
}

/* =LINKS
-------------------------------------------------------------- */

a:link, a:visited, a:focus, a:active {
	color: #00a5e4;
	font-weight: bold;
	text-decoration: none;
}



a#find-out-more, a#get-in-touch {
	background-image:url(../img/bg-contact-call-a.png);
	width:102px;
	height:26px;
	line-height:22px;
	color:#fff;
	text-align:center;
	display:block;
	padding:0;
	font-weight:bold;
}
a#find-out-more:hover, a#get-in-touch:hover{
	text-decoration:underline;
}


a#view-a-demo {
  background: none;
  float: left;
  height: 32px;
  left: 30px;
  position: absolute;
  top: 151px;
  width: 112px;
  text-indent: -9999px;
}

	a.button {
    background-image:url(../img/bg-interior-call-a.png);
    width:102px;
    height:26px;
    line-height:22px;
    color:#fff;
    text-align:center;
    display:block;
    padding:0;
    font-weight:bold;
	}
	
	a.button:hover {
	  text-decoration:underline;
	}

/* =OTHER BITS
-------------------------------------------------------------- */

div.hr {
  background: url('../img/hr-content.gif') repeat-x scroll 0 0;
  border: 0;
  height: 1px;
  margin: 18px 0;
}

div.hr hr {
  display: none;
}