/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

author:    mark pollak
email:     mark@clifton-media.co.uk
 
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

a img {border:none;}


/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}


/* Class for clearing floats */
.clear {
	clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;

}


/* =General
-----------------------------------------------------------------------------*/

.resourceslist{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 40px;
	margin-bottom: 10px;
	padding: 10px;
	 font-size: 90%;
}

.resourceslist li a:link{
padding-left:17px;
 padding-bottom: 10px;
 line-height: 1em;
display:block;
font-weight: normal;
BACKGROUND: url(../images/interface/pdfbullet.gif) no-repeat left 6px;   
}

.resourceslist li a:active{
color:#000000;
}
.resourceslist li a:hover{

color:#000000;
border-bottom:none;
}

.resourceslist li a:visited{
padding-left:17px;
padding-bottom: 10px;
line-height: 1em;
display:block;
font-weight: normal;
/*text-decoration:line-through;*/
color:#999999;
BACKGROUND: url(../images/interface/tickpdfbullet.gif) no-repeat left 6px; 
}

/* Remove border around linked images */
img {
	border: 0;
}




body {
margin: 10px 0 0 0;
font: 62.5%/1.6 "Trebuchet MS",  Verdana, Tahoma, sans-serif;	 
 /* BACKGROUND: url(../images/graphics/interface/body-bg.gif) no-repeat center 2px; 
font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;*/
line-height: 1.5em;
color: #666666;
font-size: 0.9em;
}

#pagecontainer {
	MARGIN: auto;
	WIDTH: 980px;
	border: 1px solid #F3F3F3;
	background: url(../images/interface/main-background.jpg) top right no-repeat;
	position: relative;
}

#breadcrumb{
	font-size: 0.8em;
	padding-right: 20px;
}

.breadcrumbparagraph{
text-align:right;
padding-top: 10px;
font-family: Arial, Helvetica,  "Trebuchet MS", Verdana, sans-serif;
/*
padding-left: 70px;
background: url(../images/interface/whereami.gif) no-repeat left center;*/
}


#maincontent{
	position:absolute;
	top: 11em;
}

#utilitiesNav {
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 300px;
	MARGIN-RIGHT: 5px;
	
}


/* =Typography
-----------------------------------------------------------------------------*/

.featuredtitle{
color:#666666;
font-size: 110%;
margin-top: 4px;
}


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

.headingourservices, .callyouback{
padding-left: 35px;
padding-top: 10px;
border-bottom: 1px solid #EDEAEB;
border-bottom: 1px solid #cccccc;
padding-bottom: 5px;
background: url(../images/interface/squiggle.gif) no-repeat left center;
	color: #51A5C3;
}

h2 getintouch{
padding-left: 35px;
padding-top: 10px;
padding-bottom: 5px;
background: url(../images/graphs/contactusicon.gif) no-repeat left center;
	color: #51A5C3;
	background-color:#6666FF;
}
 



.subscribenewsletter {
background: url(../images/graphics/subscribe-title.gif) no-repeat left center;
}

.featuredcasestudy {
background: url(../images/graphics/case-study-title.gif) no-repeat left center;
}





/* =Links
-----------------------------------------------------------------------------*/

.morelink{
background: url(../images/interface/morelink.gif) no-repeat right center;
padding-right: 19px;
font-size: 0.8em;
}


/* =Branding
-----------------------------------------------------------------------------*/
#logo{
	position: absolute;
	top: 14px; /* 30 pixels from the top of the page */
	left: 30px; /* 80 pixels from the left hand side */
	width: 150px; /* Always set a width for absolute positioned block level elements, such as divs */
	margin: 0;
	padding: 0;
}


/* =homepage feedburner list
-----------------------------------------------------------------------------*/
div.feedburnerFeedBlock ul { 
margin-left:0; 
padding-left:0; 
list-style-type: none ;
font-size: 0.9em;
}

div.feedburnerFeedBlock ul li { 
  
padding-left:0; 
margin-top: 10px;
 
}

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

#topimage{
clear: both;
padding-top: 3px;
display:block;
}

#topimage a:hover {
border-bottom: none;
}


