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

body{
 margin:0;
 padding:0;
 font-size:14px;
 color:#484a49;
 font-family:"calibri", Geneva, Arial, Helvetica, sans-serif;
}
a{color:#cc3366;}
a:hover{color:#333366;}
img{
	border:none 0px;
}
form{
	padding:0px;
	margin:0px;
}
h1{
	font-size:26px;
	color:#333366;
	padding-bottom:8px;
	margin:0;
	padding-top:0px;
	font-weight:bold;
}
h2{
	color:#cc3366;
	font-size:24px;
	font-weight:normal;
	margin:0px;
	letter-spacing: -1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
h3{
	font-size:26px;
	color:#333366;
	margin:0;
	padding-top:0px;
	font-weight:bold;
}
.subheads{
	font-size:24px;
	color:#333366;
	padding-bottom:4px;
	margin:0;
	padding-top:0px;
	font-weight:bold;
	display:block;
	line-height: 24px;
}
#container{
	background:#fff;
	width:884px;
	margin-left:auto;
	margin-right:auto;
	margin-top:16px;
	margin-bottom:15px;
	position:relative;
	padding-top: 19px;
	padding-right: 15px;
	padding-bottom: 19px;
	padding-left: 15px;
}
.topband{
	height:67px;
}
.menubutt {
	float: left;
	position: relative;
	margin-left:-2px;
}
.phone{
	float:right;
	position:relative;
	padding-top:8px;
	padding-bottom:3px;
	font-size:22px;
	font-weight:bold;
	background:url(../images/phone.gif) no-repeat right 8px;
	padding-right:40px;
}
.phone strong{
	color:#cc3366;
}
.menu{
	position:relative;
	float:right;
	clear:right;
	padding-top:8px;
}
.menu ul{
	margin:0px;
	padding:0px;
	float:left;
	position:relative;
}
.menu li{
	display:block;
	float:left;
	padding-right:11px;
	padding-left:10px;
	list-style-type: none;
	margin:0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cc3366;
	line-height:12px;
}
.menu li a{
	color:#043665;
	text-decoration:none;
}
.menu li a:hover{
	color:#cc3366;
}
.menu li.last{padding-right:0px; border-right:none 0px;}
.imageband{
	height:355px;
}
.mainarea{
	display:inline-block;
	overflow:hidden;
	width:100%;
}
.rightcol{
	float:right;
	position:relative;
	width:238px;
}

.rightcolhome{
	float:right;
	position:relative;
	width:373px;
	
}
.contactcol{
	float:right;
	position:relative;
	width:226px;
	padding-top:95px;
	
}
.newshome{
	width:345px;
	height:135px;
	background:url(../images/signup_bg.gif) repeat-x top left;
	font-size: 13px;
	padding-top: 10px;
	border:1px solid #8fb5da;
	padding-left: 24px;
	position: relative;
	margin-bottom: 8px;
}
.newshome ul{margin:0; padding:0;}
.newshome li{list-style:none; display:block; padding-top:5px;}
.newshome li strong{display:block; color:#6699cc; font-weight:normal; font-size:12px; padding-bottom:3px;}
.newshome li a{color:#333366; font-size:14px; text-decoration:none; font-weight:bold;}
.newshome .view{position:absolute; bottom:20px; left:24px; text-decoration:none; font-weight:bold; font-size:14px;}

.newsletter{
 width:345px;
 height:135px;
 background:url(../images/signup_bg.gif) repeat-x top left #f8fcff;
 font-size: 13px;
 padding-top: 10px;
 border:1px solid #8fb5da;
 padding-left: 24px;
 position: relative;
}
.newsletter img{
	margin-top:7px;
}
.newsletter_img{
	margin-top:7px;
}
.quotebox{
	width:226px;
	background:url(../images/quote_base.gif) no-repeat bottom left;
	font-size:16px;
	padding-bottom:12px;
}
.quote{
	width:200px;
	background:url(../images/quote_bg.gif) no-repeat top left;
	padding-right: 13px;
	padding-left: 13px;
	padding-top: 10px;
}
.quotetext{
	display:block;
	font-style:italic;
	padding-bottom:6px;
	font-size:14px;
	line-height: 15px;
}
.content{
	margin-right:283px;
	position: relative;
	width: 595px;
}
HTML>body .o{width:598; margin-right:286px;}
.content h1{font-weight:normal;}
.content h2{font-weight:normal; padding-bottom:8px;}
.content .right{
	float:right;
	positioning:relative;
	margin-left:40px;
	margin-top:-8px;
}
.contenthome{
	margin-right:382px;
	position: relative;
	padding-top: 10px;
}

.homerow{
	margin-top:30px;
}
.feature{
 background:url(../images/sitesbg.gif) repeat-x bottom left #f8fcff;
 width:481px;
 height:135px;
 float:left;
 position:relative;
 padding-left: 19px;
 padding-top: 10px;
 font-size: 13px;
 border:1px solid #8fb5da;
}
.newsbox{
	background:url(../images/newsbg.gif) no-repeat top left;
	width:255px;
	height:188px;
	float:left;
	position:relative;
	padding-right: 20px;
	padding-left: 24px;
	padding-top: 10px;
}
.lowerpanel{
	background:url(../images/boxes.gif) no-repeat left top #333366;
	clear:both;
	overflow:hidden;
	display:inline-block;
	width:100%;
	padding-top:12px;
	margin-top:8px;
	position: relative;
	padding-bottom: 18px;
}
.leftlinks{width:640px; float:left;}
.lowlinks{
	float:left;
	position:relative;
	color:#fff;
	padding-left:17px;
}
.lowform{
	float:left;
	position:relative;
	color:#fff;
	background:url(../images/loginbg.gif) no-repeat top left;
	height: 130px;
	width: 212px;
	padding-top: 13px;
	padding-left: 15px;
}
.lowformlinks{float:right; position:relative; width:120px; padding-right:12px; padding-top:6px;}
.lowformlinks a{display:block; font-size:12px; text-align:right; text-decoration:none; padding-bottom:3px;}
.lowformlinks a:hover{text-decoration:underline;}
.lowformlinks a.blue{color:#6699cc;}
.lowformlinks a.white{color:#fff;}
.lowlinks strong{
	font-size:16px;
	display: block;
	padding-bottom: 5px;
}
.lowlinks ul{
	margin:0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0px;
}
.lowlinks li{
	list-style-type: none;
	color:#fff;
	text-decoration:none;
	font-size:12px;
	margin:0px;
	padding-bottom:3px;
	padding-left:0px;
}
.lowlinks li a{
	color:#fff;
	text-decoration:none;
	font-size:12px;
	}
.lowlinks li a:hover{
	color:#fff;
	text-decoration:underline;
}
.lowform img{
	margin-top:7px;
}
.lowform .title{
	font-size:19px;
	font-weight:bold;
	padding-right:5px;
}
a.brochure{
	display:block;
	padding-left:60px;
	background:url(../images/brochure1.gif) no-repeat left;
	color:#fff;
	text-decoration:none;
	margin-top:7px;
	font-weight:bold;
	padding-top:16px;
	float:left;
	margin-left:25px;
	height: 30px;
}
a.brochure:hover{color:#b6c918;}
.baseband{
	margin-top:16px;
	color:#a3a2a3;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	height:50px;
	clear:both;
}
.baseband a{
	color:#a3a2a3;
	text-decoration:none;
}
.baseband a:hover{
	text-decoration:underline;
}
a.newslinks{
	font-weight:bold;
	color:#4a4949;
	font-size:15px;
	text-decoration:none;
	display:block;
	padding-top:3px;
}
.date{
	font-size:12px;
	color:#8f8f8c;
	font-weight:bold;
	display: block;
}
a.further{
	color:#98a33c;
	display:block;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	padding-top:10px;
}
.newsform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../images/mailform.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 187px;
	float:left;
	border: none 0px;
	padding-top: 5px;
	padding-left: 12px;
	margin-top: 5px;
	margin-right: 6px;

}
.newsform1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../images/mailform2.gif);
	background-repeat: no-repeat;
	height: 18px;
	width: 187px;
	float:left;
	border: none 0px;
	padding-top: 5px;
	padding-left: 12px;
	margin-top: 5px;
	margin-right: 6px;

}
.logform {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	background-image: url(../images/logform.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 191px;
	border: none 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;

}
.seo{
	float:right;
	position:relative;
}
a.bookmark{
	color:#999;
	font-weight:bold;
	text-decoration:none;
	font-size:12px;
	margin-right:8px;
}
a.bookmark:hover{
	color:#cc3366;
}


.portnav{
	height:58px;
	position:relative;
	font-size:13px;
	margin-top: -8px;
	margin-right: 12px;
}
.filter{
	float:right;
	position:relative;
	color:#a8b53f;
}
.filterform{
	width: 150px;
	color: #666666;
	font-size: 12px;
	margin-left: 7px;
	
}
.portpage{
	width:640px;
	height:356px;
	position:relative;
}
.portrow{
	height:120px;
	position:relative;
}
.portright{
	padding-top:90px;
	position:relative;
}
.basebutts{
	clear:left;
	position:relative;
	height:100px;
	margin-top:-83px;
	width:598px;
}


#triggers {
float:left;
border:1px solid #ccc;
}


.rightcontent{
	background:url(../images/right_bg.gif) repeat-y top left;
	padding-left:18px;
	padding-right:18px;
	line-height:14px;
	padding-top:10px;
	padding-bottom:20px;
	font-size:13px;
}
.rightbox h3{
	font-size:19px;
	font-weight:bold;
	margin:0;
	padding-bottom:18px;
}
.rightcontent img{
	border:1px solid #c2c2c2;
	margin-right:8px;
	margin-bottom:15px;
}
a.viewlink{
	color:#a9b63f;
	text-decoration:none;
}

a.piclink{
	border:1px solid #c2c2c2;
}
a.piclink:hover{color:#a9b63f;}





.thumbs{
	width:378px;
	float:right;
	position:relative;

}
.thumbs img{
		padding-left:5px;
		padding-bottom:4px;
}
.mainimage{
	float:left;
	position:relative;
}
.rssicon {
	position: relative;
	float: right;
}
.boxbutts {
	clear: both;
	position: relative;
}


#intimage{
	height:154px;
	margin-bottom: 9px;
	position:relative;
}
#intimage img{float:left; position:relative;}
#intimage .pagetitle{
	position:absolute;
	width:884px;
	height:40px;
	bottom:21px;
	left:0;
	background:url(../images/pagetitle.png);
}
#intimage .pagetitle h1{color:#fff; font-weight:normal; margin:0; padding:0 0 0 20px; font-size:31px;}
.intro{
	font-size:17px;
	color:#7aa2cb;
}

.blogmain {
	margin-top:20px;
	position:relative;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e4e4;
}
.blogdetails {
	margin-top: 10px;
	padding-bottom: 10px;
}
.blogtitle {
	font-size: 14px;
	color: #cc3366;
	font-weight: bold;
}
a.bloglink {
	font-size: 25px;
	color: #333366;
	text-decoration:none;
	display: block;
	padding-bottom: 8px;
	padding-top: 2px;
	font-weight: bold;
}
.pages {
	padding-top: 10px;
	font-size: 12px;
	color: #a1a2a2;
	height:25px;
	font-weight:bold;
	padding-left:2px;
}
.pages a{
	text-decoration:none;
	color:#333366;
	display: block;
	height: 16px;
	width: 18px;
	border: 1px solid #e6e4e4;
	float: left;
	text-align: center;
	margin-right: 2px;
	padding-top: 2px;
}
.pages a:hover{
	color:#cc3366;
}
.pages strong{
	color:#FFF;
	background-color: #cc3366;
	text-align: center;
	display: block;
	height: 17px;
	width: 20px;
	float: left;
	position: relative;
	margin-right: 2px;
	padding-top: 3px;
}

a.bloglink:hover{
	text-decoration:underline;
}
a.leftblog{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	display: block;
	width:175px;
	padding-top: 3px;
}
a.leftblog:hover{
		color:#929f24;
}
a.leftsub{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #474646;
	text-decoration: none;
	display: block;
	width:175px;
	padding-top: 2px;
}
a.leftsub:hover{
	color:#cc3366;
}
a.bloghighlight{
	color:#333366;
	font-weight:bold;
	text-decoration:none;
}
a.bloghighlight:hover{
	text-decoration:underline;
}	
a.links{
	color:#cc3366;
	text-decoration:none;
}
a.links:hover{
	text-decoration:underline;
}
.formarea {
	background-color: #f8fbfc;
	margin-top: 15px;
	border: 1px solid #92b6da;
	background-image: url(../images/right_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.form{
	background:#fff;
	font-size: 13px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	position: relative;
	border: 1px solid #92b6da;
}
.formtext {
	font-size: 14px;
	text-align: right;
	float: left;
	width: 150px;
	padding-right: 10px;
	color: #333366;
	padding-top: 5px;
}
.buttons{
	padding-top:15px;
	height:50px;
}
.formsfixed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	width: 260px;
	margin-bottom: 9px;
	height: 19px;
}
.formsmulti {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	width: 260px;
	margin-bottom: 9px;
}
.formicon{margin-bottom:-9px;}



#submenu{float:right; position:relative; width:238px;}
#submenu ul{margin:0; padding:0;}
#submenu li{list-style:none; font-size:18px; margin-bottom:2px;}
#submenu li a{color:#fff; background: url(../images/arrow.gif) no-repeat 218px 10px #47477b; display:block; height:30px; width:220px; text-decoration:none; padding-left:18px; padding-top:7px;}
#submenu li a:hover{
	background-color: #dd458c;
	background-image: url(../images/arrow_f2.gif);
	background-repeat: no-repeat;
	background-position: 218px 10px;
}
#rightbox{
	width:206px;
	border:1px solid #92b6da;
	margin-bottom: 9px;
	padding:10px 15px;
	position: relative;
	background: #f8fcff url(../images/right_bg.gif) repeat-x left bottom;
	
}
#rightbox h1{color:#cc3366;
	font-size:24px;
	font-weight:normal;
	margin:0px;
	letter-spacing: -1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;}
	#rightbox h3{color:#cc3366;
	font-size:21px;
	font-weight:normal;
	margin:0px;
	letter-spacing: -1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;}
