/* Colours 

Dark Blue: #285ca9
Light Blue: #53D3FF

*/

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #page selector */
	color: #333;
	font: 11px/1.5em "Lucida Grande", Arial, Helvetica, serif;
}

acronym, abbr, dfn {
	border-bottom:1px dotted #000;
	cursor:help
}

dfn {
	font-style:normal;
}

h1{
	font-size:20px;
	line-height:40px;
	color:#53D3FF;
	letter-spacing:-1px;
	word-spacing:-2px;
	margin: 0 0 1em 0;
	background: url(images/dot.gif) repeat-x;
	background-position:0px 38px;
}

#right.box h3{
	font-size:15px;
	color:#53D3FF;
	letter-spacing:-1px;
	word-spacing:-1px;
	margin: 0;
	line-height:40px;
	background: url(images/dot.gif) repeat-x;
	background-position:0px 38px;
}

span.blue{
	color:#285ca9;
}

p, ol, ul {
	margin-bottom: 1.5em;
	line-height: 1.5em;
}

ol{
margin:0;
padding:1em 0 0 1.2em;
}

p.top{
text-align:right;
padding: 10px 5px;
}

ul{
list-style:square;
}

input,select,textarea{
border:1px solid #aaa;
}

blockquote {
	padding: 0 3em;
	background: url(images/img05.gif) no-repeat 1em 0;
	font-style: italic;
}

a:link, a:visited {
	color: #285ca9;
}

a:hover, a:active {
	color: #53D3FF;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

/* Header */

#header {
	width: 780px;
	height: 131px;
	margin: 0 auto;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: top right;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	text-align:left;
}


/* Page */

#page {
	width: 780px;
	margin: 0 auto;
	background: #fff url(images/body_bg3.gif) repeat-x left top;
	border-left:1px solid #d3d3d3;
	border-right:1px solid #d3d3d3;
	text-align:left;
}

/* Content */

#content {
	float: left;
	width: 490px;
	padding: 5px 0 0 0px;
	background: #fff;
	margin:25px 0 0 20px;
	border:2px solid #ddd;
}

.post {
	width: 450px;
	padding: 15px 0 30px 20px;
	min-height: 480px;
	_height: 480px; /* sets min height for IE */
}

.post h1, .post h2, .post h3 {
}

.post .title {
	padding: 0 0 5px 0;
}

.post .title span {
	padding-right: 30px;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 246px;
	padding: 25px 0px 0 0;
}

.box {
	width: 182px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top:20px;
	padding-bottom:30px;
	background:#fff;
	border:2px solid #ddd;
	min-height: 480px;
	_height: 480px; /* sets min height for IE */
}

/* Footer */

#footer {
	width: 780px;
	height: 45px;
	margin: 0 auto;
	background: #f3f3f3 url(images/img12.gif) no-repeat center top;
border-left:1px solid #d3d3d3;
border-right:1px solid #d3d3d3;
border-bottom:1px solid #d3d3d3;
border-top:1px solid #d3d3d3;
}

#footer p {
	margin: 0;
	padding: 15px 30px;
	line-height: normal;
	font-size: 92%;
	color: #565736;

}

#footer a {
	color: #565736;
}

#footer a:hover {
	text-decoration: underline;
}

#legal {
	float: left;
}

#links {
	float: right;
}

/* Main navigation */

#nav, #nav ul {
	font: bold 12px/1.3em arial, Verdana, Arial, Helvetica, serif;
	padding: 0;
	margin: 0 0 0 20px;
	list-style: none;
}

#nav {
	font-weight:bold;
	margin: 0;
	width: 100%;
	background-image: url(images/nav_bg.gif);
background-repeat:repeat-x;
	float: left;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #285CA9;
	height: 28px;
}

#nav li {
	position:relative;
	float: left;
	width: auto;
	display:block;
	margin: 0;
	border-right: 1px solid #ccc;
	padding:0;
	background-image: url(images/nav_bg.gif);
background-repeat:repeat-x;
}

#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	border-bottom: none;
	text-decoration:none;
	cursor:pointer;
	color:#fff;
	display: block;
	padding: .5em 1.5em .6em 1.5em;
}

#nav a:hover {
	color:#fff;
	background-color: #555;
	background-image: url(images/nav_bg_over.gif);
background-repeat:repeat-x;
	height: 15px;
}

#nav li.active {
	background-image: url(images/nav_bg_over.gif);
background-repeat:repeat-x;
}

#nav li.first{
	border-left: 1px solid #ccc;
}

#nav li.firstactive {
	border-left: 1px solid #ccc;
	background-image: url(images/nav_bg_over.gif);
background-repeat:repeat-x;
}

#nav li.active ul {
	border:none;
	background: #fff;
}

