/* -------------------------------------------------------------- 
  
  PFA Research
  16/4/08
  Russell Jones
  www.slightlydifferent.co.uk
  
  Partially based on Blueprint - I say Partially because the grid system (to me) is overly complicated.
  I'm sure that if you gen up on it, it'll become a time saver, but all those divs and spans make jack a dull boy.
  
  Anyhoo - here's the obligotary backslap
  
  Blueprint CSS Framework 0.7.1
  http://blueprintcss.googlecode.com
  
  ciao!
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.6em; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }


/* typography.css */
body {font-size:70%;color:#222;background:#fff; font-family: Tahoma, Arial, "Myriad", arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 a {font-size:1.4em; margin-top:0.75em;font-family: "Myriad Pro", Tahoma, Arial, arial, sans-serif; color:#3bb8f9; text-decoration:none; font-weight:normal;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.6em; color:#727679; font-family: Tahoma, Arial, "Myriad", arial, sans-serif;}
p img {float:left;margin:0 1.5em 3em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#3bb8f9; text-decoration:none; font-weight:bold;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
/*th, td {padding:4px 10px 4px 5px;}*/
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* -------------------------------------------------------------- 
   
   blueprint ie fixes

-------------------------------------------------------------- */

/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }


/* Fixes incorrect styling of legend in IE6. 
* html legend { margin:-18px -8px 16px 0; padding:0; }*/

/* Fixes incorrect placement of ol numbers in IE6/7. */
ol { margin-left:2em; }

/* Fixes wrong line-height on sup/sub in IE. */
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

/* Fixes IE7 missing wrapping of code elements. 
html>body p code { *white-space: normal; } */

/* IE 6&7 has problems with setting proper <hr> margins. */
hr  { margin: -8px auto 11px; }

/* -------------------------------------------------------------- 
   
   blueprint forms

-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0;
  border:1px solid #2d91c3;
  background:url(../images/backgrounds/input.gif) top left repeat-x;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}
input.text	   {width:100px; padding:5px; font-size:1em;}
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 250px; padding:5px;}


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div.clearme{
	clear:both;
	}

/*now the fun begins*/
/*generic grid column layout styles*/
#wrapper{
	width:900px;
	margin:0 auto;
	text-align:left;
	padding-top:25px;
	}
	
#innards{
	margin-left:153px;
	}

.column-small{
	width:134px;
	margin-right:19px;
	float:left;
	}
	
.column-medium{
	width:287px;
	margin-right:19px;
	float:left;
	border-top:2px solid #e1e3e5
	}	
	
.column-large{
	width:440px;
	margin-right:19px;
	float:left;
	border-top:2px solid #e1e3e5
	}	
	
.column-xlarge{
	width:593px;
	margin-right:19px;
	float:left;
	border-top:2px solid #e1e3e5
	}	

	
#endbit{
	margin-right:0;
	}
	
.ender{
	margin:0 !important;
	}
	
/*overview styles*/

.column-overview{
	width:287px;
	margin-right:19px;
	float:left;
	margin-bottom:19px;
	}	
	
	
/*column specific styles*/
.column-small blockquote{
	color:#a6b2b3;
	font-style:italic;
	margin:0 0.2em 2em 0;
	}
	
.column-small p{
		color:#8a989a;
		}
		
.column-small ul{
	margin:0;
	}
		
.column-small li{
	list-style-type:none;
	}
	
.column-small li a{
	line-height:22px;
	background:url(/images/backgrounds/side-nav.gif) bottom repeat-x;
	}
		
.headline{
	margin-bottom:21px;
	}
	
img.icon{
	float:left;
	margin:0;
	padding:0;
	}

/*masthead styles*/
h1#logo{
	display:block;
	width:134px;
	height:154px;
	background:url(../images/generic/logo.gif) top center no-repeat;
	float:left;
	}

h1#logo a{
	display:block;
	width:134px;
	height:154px;
	}

h1#logo a span{
	display:none;
	}
	
	