.test_title{color:#cc3366;
	font-size:24px;
	font-weight:normal;
	margin:0px;
	letter-spacing: -1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;}
	#rightbox h3{color:#cc3366;
	font-size:21px;
	font-weight:normal;
	margin:0px;
	letter-spacing: -1px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;}
#rightbox .test{font-style:italic; line-height:16px;}
#rightbox .name{color:#333366; display:block; padding-top:10px;}
#rightbox strong{color:#333366;}
.present{
	text-align:left;
	height:280px;
	position: relative;
	margin-bottom: -43px;
	width: 206px;
}
HTML>body .present{margin-bottom: -10px;}
.case{text-align:center;}
#rightbox .button{
	margin-top:7px;
}
.small{font-size:13px; display:block; padding-bottom:7px;}
#rightbox .small{font-size:13px; display:block; padding-bottom:7px;}
#rightbox .tag{
	float:left;
	position:relative;
	color:#333366;
	font-size:13px;
	width:50px;
	margin-top: 5px;
}
#rightbox .request{
	width:140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin-top: 5px;
}
#rightbox table{
 color:#333366;
 font-size:13px;
 margin-top:7px;
 line-height: 24px;
}
#products{
	padding-top:10px;
	height:370px;
}
#products .panel{
	width:434px;
	height:170px;
	float:left;
	position:relative;
	background:no-repeat top left;
	padding-top:7px;
	margin-bottom:14px;
}
#products ul{float:right; position:relative; margin:0; padding:0;}
#products li{list-style:none;}
#products li a{
	display:block;
	width:220px;
	height:25px;
	margin-top:3px;
	background:url(../images/blue.png);
	color:#fff;
	font-size:18px;
	text-decoration:none;
	padding-left:17px;
	padding-top:2px;
}
#products li a:hover{background:url(../images/pink.png); }
#products .title{
	height:32px;
	background:url(../images/title.png);
	position:absolute;
	bottom:8px;
	left:0;
	width:419px;
	color:#fff;
	font-size:25px;
	padding-left:15px;
	padding-top:3px;
}

