/* Start of CMSMS style sheet 'global' */
/* -------------------------------------------------------------- 
  
  Petersham Group
  14/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:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, 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 {font-size:2em;margin-bottom:0.75em;}
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:#313d46; font-family: Arial,"Helvetica Neue", Helvetica, sans-serif;}
p img {float:left;margin:0 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:#1d96b8;}
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; }



/* 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.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 390px; height: 150px; 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:901px;
	margin:0 auto;
	text-align:left;
	}	
	
#video{
	height:255px;
	margin-bottom:15px;
	border-bottom:1px solid #e7e7e7;
	}
	
.column-xlarge-idx{
	width:505px;
	float:left;
	height:232px;
	margin-bottom:15px;
	}
	
.column-large-idx{
	width:373px;
	margin-right:23px;
	float:left;
	height:232px;
	margin-bottom:15px;
	}
	
.column-news-idx{
	width:373px;
	margin-right:23px;
	float:left;
	border-top:1px solid #e7e7e7;
	}
	
.column-medium-idx1{
	width:241px;
	margin-right:23px;
	float:left;
	border-top:1px solid #e7e7e7;
	}
	


.column-medium-idx{
	width:241px;
	margin-right:23px;
	float:left;
	border-top:1px solid #e7e7e7;
	}
		
.column-small-idx{
	width:109px;
	margin-right:23px;
	float:left;
	border-top:1px solid #e7e7e7;
	}
	
.column-large{
	width:505px;
	margin-right:46px;
	margin-bottom:20px;
	float:left;
	border-top:1px solid #e7e7e7;
	padding-top:15px;
	}
	
.column-medium{
	width:350px;
	/*padding-right:23px;*/
	float:left;
	border-top:1px solid #e7e7e7;
	padding-top:52px;
	}
	
.column-small{
	width:164px;
	margin-right:22px;
	float:left;
	border-top:1px solid #e7e7e7;
	padding-top:52px;
	font-size:89%;
	line-height:1.5em;
	}
	
.column-projects{
	/*width:241px;*/
	height:90px;
	margin-bottom:20px;
	border-top:1px solid #e7e7e7;
	padding-top:15px;
	}

.column-clients{
	margin-bottom:20px;
	border-top:1px solid #e7e7e7;
	padding-top:15px;
	}

.client-list{
	width:240px;
	margin-right:20px;
        float:left;
	}
	
#endbit{
	margin-right:0;
	}

#endbit-alt{
	margin-right:0;
	}
	
/*column specific styles*/
.column-small blockquote{
	color:#a6b2b3;
	font-style:italic;
	margin:0 0.2em 2em 0;
	}
	
.column-small p{
		color:#8a989a;
		}

.column-small p strong{
		color:#000;
		line-height:19px;
		}
		
.headline{
	margin-bottom:21px;
	}
	
.column-medium-idx1 p a, .column-large-idx p a{
	display:block;
	background:#f1f1f1;
	line-height:20px;
	color:#858b91;
	margin-top:10px;
	/*width:150px;*/
	text-decoration:none;
	}

.column-medium-idx p {
	font-size:90%;
	line-height:1.2em;
	color:#a2a7ab;
	}
	
.column-medium p, .column-projects p {
	font-size:90%;
	line-height:1.3em;
	color:#a2a7ab;
	}
	
.column-medium p strong, .column-projects p strong{
	color:#000;
		margin-bottom:3px;
	}
	
.column-news-idx ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
.column-news-idx li a{
	font-size:130%;
	font-weight:bold;
	text-decoration:none;
	line-height:35px;
	background:url(/images/backgrounds/news-item.gif) bottom left repeat-x;
	display:block;
	}
.phrase{display:none;
}
.client-list ul{
       margin:0;
       padding:0;
}

.client-list li{
       margin:0;
       padding:0;
       list-style-type:none;
       font-size:80%;
       color:#a6b2b3;
}


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

h1#logo a{
	display:block;
	width:241px;
	height:101px;
	}

h1#logo a span{
	display:none;
	}	
	
/*main navigation*/	
#navwrap{
	text-align:right;
	}		
		
#main-nav {
	width: 505px;
	height: 55px;
	background: transparent url(/images/nav.gif) no-repeat right;
	float:right;
}

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

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

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

li#nav_one a{ width: 50px; }
li#nav_two a { width: 66px; }
li#nav_three a { width: 68px; }
li#nav_four {width:134px}
li#nav_five a {width:70px}
li#nav_six a {width:67px}
li#nav_seven a {width:50px}