#topbox, #topboxnobg{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	 
	margin-left: 35px;
	margin-top: 35px;
	padding-top: 1px;
	 
		
}

#topbox{
	 
	background:url(../images/interface/topbox.jpg) top right no-repeat;
	 
	min-height: 175px;
		
}
#contentarea{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	
	margin-left: 35px;
	margin-top: 35px;
	padding-top: 1px;
		
}



/* =Main Nav
-----------------------------------------------------------------------------*/
 
    
    #header {
      float:left;
      width:100%;
      background: url("../images/interface/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #header ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #header li {
      float:left;
      background:url("../images/interface/left.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      }
    #header a {
      float:left;
      display:block;
      background:url("../images/interface/right.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#FFFFFF;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    #header a:hover    {
      color:#000;
      }
    #header #current {
      background-image:url("../images/interface/left_on.gif");
      border-width:0;
      }
    #header #current a {
      background-image:url("../images/interface/right_on.gif");
      color:#000;
      padding-bottom:5px;
	  border-bottom: 0px;
      }
	   #header #blogtab {
	margin-left: 350px;
	background-image:url("../images/interface/blogtab-left.gif");
	border-width:0;
      }
    #header #blogtab a {
      background-image:url("../images/interface/blogtab-right.gif");
      color:#000;
      padding-bottom:4px;
	  border-bottom: 0px;
      }
	   
	   
/* =Sub Nav
-----------------------------------------------------------------------------*/

/* 
styles for the left navigation links
*/
#sidebar{
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FLOAT: left;
	POSITION: relative;
	clear:both;
	background:url(../images/interface/sidebar-bg.jpg) no-repeat;
	WIDTH: 665px;
		
}
#newslettersidebar{
margin-right: 20px;
}


.cbSide {
width: 200px;
margin: -20px 0 0 0px;
padding: 0px 0 5px 0;
font-family: Georgia, "Times New Roman", Times, serif;

}
.cbSide ul{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	padding-left: 0px;
	font-size: 1em;
	
}
.cbSide ul li{
background: none;
}

.cbSide li a:link{


color: #666666;
padding-left:20px;
line-height: 250%;
text-decoration: none;
display:block;
width: 200px;
border-bottom: 1px solid #EDEAEB;
font-weight: normal;
  
BACKGROUND: url(../images/interface/cbsidestar.gif) no-repeat left 50%; 

line-height: 1.4em;
padding-top: 12px;
padding-bottom: 12px;


}

.cbSide li a:active{
color: #333;
line-height:250%;
text-decoration:none;
display:block;
width: 200px;
border-bottom: 1px solid #EDEAEB;
/* 
background: #FFF url(../images/interface/cbside.gif);
*/
line-height: 1.4em;
padding-top: 12px;
padding-bottom: 12px;
}
.cbSide li a:visited{

color: #666666;
padding-left:20px;
line-height: 250%;
text-decoration: none;
display:block;
width: 200px;
border-bottom: 1px solid #EDEAEB;
font-weight: normal;
  
BACKGROUND: url(../images/interface/cbsidestar.gif) no-repeat left 50%; 

line-height: 1.4em;
padding-top: 12px;
padding-bottom: 12px;
}
.cbSide li a:hover{

color: #E45CB2;
line-height: 250%;
text-decoration: none;
display:block;
width: 200px;
border-bottom: 1px solid #EDEAEB;
BACKGROUND: #F4F9FB url(../images/interface/cbsidestar.gif) no-repeat left 50%;

/* 
background: #FFF url(../images/interface/cbside.gif) 0px -20px;
*/
line-height: 1.4em;
padding-top: 12px;
padding-bottom: 12px;
}





/* =Main Content
-----------------------------------------------------------------------------*/

.leftcolumn{
	width: 45%;
	float: left;
}

.rightcolumn{
	width: 45%;
	float: right;
}


/* =Secondary Content
-----------------------------------------------------------------------------*/



/* =Footer
-----------------------------------------------------------------------------*/



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}
#searchform {
text-align:right;
margin-right: 20px;
margin-top: 20px;
}
#searchquery {
width: 200px;
}
#searchbuttontopform, #callyoubackform, #mailinglistsubmnit{
position: relative;
top: 6px;
padding-left: 10px;
}

