@charset "utf-8";
/* CSS Document */


/*
colours:
blue: #598BC1
light blue:	#A0BED8
brown: #564330
light brown: #A5907C or d1ccc6
green: #91B208

*/
*{
	margin:0px; 
	padding:0px;
}
body {
	font: 0.7em arial, verdana, sans-serif; 
	color:#564330; 
	text-align:left;
	background-color:#FFFFFF;
}
img{
	border:0;
}
a:link{
	color:#564330;
	text-decoration:underline;
}
a:visited{
	color:#564330;	
	text-decoration:underline;
}
a:hover{
	color:#91B208;
	text-decoration:underline;
}
div#main{
	width:850px;
	margin-left: auto;
	margin-right: auto;
	border:0px solid pink;
	padding-bottom:200px;
}
.contentpage #main{
	background-image:url(../images/contentpage-bg-1.jpg);
	background-repeat:no-repeat;
	background-position:630px 290px;
}
div#header{
	background-image:url(../images/page-bg.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	border:0px;
	background-color:#FFF;
	overflow:hidden;
	height:190px;
}
div#clientlogin{
	margin-left:25px;
	margin-right:25px;
	margin-bottom:-25px;
	border:0px;
	text-align:left;
	color:#FFFFFF;
	background-color:#598BC1;
	background-color:#A0BED8;
	background-image:url(../images/client-login-grad-bg.gif);
}
div#clientlogin a:link,div#clientlogin a:visited{
	color:#FFF;
}
div#clientlogin form{
	padding:20px;
}
div#clientlogin input{
	color:#598BC1;
	width:80px;
	font-size:0.8em;
}
div#loginlink{
	position:relative;
	top:25px;
	left:25px;
	width:84px;
	height:25px;
	text-align:center;
	background-image:url(../images/client-login-bg.gif);
	background-repeat:no-repeat;
	padding:3px;
}
div#loginlink a:link,div#loginlink a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
div#loginlink a:hover{
	text-decoration:underline;
	color:#564330;
}
div#logo{
	position:relative;
	top:41px;
	left:675px;
	width:150px;
	height:80px;
}
#topnav {
	height:30px;
	background-image:url(../images/nav-bg.jpg);
	background-repeat:no-repeat;
	border:0px;
	position:absolute;
	margin-left:25px;
	float:left;
}
#topnav ul{
	display:inline;
	height:30px;
	border:0px;
	float:left;
}
#topnav ul li{ 
	display:inline;
	padding:0px 10px 0px 15px;
	height:30px;
	line-height:2em;
}
#topnav ul li a{
	padding: 0 3px 0 3px;
}
#topnav ul li a:link,#topnav ul li a:visited{
	color:#598BC1;
	text-decoration:none;
}
#topnav ul li a:hover{
	text-decoration:underline;
}
#topnav ul li.current a:link,#topnav ul li.current a:visited{
	text-decoration:underline;
}
#topnav ul li.current a:hover{
	color:#564330;
	text-decoration:underline;
}
.nav-right{
	height:30px;
	background-image:url(../images/nav-bg-right.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	float:left;
	}
div#getintouch{
	height:37px;
	width:92px;
	position:absolute;
	margin-left:508px;
	margin-top:-30px;
	background-image:url(../images/get-in-touch.gif);
	background-repeat:no-repeat;
	cursor:pointer;

}
div#content{
	margin-left:25px;
	margin-right:25px;
	border:0px;
}
div#breadcrumb{
	padding:5px;
	padding-left:35px;
	border-bottom:0px;
	font-size:0.9em;
	overflow:hidden;
}
div#breadcrumb ul li{ 
	display:inline;
	padding:0 5px;
}
div#breadcrumb a:link, div#breadcrumb a:visited{
	color:#A0BED8;
	text-decoration:none;
}
div#breadcrumb a:hover{
	color:#598BC1;
	text-decoration:underline;
}
div#contact{
	border-top:1px solid #ececec;
	border-bottom:1px solid #ececec;
	padding:25px;
	background-color:#f6f6f6;
}
div#contact h2{
	float:left;
	width:195px;
	height:50px;
	padding-left:10px;
	background-image:url(../images/contact.gif);
	background-repeat:no-repeat;
}
div#contact h2 span{
	visibility:hidden;
}
div#contactdetails{
	float:left;
}
.closepanel{
	float:right;
}
div#maintext{
	border:1px;
	margin-top:15px;
}
.column_left{
	float:left;
	width:300px;
}
div#footer{
	margin:20px;
	margin-top:10px;
	margin-left:47px;
	border-top:1px solid #ececec;
	color:#b0a090;
}
div#footer ul{
	float:left;
	margin-top:20px;
	padding:20px;
	list-style-type:none;
	width:177px;
}
div#footer a:link,div#footer a:visited{
	color:#b0A090;
	text-decoration:none;
}
div#footer a:hover{
	color:#564330;
	text-decoration:underline;
}
hr{
	size:0px;
	height:1px;
	border:0px;


	border-bottom:1px solid #ececec;
	margin-top:20px;
	margin-bottom:20px;
}
.clearfloat{
	clear:both;
}
.accessibility{
	position:absolute;
	left:-2000px;
}
div#homepagenews{
	border-top:1px solid #ececec;
	padding-top:25px;
	padding-bottom:0px;

}
div#recentclients{
	border-top:1px solid #ececec;
	padding-top:20px;
	padding-bottom:10px;

}
div#content_widecolumn{
	padding-top:0px;
	padding-bottom:60px;
	padding-left:15px;
}
div#content_leftcolumn{
	width:389px;
	padding-top:0px;
	padding-bottom:60px;
	padding-left:15px;
	padding-right:30px;
	float:left;
	border:0px;
}
div#content_rightcolumn{
	width:194px;
	margin-top:15px;
	padding-top:0px;
	padding-bottom:60px;
	padding-left:15px;
	float:left;
	border-left:1px solid #ececec;
	
}