li#nav_one a:hover { background: transparent url(/images/nav-over.gif) 0px 0px no-repeat; }
li#nav_two a:hover { background: transparent url(/images/nav-over.gif) -50px 0px no-repeat; }
li#nav_three a:hover { background: transparent url(/images/nav-over.gif) -116px 0px no-repeat; }
li#nav_four a:hover { background: transparent url(/images/nav-over.gif) -184px 0px no-repeat ; }
li#nav_five a:hover { background: transparent url(/images/nav-over.gif) -318px 0px no-repeat; }
li#nav_six a:hover { background: transparent url(/images/nav-over.gif) -388px 0px no-repeat; }
li#nav_seven a:hover { background: transparent url(/images/nav-over.gif) -455px 0px no-repeat; }

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

/*side navigation*/	


.currentpage{
	display:block;
	border-top:1px solid #e9e9e9;
	color:#929fa9;
	line-height:34px;
	/*background:#f0f0f0;*/
	text-decoration:none;
	}

.activeparent{
list-style-type:none;
}


ul#side-nav{
	margin:0;
	margin-bottom:50px;
	margin-top:2px;
	padding:0;
	}

#side-nav ul{
	margin:0;
	margin-bottom:50px;
	/*margin-top:2px;*/
	padding:0;
	}
	
#side-nav li ul li{
	list-style-type:none;
	}

#side-nav li a:link{
	display:block;
	border-top:1px solid #e9e9e9;
	color:#1d96b8;
	line-height:34px;
	background:transparent;
	text-decoration:none;
	}
	
#side-nav li a:visited{
	display:block;
	border-top:1px solid #e9e9e9;
	color:#1d96b8;
	line-height:34px;
	background:transparent;
	text-decoration:none;
	}
	
#side-nav li a:hover{
	display:block;
	border-top:1px solid #e9e9e9;
	color:#a0a9ab;
	line-height:34px;
	background:#e7e7e7;
	text-decoration:none;
	}
	
#side-nav li a:active{
	display:block;
	border-top:1px solid #e9e9e9;
	color:#1d96b8;
	line-height:34px;
	background:transparent;
	text-decoration:none;
	}
	
	
/*photo styles*/
.photo{
	background:#fff;
	padding:4px;
	border:1px solid #e7e7e7;
	}

#projectphoto{
	margin-bottom:30px;
	}

/*tertiary info*/
#related-info{
	border-top:1px solid #e7e7e7;
	}
	
.related-box{
	padding-top:25px;
	}
	
.related-box p{
	font-size:90%;
	line-height:1.3em;
	color:#a2a7ab;
	}
	
.related-box p strong{	
	font-weight:bold;
	color:#000;
	margin-bottom:3px;
	}
	
/*internal side navigation*/

.side-project{
	height:90px;
	margin-bottom:20px;
	}	

.side-biog{
	height:130px;
	margin-bottom:40px;
	}	


/*news styling*/
.NewsSummaryPostdate{
	font-size:90%;
	color:#a2a7ab;
	}
	
.NewsSummaryLink{
	font-size:140%;
	font-weight:bold;
	line-height:35px;
	}

.NewsSummaryLink a{
	text-decoration:none;
	}
	
.NewsSummaryAuthor{
	font-size:90%;
	color:#a2a7ab;
	}
	
#NewsPostDetailDate{
	font-size:90%;
	color:#a2a7ab;
	}
	
#NewsPostDetailAuthor{
	font-size:90%;
	color:#a2a7ab;
	}
	
h2#NewsPostDetailTitle{
	font-size:140%;
	font-weight:bold;
	line-height:35px;
margin:0;
	}
	
#NewsPostDetailReturnLink{
	margin-bottom:40px;
	}

/*contactform styling*/

.contactform label{
	display:block;
	}

.contactform input {
  margin:0.5em 0;
  border:1px solid #bbb;
  padding:2px;
}

.contactform input:focus{
  border:1px solid #666;
}

.contactform textarea{
 padding:2px;
}

.captchapict{
display:block;
}



/*footer styles*/

#footer{
	border-top:1px solid #e7e7e7;
	padding:28px 0 48px 0;
	clear:both;
	}

#footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	}
	
#footer li{
	display:inline !important;
}
	
#footer li a{
	list-style-type:none;
	color:#c7ccd0;
	padding-right:30px;
	font-size:90%;
	text-decoration:none;
	}
	
#credits{
	float:right;
	width:200px;
	text-align:right;
	}
	
#credits p, #credits p a{
	color:#a2a7ab;
	line-height:1.2em;
	font-size:90%;
	}


/* End of 'global' */