/* CSS Document */


/*Varnish stripping**/
:link,:visited { text-decoration:none;}
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquot
e,fieldset,input { margin:0; padding:0; }
a img,:link img,:visited img { border:none;}
address { font-style:normal; }
abbr, acronym {border: none;}
a {text-decoration: none;}

/*browser normalisation*/ 
#force-scrollbar { 
	position: absolute; 
	top: 0; 
	bottom: -1px;
	width: 1em;
	z-index: -1;
}

a:link {
text-decoration:underline;
color:#333333;
}

a:visited {
text-decoration:underline;
color:#333333;
}

a:hover {
color:#009999;
}

body {
background-color:#FFFFFF;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 40px;
margin-top: 15px;
font-size: 62.5%;
font-family:Arial, Helvetica, sans-serif;
line-height: 210%;
color:#333333; 
padding:0; 
}

p {
margin-bottom: 10px;
font-size: 1.2em;
}

/*text styles*/
h1 {
font-size: 190%;
font-weight: normal;
margin-bottom: 15px;
line-height: 120%;
}

.firstline {
color:#009999;
font-weight:bold;
}


/*wrappers*/
#outer-wrapper {
width: 100%;
margin-right:auto;
margin-left:auto;
}

#internal-wrapper {
width: 956px;
margin-right:auto;
margin-left:auto;
}

#content-wrapper {
clear: both;
width: 956px;
margin-right:auto;
margin-left:auto;
}

#casestudy-wrapper {
width: 448px;
float:right;
}

/*headers and top navigation*/
#logo {
text-align:right;
float: right;
width: 250px;
padding-bottom: 20px;
}

#top-nav {
margin-top: 5px;
width: 500px;
text-transform:uppercase;
font-size:1.8em;
font-weight: normal;
color: #666666;
float: left;
padding-top: 58px;
}

#top-nav a {
color: #666666;
margin-right: 40px;
text-decoration:none;
}

#top-nav a:hover {
color:#999999;
text-decoration:none;
}

#green-bar1 {
clear: both;
width: 956px;
margin-right:auto;
margin-left:auto;
height: 8px;
background-color:#009999;
}

#header-image {
width: 956px;
margin-right:auto;
margin-left:auto;
height: 283px;
background-color:#CCCCCC;
margin-top: 25px;
}

#green-bar2 {
width: 956px;
margin-right:auto;
margin-left:auto;
height: 13px;
background-color:#009999;
margin-top: 1px;
}


/*information bar*/
#breadcrumbs {
width: 50%;
text-transform:uppercase;
font-size: 1.1em;
font-weight: normal;
color: #666666;
float:left;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 50px;
border-bottom: 1px solid #CCCCCC;
}

#breadcrumbs a {
font-weight: bold;
color: #666666;
text-decoration:none;
}

#breadcrumbs a:hover {
font-weight: bold;
color:#999999;
text-decoration:none;
}

#contact-details {
width: 50%;
font-size:1.1em;
font-weight: normal;
color: #666666;
float:right;
text-align:right;
margin-bottom: 50px;
border-bottom: 1px solid #CCCCCC;
padding-top: 8px;
padding-bottom: 8px;
}

#contact-details a {
font-weight: normal;
color: #666666;
text-decoration:none;
}

#contact-details a:hover {
color: #999999;
text-decoration:none;
}

/*case study summaries*/
#home-casestudies3 {
float: right;
margin-left: 24px;
width: 424px;
}

#home-casestudies3 img {
border: 1px solid #CCCCCC;
margin-top: 0px;
}

#casestudy-link {
clear:both;
float: right;
background-color:#E6E6E6;
text-align:center;
padding: 7px 5px 7px 5px;
margin-left: 24px;
margin-top: 10px;
width: 414px;
}

#casestudy-link a {
color:#666666;
text-transform:uppercase;
font-size: 1.2em;
text-decoration:none;
}

#casestudy-link a:hover {
color:#999999;
}


/*footer*/
#footer {
clear: both;
padding-top: 40px;
}

#green-bar3 {
width: 956px;
margin-right:auto;
margin-left:auto;
height: 13px;
background-color:#009999;
}

#copyright {
font-size: 0.95em;
font-weight: normal;
color:#666666;
text-align:center;
padding: 20px;
}

#designedby {
font-size: 1.1em;
font-weight: normal;
padding-top: 20px;
}

#designedby a {
color:#666666;
text-decoration:none;
}

#designedby a:hover {
color:#009999;
text-decoration:none;
}