/*

css by Martin Hughes
- feb 2010
- www.martinhughesportfolio.com

*/

/* reset.css */
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.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* clearfix - positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*.clearfix {display: inline-block;} */ /* for IE/Mac */

/*
image alignments
*/
				/* Begin Images */
					p img{padding:0;max-width:100%; border:0;}
					img.centered{display:block;margin-left:auto;margin-right:auto;}
					img.alignright{ padding:4px; margin:0 0 2px 7px;display:inline;}
					img.alignleft{ padding:4px; margin:0 7px 2px 0;display:inline;}
					.alignright{float:right;}
					.alignleft{float:left;}
				/* End Images */


body{ background:#fff url(images/bg-container-blend.jpg) 0 0 repeat-x; }

/*div{ border:1px solid red;}*/

.skip-link{ position:absolute; top:-999em; left:-999em;}

#container{ width:985px; margin:0 auto; background:#fff url(images/bg-main-blend.jpg) 0 287px repeat-x; }

/*#header-outer{ background:#31353E; clear:both; height:249px; }*/

#header{ background:#31353E url(images/copius-header-2010.jpg) 0 0 no-repeat; height:249px; width:1084px; }
#header img{ padding-top:53px; padding-left:68px; }


body#team #header{background:#31353E url(images/copius-header-2010-team.jpg) 0 0 no-repeat; }
body#services #header {background:#31353E url(images/team-header-colour.jpg) 0 0 no-repeat; }


/*nav*/
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active{ font-weight:bold; padding:5px; padding-right:10px; padding-left:10px; color:#cdd4dc; 
text-transform:uppercase; text-decoration:none; font-size:90%; background:#3E454F; 
 
/*background-image:url(images/nav-divider-graphic.png) bottom right no-repeat;*/     }
#nav a:hover, #nav a:active{ text-decoration:underline; }

#nav{ height:28px; background:#3E454F; padding-left:235px; padding-top:10px;   }

#nav-box { clear:both;  background:#3E454F;  }

#nav li{  display:inline; list-style:none;  background:#3E454F; }

body#home #n-home a,
body#about #n-about a,
body#team #n-team a,
body#clients #n-clients a,
body#services #n-services a,
body#news #n-news a,
body#testimonials #n-testimonials a,

body#contact #n-contact a
{ background:#fff url(images/nav-current-logo.jpg) left bottom repeat-x; color:#333; padding-bottom:12px;}



/*
links
*/
a:link, 
a:visited { color:#415E7E; }
a:hover, 
a:active { color:#111; }

.footer a:link,
.footer a:visited{ color:#eee; text-decoration:none; }
.footer a:hover,
.footer a:active{ color:#fff; text-decoration:underline; }



.brand-text{ color:#415e7e; }
.intro{ text-align:justify;}
.main{ width:460px; float:left; clear:none; padding-top:40px; padding-left:25px;  }

.main p{ line-height:1.5;}


.main-b{ width:750px; float:right; clear:right;  }

.main-team{ width:730px; float:right; clear:right; /*margin-right:75px;*/ padding-top:40px; padding-right:10px;}

.team-box{ width:235px; float:left; display:inline; padding-right:9px; }
.team-last{ padding-right:0;}

.sidebar-a{ clear:left; float:left; width:190px; /*margin-left:50px;*/ background:#fff;  padding-top:40px; padding-left:20px; 
/*padding-right:30px; */ }
#c-location-map{ padding-bottom:20px; padding-top:10px;}


.sidebar-b{ clear:right; float:right; width:225px; /*padding-right:75px;*/  padding-top:40px; }

.sidebar-b .call-to-action { /*text-align:right;*/ /*border-top:1px solid #eee;*/ padding-top:5px; margin-bottom:20px; margin-left:125px;   }
/*.sidebar-b .call-to-action */

	/*
	hr
	*/
	div.hr{height:5px; border-top:1px solid #eee;}
	div.hr hr{display:none;}

.footer{ background:#415e7e; clear:both; color:#ddd;  height:48px; width:960px; margin:0 auto; font-size:95%; border-top:5px solid #ccc; }
.footer p{ padding-top:15px; padding-left:43px; color:#eee; }
.footer-outer{ background:#444b53; clear:both; border-bottom:1px solid #333;  }





 p.call-to-action a:link, p.call-to-action a:visited{ 
 padding:4px; background:#444b53 url(images/arrow-call-to-action.png) bottom right no-repeat;
   width:95px; padding-right:10px; color:#fff; text-decoration:none; font-size:95%; height:15px; display:block; 
   border-bottom:2px solid #eee; border-right:2px solid #eee; }
  p.call-to-action a:hover, p.call-to-action a:active{ color:#fff; text-decoration: underline; }
 
 
.teasers{ padding-right:10px;} 
.teasers-box{ padding-top:20px; padding-bottom:20px;}

/*#webdesign{ width:960px; font-size:75%; text-align:right; color:#eee; margin:0 auto; position:absolute; left:-999em; }
#webdesign a:link,  #webdesign a:visited{ color:#eee; text-decoration:none;}
#webdesign a:hover,  #webdesign a:active{ text-decoration: underline; color:#ccc;}*/

/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
   
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
  font-size: 75%;
  color: #555; 
/*  background: #fff;*/
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; color:#415e7e; }
 
h3 { font-size: 1.5em; /*line-height: 1;*/ margin-bottom: 1em; color:#415e7e; }

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 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;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

/*a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }*/

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 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

/*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;}*/

/* div{ border:1px solid red; } */

#header h1{ display:none; }