/*main navigation*/			
#main-nav {
	width: 747px;
	height: 154px;
	background: transparent url(../images/generic/navigation.gif) no-repeat right;
	float:left;
	margin-left:19px;
}

#main-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 154px;
}

#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main-nav ul li a {
	display: block;
	height: 154px;
	padding: 0;
	margin: 0;
}

li#nav_one a{ width: 100px; }
li#nav_two a { width: 130px; }
li#nav_three a { width: 145px; }
li#nav_four {width:115px}
li#nav_five a {width:125px}
li#nav_six a {width:125px}


#main-nav ul li strong { display: none; }

/*side navigation*/	

#side-nav li{
	line-height:29px;
	display:block;
	background:url(../images/backgrounds/side-nav.gif) left bottom repeat-x;
	}
	

/*page specific styles*/

p.intro{
	margin:1em 0 1.5em 0;
	padding:0 0 1.5em 0;
	background:url(../images/backgrounds/intro.gif) left bottom repeat-x ;
	color:#313d46;
	}
	
p.client{
	margin:1em 0 1.5em 0;
	}
	
	
#emailsignup{
	width:271px;
	height:125px;
	padding:29px 8px 8px 8px;
	margin-top:20px;
; background-image: url(../images/backgrounds/email_2.gif); background-repeat: no-repeat; background-position: top left; clip:  rect(   )
	}
	
#emailsignup p{
	color:#c9ecfe;
	line-height:1.2em;
	margin-bottom:1em;
	}
	
#emailsignup p.disclaimer{
	color:#1b7fb3;
	}
	

#headline{
	margin:0;
	padding:0;
	}

	
/*hidden layer styles*/
.mover{
	height:112px;
	background:url(../images/backgrounds/dropdown.jpg) top repeat-x;
	width:100%;
	}
	
#ghwrapper{
	width:900px;
	height:82px;
	text-align:left;
	padding-top:30px;
	margin:0 auto;
	}
	
#ghwrapper p{
	color:#95caff;
	font-size:90%;
	line-height:1.2em;
	}
	
#ghwrapper p a{
	color:#c1e0ff;
	text-decoration:none;
	}
	
#togglearea{
	background:url(../images/backgrounds/dropdown-border.jpg) top repeat-x;
	
	}
	
	
#tabuttons{
	width:900px;
	width:900px;
	text-align:right;
	margin:0 auto;
	}
	
table.login{
	margin:0;
	padding:0;
	}
	
.login td, th{
	vertical-align:top;
	padding: 0;
	}




/*footer styles*/

#footer{
	background:url(../images/backgrounds/footer.jpg) top left repeat-x;
	height:172px;
	margin-top:20px;
	width:100%;
	text-align:center;
	}
	
	
#footer-wrapper{
	width:747px;
	margin:0 auto !important;
	padding-left:153px;
	padding-top:15px;
	text-align:left;
	}
	
#footer-wrapper a{
	font-weight:normal;
	}
	
#footer-wrapper address{
	font-style:normal;
	color:#a2b6be;
	line-height:1.4em;
	margin:1.3em 0 1.5em 0;
	}
	
#footer-wrapper p{
	color:#a2b6be;
	}
	
	
#footer-wrapper ul{
margin:1.3em 0 0 0;
padding:0;
list-style-type:none;
}

#footer-wrapper li a{
	list-style-type:none;
	color:#74848a;
	line-height:2.5em;
	font-weight:normal;
	text-decoration:none;
	list-style-type:none;
	}
	
.vCard{
	background:url(../images/generic/icon-vcard.gif) no-repeat;
	background-position:0 3px;
	padding-left:15px;
	}
	
	
.directions{
	background:url(../images/generic/icon-directions.gif) no-repeat;
	background-position:0 3px;
	padding-left:15px;
	}
	
	
/*client login*/

div.loginarea{
	margin:30px;
	background:#E4E8E9;
	border:2px solid #CCCED2;
	padding:20px;
	}
	
div.mover label{
	display:none;
	}
	
	
/*sneaky hide*/
.extratext{
	display:none;
	}