#products .title a{color:#fff; text-decoration:none;}
#products .space{margin-right:16px;}

.upper{
	height:275px;
}
.newsright{
	padding-bottom:30px;
	position:relative;
	width: 206px;
}
.newsright ul{margin:0; padding:0;}
.newsright li{list-style:none; display:block; padding-top:3px; padding-bottom:3px;}
.newsright .date{
	display:block;
	color:#6699cc;
	font-weight:normal;
	font-size:12px;
}
.newsright li a{color:#333366; font-size:14px; text-decoration:none; font-weight:bold;}
.newsright .view{position:absolute; bottom:0px; left:0px; text-decoration:none; font-weight:bold; font-size:14px;}

.homeintro{height:145px;}


/* =================================== CASE STUDIES PAGE============================= */

#case{position:relative;}
#case a.title{font-size: 20px; font-weight:bold; color:#333366; text-decoration:none; display: block;}
#case a.title:hover{color: #cc3366;}
#case .row{
	display:block;
	overflow:auto;
	padding-top:12px;
	padding-bottom:12px;
	width:595px;
	position: relative;
}
#case .rowgrey{
	display:block;
	overflow:auto;
	padding-top:12px;
	padding-bottom:12px;
	background:#eff6fb;
	width:595px;
	position: relative;
}
#case .cell03{float:left;position:relative;width:95px;padding-left:15px;}
#case .cellbutt{
	float:right;
	position:relative;
	padding-right:10px;
	padding-top:10px;
	width: 85px;
}
#case .cell05{float:left;position:relative;width:360px;}
.caseleft{float:left; position:relative; margin-right:40px; border: 1px solid #7aa2cb;}


/* =================================== TREE VIEW ============================= */

#treeview{padding-bottom:13px; font-size:12px; color:#999;}



.basepanel{
	background:url(../images/rightbg.gif) repeat-x bottom left #f8fbfc;
	height:154px;
	margin-right:-30px;
	position:relative;
	padding-left: 19px;
	padding-top: 15px;
	font-size: 13px;
	border:1px solid #8fb5da;
}
.basepanel h1{color:#cc3366; margin:0; padding:0 0 10px 0; font-size:25px;}








#mailing{
	height:38px;
	margin-top:10px;
	padding:5px 0 0 0;
	position: relative;
	background: url(../images/mailingbg.gif) no-repeat right top #333366;
}
#mailing h2{
	color:#FFF;
	font-size:24px;
	font-weight:normal;
	margin:0px;
	letter-spacing: -1px;
	float:left;
	padding-right:10px;
}
#mailing img{
	float: left;
	position: relative;
	margin-bottom: -4px;
	margin-top: 4px;
	margin-left: 4px;
}
#mailing .tag{
	color:#fff;
	float:left;
	position:relative;
	padding-right:10px;
	line-height:35px; padding-left:10px;
}
#mailing input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-image: url(../images/mailform1.gif);
	background-repeat: no-repeat;
	height: 15px;
	width: 137px;
	float:left;
	border: none 0px;
	padding-top: 3px;
	padding-left: 12px;
	margin-top: 6px;
	margin-right: 6px;
}
.newsletter .demobuttons{position:absolute; bottom:10px; left:24px;}
.newsletter .demobuttons img{margin-right:10px;}
.newsletter .subheads{padding-bottom:8px;}
.demopaper{float:right; position:relative; margin-right:10px;}
.wrap{
 position:relative;
 width: 750px;
 padding-left: 15px;
 margin-right: auto;
 margin-left: auto;
}
/* Signup Form */