#yourname, #email , #phone, #description, #fields_email, #enquirer_name, #comments, #telephone {
	width: 200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	padding: 2px;
	color:#999999;

}
#fields_email {
	width: 190px;
	

}



input.submit_input { background: /*#E0691A*/ url(../images/interface/submit-bnpng.png) no-repeat; border: 0; height: 26px; padding: 0; width: 118px; margin: 0 0 0 0px; color: #FFF; font: bold 0.8em arial, sans-serif; float: left; }

input.submit_bn_input { background: /*#E0691A*/ url(../images/interface/submit-bn-bg.png) no-repeat; border: 0; height: 26px; padding: 0; width: 65px; margin: 0 0 0 0px; color: #FFF; font: bold 0.8em arial, sans-serif; float: left; }

/* =Tables

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

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
}



/* =Misc 1
-----------------------------------------------------------------------------*/




/* 
basic styles for formatting
*/

.printonly{
display:none;
}
.lightborders{
border: 1px solid #E6E6E6;

padding-top:20px;
}
.darkborders{
border: 1px solid #666666;

padding-top:20px;
}
th{
	text-align: left;
	border-bottom: 2px solid #E6E6E6;
	margin: 0em 0em 0.5em 5px;
	
}
.lineright{
BORDER-RIGHT: #E6E6E6 1px solid; 

}
.linerightbottom{
BORDER-RIGHT: #E6E6E6 1px solid; 
border-bottom: #E6E6E6 1px solid; 
}
.linebottom{
border-bottom: #E6E6E6 1px solid; 
}
.centredpage{
text-align:center;
}
.small{
font-size: 0.8em;
}
.smallred{
font-size: 0.8em;
color: #AB1330;
}
.redhighlight{
	font-size: 1.2em;
	color: #FF0000;
}
td p, td h1, td h2{
padding: 10px 10px 10px 10px;
}

.oddrow{
background-color:#F0F0F0;
border-top:1px solid #E6E6E6;
}
.evenrow{
background-color:#E6F4FF;
border-top:1px solid #E6E6E6;
}
th{
text-align:left;
padding: 10px 10px 10px 10px;
font-family: Georgia, "Times New Roman", Times, serif;
	color: #BD4B01;
	font-size: 1.1em;
	font-style:normal;
}

a {
font-weight: bold;
}

a.img-link {
border-bottom: 0;
}

a:link{
	color: #44AAB9;
	text-decoration: none;
	
	
}
a.noborder{
border-bottom: 0px dashed #65BBC6;
}
img { border: none; }

a:visited{
color: purple;
text-decoration: none;

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


}
a:active{
color: red;
}
p{


}
h1{
	font-family:Arial, Helvetica, sans-serif;
	color: #003366;
	font-size: 1.2em;
	font-style:normal;
	letter-spacing: 0em;
	
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
	font-size: 1em;
	font-style:normal;
	padding-top: 0px;
	padding-bottom: 2px;
}
h2 span{
color:#000000;
}
.greenhighlight{
	color:#9CB30F;
	font-style: italic;
	font-weight: bold;
}

.aligntoright{
	
	float: right;
	padding: 5px 5px 5px 15px;
}
.aligntorightnopaddingtop{
	text-align: right;
	padding: 0px 5px 5px 0px;
	margin-top: -14px;
	display: block;
	margin-bottom: 10px;
}
ul, ol{
margin-left: 20px;
margin-top: 8px;
line-height: 1.5em;
	
	
}
ul{
	list-style-type: none;

}
ul li{
	line-height: 1.7em;
	BACKGROUND: url(../images/interface/listbullet.gif) no-repeat left 10px; 
padding-left: 15px;
	
}
.nolistpadding{
margin-left: 0px;
}
.homelist{
	margin-left: 25px;

}
.homelist li{
line-height: 1.7em;
BACKGROUND: none; 
 
}


 
/* 
end styles for formatting
*/


/* ###################### Navigation CSS ###################### */
#navigation {
display:block;
}
#navigation a {

	FONT-SIZE: 1em; COLOR: #FFFFFF; FONT-FAMILY: "Courier New", Courier, monospace; TEXT-DECORATION: none;
	/* ###################### 
	PADDING-RIGHT: 10px; BACKGROUND: url(../icons/external.gif) no-repeat right top;
	 ###################### */

}