#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}

#nav li.active a:hover {
}

#nav li.here {
	color:#000;
	background:#fff;
}

#nav li.active li {
	border:none;
	border-top: 1px solid #EFEFEF;
}

#nav li.active li.last {
	width:400px;
	height: 34px;
}

#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {
	color:#000;
}

#nav li.active li a:hover {
	background: #fff;
	color:#000;
}

#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {
	color:#000;
	font-weight:bold;
	background: #EFEFEF;
}

/* hide from IE mac \*/
#nav li {
	width:auto
}

/* Logo */


#logo{
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	width: 247px;
	position:relative;
	background-position: left bottom;
	height: 111px;
}

#logo h1 {
	display: none;
}

/* product range */

ul.products{
margin:1.5em 0 0 0;
display:block;
}

ul.products a{
color:#333;
text-decoration:none;
}

ul.products a:hover{
color:#ccc;
}

ul.products li{
list-style:none;
display:block;
height:35px;
margin:0 0 5px 0;
padding:0px 0 7px 0;
font-weight:bold;
}

img.product{
border:1px solid #285ca9;
float:left;
margin:0 10px 0 0;
width:45px;
height:36px;
}

/* Product pages */

span.portfolio_title, p.portfolio_nolink{
font-weight:bold;
padding:0px 0 0px 10px;
line-height:250%;
background: url(images/productheader.gif) no-repeat;
background-color:#184596;
background-position:bottom right;
color:#fff;
display:block;
}

ul.portfolio li a.external{
	background-image:none;
}

img.portfolio{
	margin:10px 10px 0px 10px;
	float:left;
border:1px solid #285ca9;
cursor: pointer;
}

img.portfolio2{
	margin:10px 0px 0px 8px;
	float:left;
border:1px solid #285ca9;
cursor: pointer;
}

img.portfolio3{
float:left;
	margin:10px 0px 0px 8px;
border:1px solid #285ca9;
cursor: pointer;
}

/* for products that don't have read more */

ul.portfolio{
	list-style:none;
	margin:1em 0 0em 0;
	padding:0;
	display:block;
	background: #d4edff;
	height:10em;
}

ul.portfolio2{
	list-style:none;
	margin:1em 0 0em 0;
	padding:0;
	display:block;
	background: #d4edff;
	height:13.9em;
}

ul.portfolio3{
	list-style:none;
	margin:1em 0 0em 0;
	padding:0;
	display:block;
	background: #d4edff;
	height:24.9em;
}

ul.portfolio4{
	list-style:none;
	margin:1em 0 0em 0;
	padding:0;
	display:block;
	background: #d4edff;
	height:19em;
}


.portfolio li a{
	list-style:none;
	color:#285ca9;
font-weight:bold;
	text-decoration:none;
}

.portfolio li a:hover{
	background: #f6f6f6;
}


span.portfolio, .portfoliocontainer p, .portfoliocontainer ul{
	display:block;
	color:#333;
	width:270px;
	float:left;
	padding:10px 10px 4px 5px;
	margin:0;
}

.portfoliocontainer ul{
padding-left:10px;
}

.portfoliocontainer li{
padding-bottom:1px;
}

span.portfolio_noimage{
	display:block;
	color:#333;
	width:440px;
	float:left;
	padding:14px 10px 0 10px;
	margin:0;
}

span.portfolio2{
	color:#333;
	padding:10px 10px 0 10px;
width:280px;
float:left;
}

span.portfolio3,p.portfolio3{
	color:#333;
	padding:10px 10px 0 10px;
width:280px;
float:right;
}

span.portfolio4,p.portfolio4{
	color:#333;
	margin:125px 10px 0 10px;
width:430px;
display:block;
}

p.portfolio a{
	text-decoration:none;
}

span.portfolio_company, a.external span.portfolio_company{
	width:220px;
	float:left;
	padding:10px 20px 5px 0px;
	margin:0;
	font-weight:bold;
}

h4.portfolio_nolink{
	width:220px;
	float:right;
	padding:10px 20px 0 10px;
	margin:0;
}

span.clickimage{
	float:left;
	padding:0px 0 0 10px;
}

img.map{
margin:0px 0 5px 0;
border:1px solid #285ca9;
}

.clearthefloat{
clear:left;
}

span.small{
font-size:90%;
color:#285ca9;
}

span.para2{
display:block;
padding:.75em 0 0 0;
}

a.more{
font-weight:bold;
float:right;
text-decoration:none;
}

img.temp{
border:1px solid #ddd;
margin:0 4px 2px 0;
}

img.temp2{
border:1px solid #ddd;
margin:0 0 2px 0;
}

ul.pp li{
list-style:none;
float:left;
margin:0;
padding:0;
}