div#content_rightcolumn li.current,div#content_rightcolumn li.current a:link, div#content_rightcolumn li.current a:visited{
	color:#91B208;
}
div#content_rightcolumn ul ul  li{
	list-style: none;
}

div#maintext h1{
	color:#564330;
	font-size:2.5em;
	padding-bottom:15px;
	font-weight:bold;
}
div#maintext p{
	padding-bottom:15px;
	text-align:justify;
}
div#maintext li{
	list-style:disc;
	margin-left:10px;
}

.col_1{
	float:left;
	width:196px;
	height:35px;
	padding-left:15px;
	padding-right:30px;
	background-image:url(../images/lately.gif);/**/
	background-position: 42px 0;
	background-repeat:no-repeat;
}
.col_1 h2{
	color:#91B208;
	visibility:hidden;
}
div#twocol_container{
	width:450px;
	float:left;
}
.col_2{
	float:left;
	width:189px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	border-left:1px solid #ececec;
}
div#homepagenews h4{
	font-size:1em;
	font-weight:bold;
}
.col_3{
	float:right;
	width:70px;
	padding-left:15px;
	text-align:right;
	border-left:1px solid #ececec;
	
}
.col_3 a:link,.col_3 a:visited{
	color:#91B208;
	text-decoration:none;
}
.col_3 a:hover{
	color:#564330;
	text-decoration:underline;
}
/*big menu*/
div#feature {
	position: relative;
	margin-bottom: 10px;
	width:800px;
	padding: 10px 0;
}
div#feature .features {
	display: block;
	height: 215px;
}

div#feature li {
	list-style:none;
	float: left;
}
div#feature ul {
	list-style:none;
}

div#feature .feature {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 215px;
	width: 210px;
	padding: 0px;
	background: #fff;
}
div#feature .feature span {
	display: none;
}
div#feature .consulting {
	background: #fff url(../images/home-feature-consulting.jpg) no-repeat;
	border:0px;
}
div#feature .consulting .rollover{
	border:0px;
	height: 215px;
	background: #fff url(../images/home-feature-consulting-2.jpg) no-repeat;
}
div#feature .design {
	background: #fff url(../images/home-feature-design.jpg) no-repeat;
	border:0px ;
}
div#feature .design  .rollover{
	border:0px;
	height: 215px;
	background: #fff url(../images/home-feature-design-2.jpg) no-repeat;
}
div#feature .development {
	background: #fff url(../images/home-feature-development.jpg) no-repeat;
	border:0px;
}
div#feature .development .rollover{
	border:0px;
	height: 215px;
	background: #fff url(../images/home-feature-development-2.jpg) no-repeat;
}

/*   SIFR   */

.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3{
  visibility: hidden;
  font-family: Arial;
  line-height: 1em;
}

.sIFR-active h1 {
  font-size: 36px;
  padding-bottom: 0;
}

.sIFR-active h2 {
  font-size: 24px;
}

.sIFR-active h3 {
  font-size: 20px;
}