#navigation ul {
	padding:0px 0px 0px 0px;
	margin:0px;
}
#navigation li {
	display: inline;
	font-family: "Courier New", Courier, monospace;
	padding:0px 10px 0px 10px;
	font-size: 1em;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 2px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px 1px 0px 0px;
}

#navigation .noborderright{
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
#navigation .highlight{
	background-color: #D91739;
	padding: 2px 4px 2px 4px;	
}
#navigation a {
	text-decoration: none;
	border-bottom:0px;
}
#navigation a:hover {
	text-decoration: underline;
	color: #FFFF00;
	
}
#flashcontent{
text-align:center;
}


/* ###################### End Navigation CSS ###################### */

#content {
	MARGIN-RIGHT: 5px;
	MARGIN-LEFT: 690px;
	background:     none;
	padding-left: 20px;
	padding-top: 10px;
	background:url(../images/interface/content-bg.jpg) right top no-repeat;
	padding-right: 35px;

}
.boxgradient{
	padding-left: 10px;
	padding-right: 10px;
	border-color:#CCCCCC;
	border: solid #CCCCCC 1px;
	background:url(../images/graphics/redgradient.jpg) repeat-x;
}



/*



*/
#restrictednavigation {
	PADDING-RIGHT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-LEFT: 10px;
	PADDING-TOP: 1px;
	background-image: url(../images/interfaceelement/restricted-nav.jpg);
	margin: 15px 0px 10px 3px;
	border: 1px solid #CCCCCC;

}
#restrictednavigation h1{
font-size: 0.9em;
	margin-top: 1px;
}
#restrictednavigation a{
	
	border-bottom: 0px solid #333333;
}

#restrictednavigation ul{
margin-top: 10px;
margin-left: 0px;
}
#restrictednavigation li{
	list-style: none;
	list-style-type: none;
	border-bottom: 0px solid #961027;
	padding-bottom: 5px;
	margin-bottom: 2px;
	margin-left: 0px;
	font-size: 0.9em;
	line-height: 1.4em;
}


#restrictednavigation li a{
	color: #003366;
	text-decoration: none;
	border-bottom: 0px dashed #65BBC6;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-weight:normal;
	display: block;
	text-decoration: underline;
}

#restrictednavigation li a:hover{
	color: #961027;
	padding-left: 5px;
	padding-right: 5px;
	
}




.hide{
display: none;
}

#footerClear {
	CLEAR: both; 
	DISPLAY: block;
}
#copyright {
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #ddd 1px solid;
	DISPLAY: block;
	PADDING-LEFT: 3px;
	FONT-SIZE: 0.8em;
 BACKGROUND: #F9FDFF;
	PADDING-BOTTOM: 3px;
	MARGIN: 3px;
	BORDER-LEFT: #ddd 1px solid;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ddd 1px solid;
	FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;
	clear: both;
 
  background: url(../images/interface/copyright-bg.jpg) no-repeat top right;
 
}

blockquote{
float:right;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
width:186px;
text-align:left;
margin: 0;
color:#666666;
padding: 3px 8px 2px 8px;
font-family: Georgia, "Times New Roman", Times, serif;

font-size: 0.9em;
margin-bottom: 10px;
margin-left: 15px;
margin-right: 5px;
margin-bottom: 10px;

}
blockquote ul{
margin-left: 12px;
}