.mw-form {
	overflow:hidden;
	width:100%
}
.mw-lftcol {
	float:left;
	width:325px;
}
td.first-column{text-align:right;padding-right:5px;}
.mw-rthcol {
	float:left;
	width:270px;
}
.tsignup input[type="text"] {
	width:169px;
	height:23px;
	border:1px solid #a5acb2;
}
input.error{  
	background: #f8dbdb;  
	border-color: #e77776;  
}
.mw-rthcol input[type="checkbox"] {
	width:10px;
	height:10px;
	margin:0;
}

.mw-payment {
	width:320px;
	float:left;
	line-height:20px;
}
.pay1 {
	
}
.pay2 {
	margin-left: 10px;
	margin-right: 10px;
}
.pay3 {
	
}
.pay4 {
	margin-left: 10px;
}
.payment-block{position: relative; height: 200px;}
.mw-accountsignup {
	float:left;
	width:239px;
	height:108px; 
	padding:17px 17px 17px 29px;
	background:url(../images/account-bg.jpg) 0 0 no-repeat #f8f8f8;
	position: absolute;
	right: -20px;
}
.mw-accountsignup input[type="text"] {
	width:124px;
	height:23px;
	border:1px solid #a5acb2;
}
.mwsubmit {
	bottom: 10px;
	position: absolute;
	right: -15px;
}
.mw-accountsignup {
	
}
.mw-accountsignup span {
	color: #D26A97;
	display: block;
	font-size: 11px;
	padding-top: 10px;
	text-align:center;
}
.disabled{display:none;}
.paypal-method{display:none;}
.paypal-method label{width:100px;display:inline-block;text-align:right;padding-right:8px;}
.iban-number{display:none;}

.logo{margin-top:-20px;}