.paragraphquotequote {
  background: transparent url(../images/graphics/bluequotestart.gif) left top no-repeat;
  padding-top: 15px;
  width: 80%;
  float: none;
  border: 0;
  padding: 5px 5px 2px 5px;

  /* 
background-color: #FFFDFB;
*/

}
.paragraphquotequote div {
padding: 5px 5px;
  background: transparent url(../images/graphics/bluequoteend.gif) right bottom no-repeat;

}
.paragraphquotequote p {
color: #000000;
}
.usefullinksbackground{
background:  url(../images/interfaceelement/useful-links-header.gif) no-repeat top left;
padding-top: 45px;
border-left: 0px dashed #CCCCCC;
border-top: 0px dashed #CCCCCC;
border-right: 0px dashed #CCCCCC;
border-bottom: 0px dashed #CCCCCC;
}
.usefullinksbackground p{
padding-left: 15px;
padding-top: 3px;
padding-bottom: 10px;
padding-right: 10px;

}
.newsbackground{
background:  url(../images/interfaceelement/blockquote-news-background.gif) no-repeat top left;
padding-top: 45px;
border-left: 0px dashed #CCCCCC;
border-top: 0px dashed #CCCCCC;
border-right: 0px dashed #CCCCCC;
border-bottom: 0px dashed #CCCCCC;
}
.newsbackground p{
padding-left: 15px;
padding-top: 3px;
padding-bottom: 10px;
padding-right: 25px;

}
.newsbottom{
margin: 0 20px 0 0;
padding: 10px 0 13px 0;
background: url(../images/interfaceelement/bottom-blockquote.gif) no-repeat bottom;

}

.nospeechmarks{
background-image: none;
background-color:#FFFFFF;
border-left: 1px dashed #CCCCCC;
border-top: 1px dashed #CCCCCC;
border-right: 1px dashed #CCCCCC;
border-bottom: 1px dashed #CCCCCC;
margin-bottom: 10px;
margin-left: 5px;
}
.withquote{
background: #eee url(../images/interface/blockquote_top.gif) no-repeat top left;

}
#quote{
margin: 0 10px 0 0;
padding: 20px 15px 15px 15px;
background: url(../images/interface/blockquote_endquote.gif) no-repeat right bottom
}
#author{
margin: 0 10px 0 0;
padding: 0 0 10px 0;
color: #FF0000;
font-size: 85%;
background: url(../images/interface/blockquote_bottom.gif) no-repeat bottom;
text-align:right;
}
#quote strong{
color: #000;
font-weight: normal;
}


.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#44AAB9;
	font-weight: bold;
	width:430px;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:10px;
	background-image:url(../images/interfaceelement/bullet-blue.gif);
	background-repeat:no-repeat;
	height:20px;
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
	background-position: center left;
	margin-left: 40px;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	border: 1px solid #E6E6E6;
	background-color:#F8FAFA;
	width:500px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:10px;
	font-size:0.9em;	
	position:relative;
}

#callyoubackform, #newslettersubmit{
margin-right: 20px;
margin-top: -5px;
}

#wecallyouback p{
margin-bottom: -7px;
}

.resourceslist{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding: 10px;
	 font-size: 90%;
	
}

div.feedburnerFeedBlock ul { 
margin-left:10px; 
padding-left:0px; 
list-style-type: none 
}

 
 div.feedburnerFeedBlock ul li div      {
 
 
font-family: Arial, Helvetica, sans-serif;
margin-bottom: 15px;
margin-top: -15px;
padding-top: 0px;

}
  div.feedburnerFeedBlock ul li span.headline  {
font-size: 1.1em;
 font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #B11F25;
}
  div.feedburnerFeedBlock ul li p.date {
	font-size: 0.7em;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding-left: 0px;
	margin-top: 0px;
}
#creditfooter{
display: none;	
}

@media print{
#content, #header,  #breadcrumb, #copyright, #navigation,   #utilitiesNav, #topimage{
display: none;
}

#logo{
	position: relative;
	top: 0px; /* 30 pixels from the top of the page */
	left: 0px; /* 80 pixels from the left hand side */
	width: 150px; /* Always set a width for absolute positioned block level elements, such as divs */
	margin-bottom: 20px;
	padding: 0;
}
#pagecontainer {
	
	WIDTH: 95%;
	border: 0px solid #194683;
	
}
.printonly, #logo{
display:block;
}
#sidebar {
display: block;
 
float: left;
width: 100%;
MARGIN-LEFT: 5px;
 
}

#maintitle{
display:block;


}

#frame{
margin-left: 20px;
width:758px;
border-bottom: 0px solid #CCCCCC;
border-left: 0px solid #CCCCCC;
border-right: 0px solid #CCCCCC;

}



}