/* Twizted Imagebuilding CSS */
/* version v 10.1 */
/* august 2009 - april 2010 */
/* created by Stef Verbeeck */

*{margin:0;padding:0;} 

html, body {
height: 100%;
font-size: 11px;
font-family: Verdana, Tahoma, Helvetica;
color: #768591; 
}
 
div#container {
min-height: 100%;
margin: -80px auto 0;
overflow:hidden;
width: 940px;
}

* html div#container {
overflow:visible;
height:100%;
}

/* top of the page */
div#top {
height: 80px;
padding-top: 25px;
margin-top:80px;
}

div#logo {
width: 280px;
float: left;
}

div#menu {
float: right;
background: #ffffff;
}

div#header_home {
height: 180px;
background-image: url(/gui/header_home.jpg);
background-repeat: repeat-x;
background-position: top left;
margin-bottom: 40px;
font-size: 11px;
color: #ffffff;
}

div#header {
height: 130px;
background-image: url(/gui/header_back.jpg);
background-repeat: no-repeat;
background-position: top left;
}

div#headertxt {
float: right;
margin-right: 20px;
padding-top: 40px;
}

h2 {
color: #C3D1DC;
font-size: 14px;
}

	/* NOT IN USE */
	#slideshow {
		margin:0 auto;
		width:940px;
		height:250px;
		background:transparent url(/gui/headernav_back.jpg) no-repeat 0 0;
		position:relative;
	}
	
	#slideshow #slidesContainer {
	  margin:0 auto;
	  width:800px;
	  height:250px;
	  overflow:auto; /* allow scrollbar */
	  position:relative;
	}
	
	#slideshow #slidesContainer .slide {
	  margin:0 auto;
	  width:780px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	  height:250px;
	}
	
	.control {
	  display:block;
	  width:50px;
	  height:250px;
	  text-indent:-10000px;
	  position:absolute;
	  cursor: pointer;
	}
	
	#leftControl {
	  top:0;
	  left:0;
	  background:transparent url(/gui/headernav_prev.jpg) no-repeat 0 0;
	}
	#rightControl {
	  top:0;
	  right:0;
	  background:transparent url(/gui/headernav_next.jpg) no-repeat 0 0;
	}
	
	#slide{
	height: 250px;
	}
	
	.slideleft{
	float: left;
	width: 250px;
	margin-right: 25px;
	}
	
	.slideright{
	float: left;
	width: 510px;
	display: inline;
	margin-top: 40px;
	color: #ffffff;
	}
	
	.slideright p {
	font-size: 11px;
	line-height: 1.6em;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: justify;
	}
	
	.slide h2 {
	color: #C3D1DC;
	font-size: 18px;
	}
	
	.slideright a:link, .slideright a:visited, .slideright a:active{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	float: right;
	text-align: right;
	}
	
	.slideright a:hover{
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
	}
	
	.slideright a img { float:right; margin:5px 2px 0 5px }


/* sidebar */
div#sidebar{
width: 275px;
float: left;
}

div#submenu{
width: 220px;
float: left;
margin-right: 55px;
background-image: url(/gui/submenu_top.jpg);
background-position: top;
background-repeat: no-repeat;
display: inline;
margin-bottom: 20px;
}

div#subnav{
width: 220px;
background-image: url(/gui/submenu_bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
line-height: 1.4em;
}

div#subnav ul{
padding-top: 0px; 
padding-left: 18px;
padding-bottom: 30px;
list-style-type: none;
font-size: 10px;
}

div#subnav li{
margin-top: 8px;
margin-bottom: 0px;
}

div#subnav li.title{
width: 180px;
padding-top: 15px;
padding-bottom: 10px;
font-weight: bold;
font-size: 11px;
color: #475259;
border-bottom: 1px solid #BEC9D3;
}

div#subnav li a:link, div#subnav li a:visited, div#subnav li a:active{
color: #81929f;
text-decoration: none;
}

div#subnav li a:hover{
color: #81929f;
text-decoration: none;
font-weight: bold;
}

div#sub_factsheets{
width: 220px;
float: left;
margin-right: 55px;
background-image: url(/gui/factsheets_top.jpg);
background-position: top;
background-repeat: no-repeat;
display: inline;
margin-bottom: 20px;
}

div#factsheets{
width: 220px;
background-image: url(/gui/factsheets_bottom.jpg);
background-position: bottom;
background-repeat: no-repeat;
line-height: 1.4em;
}

div#factsheets ul{
padding-top: 0px; 
padding-left: 18px;
padding-bottom: 30px;
list-style-type: none;
font-size: 10px;
}

div#factsheets li{
margin-top: 8px;
margin-bottom: 0px;
}

div#factsheets li.title{
width: 180px;
padding-top: 15px;
padding-bottom: 10px;
font-weight: bold;
font-size: 11px;
color: #475259;
border-bottom: 1px solid #9AADBD;
}

div#factsheets li a:link, div#factsheets li a:visited, div#factsheets li a:active{
color: #768591;
text-decoration: none;
}

div#factsheets li a:hover{
color: #768591;
text-decoration: none;
font-weight: bold;
}

/* content */
h1 {
font-size: 24px;
line-height: 1.2em;
color: #636363;
margin-bottom: 10px;
}

div#content {
float: left;
width: 665px;
text-align: justify;
line-height: 1.8em;
}

div#content p{
margin-bottom: 20px;
}

div#content ul{
margin-left: 50px;
margin-bottom: 20px;
}

div#content ol{
margin-left: 50px;
margin-bottom: 20px;
}

a:link { color: #475259; text-decoration: underline;}
a:visited { color: #475259; text-decoration: underline;}
a:hover { color: #768591; text-decoration: none;}
a:active { color: #475259; text-decoration: underline;}

div#content_wide {
float: left;
width: 940px;
text-align: justify;
line-height: 1.8em;
}

div#content_wide p{
margin-bottom: 20px;
}

a.arrow:link { color: #475259; text-decoration: none; font-weight: bold;}
a.arrow:visited { color: #475259; text-decoration: none; font-weight: bold;}
a.arrow:hover { color: #768591; text-decoration: none; font-weight: bold;}
a.arrow:active { color: #475259; text-decoration: none; font-weight: bold;}
a.arrow img { float:right; margin:5px 2px 0 5px }

a.more:link { color: #475259; text-decoration: none; font-weight: bold;}
a.more:visited { color: #475259; text-decoration: none; font-weight: bold;}
a.more:hover { color: #768591; text-decoration: none; font-weight: bold;}
a.more:active { color: #475259; text-decoration: none; font-weight: bold;}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
text-align: right;
float: right;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
text-align: left;
float: left;
}

img.aligncenter {
padding: 4px;
margin: 0 auto;
text-align: center;
display: block;
}

td{
vertical-align: top;
}

.aligncenter{
margin: 0 auto;
text-align: center;
font-size: 10px;
color: #475259;
}

.vvqbox{
padding-bottom: 25px;
}

/* homepage boxes */
div#welcome{
float: left;
width: 940px;
}

div#solutions{
float: left;
width: 938px;
margin-top: 20px;
margin-bottom: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #DEE5EB;
border: 1px solid #BEC9D3;
clear: none;
}

	div#solutions01{
	float: left;
	width: 259px;
	height: 205px;
	padding-left: 20px;
	padding-right: 30px;
	margin-right: 9px;
	border-right: 1px solid #BEC9D3;
	}
	
	div#solutions02{
	float: left;
	width: 259px;
	height: 205px;
	padding-left: 20px;
	padding-right: 30px;
	margin-right: 9px;
	border-right: 1px solid #BEC9D3;
	}
	
	div#solutions03{
	float: left;
	width: 260px;
	height: 205px;
	padding-left: 20px;
	padding-right: 20px;
	}
	
	.solutionslist ul{
	width: 240px;
	list-style-type: none;
	margin-bottom: 10px;
	margin-left: 10px;
	}
	
	.solutionslist ul li{
	border-top: 1px solid #BEC9D3;
	}
	
	.solutionslist ul li a{
	color: #768591; 
	text-decoration: none; 
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	.solutionslist ul li a:hover{
	color: #ffffff; 
	text-decoration: none;
	background-color: #768591;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	.solutionslist ul li a img {float:right; margin:5px 10px 0 5px}
	
	.seminarcalendar ul{
	width: 260px;
	list-style-type: none;
	margin-bottom: 10px;
	font-size: 10px;
	text-align: left;
	}
	
	.seminarcalendar ul li{
	border-top: 1px solid #BEC9D3;
	}
	
	.seminarcalendar ul li a{
	color: #768591; 
	text-decoration: none; 
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	.seminarcalendar ul li a:hover{
	color: #ffffff; 
	text-decoration: none;
	background-color: #768591;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	}

div#aknowledgements{
float: left;
width: 940px;
margin-top: 20px;
margin-bottom: 20px;
}

	div#clientrefs{
	float: left;
	width: 650px;
	margin-right: 20px;
	}
	
	div#rotator{
	overflow: hidden;
	margin: 0px auto 0px;
	position: relative;
	width: 650px;
	height: 75px;
	}

	div#rotator img{
	border: 0;
	width: 650px;
	height: 75px;
	}
	
	div#clientlink{
	float: left;
	width: 270px;
	margin-top: 30px;
	font-size: 10px;
	}
	
	div#clientlink a { color: #768591; text-decoration: none; }
	div#clientlink a:hover { color: #475259; text-decoration: underline; }


div#community{
float: left;
width: 940px;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #BEC9D3;
}

div#blog{
width: 640px;
float: left;
margin-right: 30px;
}

	.calendar_icon{
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px;
	background-image: url(/gui/icon_calendar.jpg);
	background-repeat: no-repeat;
	text-align: center;
	}
	
	.calendar_month{
	color: #ffffff;
	font-variant: small-caps;
	font-weight: bold;
	}
	
	.calendar_day{
	font-size: 13px;
	font-weight: bold;
	}

	.headline{
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	display: inline-block;
	}
	
	.headline_title{
	float: left;
	font-weight: bold;
	width: 560px;
	margin-bottom: 5px;
	}
	
	.headline_title a{
	text-decoration: none;
	color: #768591; 
	}
	
	.headline_title a:hover{
	text-decoration: underline;
	color: #768591; 
	} 
	
	.headline_info{
	float: left;
	font-size: 10px;
	}
	
	.headline_info a{
	text-decoration: none;
	color: #768591; 
	}
	
	.headline_info a:hover{
	text-decoration: underline;
	color: #768591; 
	} 
	
	.headline_info img {margin-top: 2px 0 0 0; }

.extra{
width: 270px;
float: left;
margin-bottom: 30px;
}

	.extra a{
	text-decoration: none;
	color: #768591; 
	}
	
	.extra a:hover{
	text-decoration: underline;
	color: #768591; 
	} 


div#box_link01{
width: 320px;
float: left;
margin-right: 50px;
text-align: right;
}

div#box_link02{
width: 320px;
float: left;
margin-right: 50px;
text-align: right;
}

div#box_link03{
width: 200px;
float: left;
text-align: right;
}



/* cases (homepage) */
div#homecases{
width: 880px;
height: 240px;
margin-top: 30px;
background-image: url(/gui/cases_back.jpg);
background-repeat: no-repeat;
padding-top: 20px;
padding-left: 30px;
padding-right: 30px;
padding-bottom: 20px;
}

div#homecase01{
width: 240px;
float: left;
margin-right: 20px;
padding-right: 30px;
}

div#homecase02{
width: 240px;
float: left;
margin-right: 20px;
padding-left: 30px;
padding-right: 30px;
}

div#homecase03{
width: 240px;
float: left;
padding-left: 30px;
}

h3 {
color: #475259;
font-size: 14px;
margin-bottom: 10px;
clear: none;
}

/* consultants */
div#team_stef{
margin-top: 20px;
width: 655px;
height: 200px;
background-image: url(/gui/team_stef.jpg);
background-repeat: no-repeat;
padding-top: 60px;
padding-left: 40px;
}

div#team_kirsten{
margin-top: 20px;
width: 655px;
height: 200px;
background-image: url(/gui/team_kirsten.jpg);
background-repeat: no-repeat;
padding-top: 60px;
padding-left: 40px;
}

div#team_pros{
margin-top: 20px;
width: 655px;
height: 200px;
background-image: url(/gui/team_pros.jpg);
background-repeat: no-repeat;
padding-top: 60px;
padding-left: 40px;
}

.connect{
margin-top: 30px;	
}

/* seminars */
div#seminarlist{
float: left;
width: 623px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #DEE5EB;
border: 1px solid #BEC9D3;
padding: 20px;
clear: none;
}

.seminarheader{
margin-bottom: 5px;
display: inline-block;
width: 620px;
padding-bottom: 5px;
border-bottom: 1px solid #BEC9D3;
}

.seminar{
margin-bottom: 5px;
display: inline-block;
width: 620px;
}

.seminar_title{
float: left;
font-weight: normal;
width: 340px;
}

.seminar_date{
float: left;
font-size: 10px;
width: 120px;
}

.seminar_location{
float: left;
font-size: 10px;
width: 100px;
}

.seminar_price{
float: left;
font-size: 10px;
text-align: left;
width: 60px;
}

.seminar_title a:link, .seminar_title a:visited, .seminar_title a:active{
text-decoration: none;
color: #475259; 
}

.seminar_title a:hover {
text-decoration: underline;
color: #475259; 
} 



.seminar{
margin-bottom: 5px;
display: inline-block;
}

.seminar_q{
float: left;
width: 180px;
font-weight: bold;
}

.seminar_a{
float: left;
width: 358px;
}

/* solutions */
.mov {
text-align: center;
margin-bottom: 20px;
}

div#traininginfo{
float: left;
width: 663px;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #DEE5EB;
border: 1px solid #BEC9D3;
clear: none;
}

	div#training_audience{
	float: left;
	width: 270px;
	height: 160px;
	padding-left: 20px;
	padding-right: 30px;
	margin-right: 9px;
	border-right: 1px solid #BEC9D3;
	}
	
	div#training_options{
	float: left;
	width: 270px;
	height: 160px;
	padding-left: 20px;
	padding-right: 30px;
	}
	
	div#traininginfo ul{
	margin-left: 20px;
	}	

div#calltoaction{
width: 665px;
height: 40px;
padding: 15px;
}

div#ctaleft{
width: 300px;
float: left;
margin-right: 35px;
}

div#ctaright{
width: 300px;
float: left;
}

div#solutionsbox{
width: 665px;
margin-bottom: 20px;
margin-top: 20px;
}

div#solution_tc{
width: 320px;
float: left;
margin-right: 25px;
}

	div#solution_tc img{
	margin-bottom: 15px;
	}

div#solution_c{
width: 320px;
float: left;
}

	div#solution_c img{
	margin-bottom: 15px;
	}


/* clients */
.cases{
width: 665px;
height: 200px;
float: left;
padding-bottom: 41px;
}

.case_left{
width: 310px;
height: 200px;
float: left;
margin-right: 41px;
}

.case_right{
width: 310px;
height: 200px;
float: left;
}
			
.casegrid{ 
width: 310px; 
height: 200px; 
float: left; 
background: #475259; 
border: solid 1px #475259; 
overflow: hidden; 
position: relative; 
}

.casegrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.casegrid p{ 
padding-left: 15px;
padding-right: 15px;
padding-top: 5px; 
color: #ffffff; 
font-size: 11px;
font-family: Verdana, Tahoma, Helvetica; 
}

.casetitle{  
font-size: 11px;
font-family: Verdana, Tahoma, Helvetica;
font-weight: bold;
color: #C3D1DC; 
padding-bottom: 40px
}

h4 {
color: #C3D1DC;
font-size: 12px;
margin-left: 15px;
margin-top: 7px;
line-height: 1.4em;
}
			
.casecaption{ 
float: left; 
position: absolute; 
background: #475259; 
height: 110px; 
width: 100%; 
opacity: .85; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}				

.captionfull .casecaption {
top: 170px;
left: 0px;
}

.caption .casecaption {
top: 170px;
left: 0px;
}

a.caselink:link, a.caselink:visited, a.caselink:active, a.caselink:hover{
text-decoration: none;
color: #ffffff;
display: block;
}

div#reflist{
width: 660px;
}

div#ref_left{
float: left;
width: 310px;
margin-right: 40px;
}

div#ref_right{
float: left;
width: 310px;
}

/* blog */
div#article_options{
margin-top: 15px;
}

.bubbleInfo {
position: relative;
display: inline;
padding-left: 1px;
padding-right: 1px;
padding-top: 2px;
}

.popup {
position: absolute;
display: none;
width: 175px;
height: 30px;
background-image: url(/gui/bubble_sm.png);
background-repeat: no-repeat;
padding-top: 4px;
padding-left: 8px;
font-size: 10px;
font-weight: bold;
}

.posticons{
padding-right: 5px;
padding-left: 10px;
}

div#author{
float: left;
width: 623px;
height: 120px;
margin-top: 30px;
background-color: #DEE5EB;
border: 1px solid #BEC9D3;
padding: 20px;
}

div#author img{
padding-right: 10px;
padding-top: 0px;
}

.entry_author_image{
float: left;
}


/* pagination */
div#pagination{
width: 625px;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 6px 8px 6px 8px; 
margin: 3px;
text-decoration: none;
background-image: url(/gui/drop_pagenav.jpg);
background-repeat: no-repeat;
color: #ffffff;	
font-size: 10px;
}

.wp-pagenavi a:visited {
padding: 6px 8px 6px 8px;
margin: 3px;
text-decoration: none;
background-image: url(/gui/drop_pagenav.jpg);
background-repeat: no-repeat;
color: #ffffff;	
}

.wp-pagenavi a:hover {	
background-image: url(/gui/drop_pagenav.jpg);
background-repeat: no-repeat;
color: #ffffff;	
}

.wp-pagenavi a:active {
padding: 6px 8px 6px 8px;
margin: 3px;
text-decoration: none;
background-image: url(/gui/drop_pagecur.jpg);
background-repeat: no-repeat;
color: #ffffff;	
}

.wp-pagenavi span.pages {
padding: 6px 8px 6px 8px;
margin: 3px;
color: #000000;
font-size: 10px;
}

.wp-pagenavi span.current {
padding: 6px 8px 6px 8px;
margin: 3px;
text-decoration: none;
background-image: url(/gui/drop_pagecur.jpg);
background-repeat: no-repeat;
color: #ffffff;	
font-size: 10px;
}

.wp-pagenavi span.extend {
padding: 6px 8px 6px 8px;
margin: 3px;
text-decoration: none;
background-image: url(/gui/drop_pagenav.jpg);
background-repeat: no-repeat;
color: #ffffff;	
}

/*comments*/
div#comments ul{
margin-left: 0px;
padding: 0px;
background-color: #FFFFFF;
border: 0px;
}

div#comments ul li{
margin-left: 0px;
width: 100%;
}

li .comment{
list-style-type: none;
}

.odd{
list-style-type: none;
background-color: #ffffff;
padding: 20px;
display: block;
border-bottom: 1px solid #BEC9D3;
}

.even{
list-style-type: none;
background-color: #f6f7f9;
padding: 20px;
display: block;
border-bottom: 1px solid #BEC9D3;
}

.avatar img{
padding-right: 10px;
padding-top: 0px;
float: left;
}

.commentinfo{
float: left;
width: 585px;
margin-bottom: 20px;
padding-top: 4px;
display: inline-block;
}

a.url:link, a.url:visited, a.url:active{
text-decoration: none;
color: #768591;
}

a.url:hover{
text-decoration: underline;
}

.comment-body p{
width: 585px;
margin-left: 45px;
margin-top: 10px;
}

/* forms */
.formBuilderForm .formBuilderField {
padding-bottom: 10px;
clear: both;
}

.formBuilderLabelRequired, .formBuilderLabel {
width: 140px;
font-weight: bold;
vertical-align: top;
clear: left;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.formBuilderInput input {
padding: 3px;
font-size: 11px;
color: #81929f;
margin-right: 15px;
width: 200px;
display: inline-block;
}

textarea {
width: 350px;
height: 200px;
padding: 2px;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #81929f;
}

.formBuilderForm .formBuilderError {
float: right;
font-weight: bold;
color:#a44750;
text-align: left;
width: 275px;
}

div#formBuilderFieldtwizted_quarterly {
width: 515px;
clear: both;
padding-bottom: 10px;
margin-left: 150px;
display: block;
}

div#formBuilderFieldtwizted_quarterly .formBuilderInput input  {
width: 10px;
font-weight: bold;
vertical-align: top;
float: left;
margin-bottom: 10px;
}

div#formBuilderFieldtwizted_quarterly .formBuilderLabel {
width: 475px;
font-weight: normal;
vertical-align: top;
float: right;
text-align: left;
margin-bottom: 10px;
}

.formBuilderForm .formBuilderSubmit {
clear: both;
padding-top: 10px;
}

.formBuilderForm .formBuilderSubmit input {
margin-left: 145px;
padding-left: 10px;
padding-right: 10px;
color: #000000;
font-size: 10px;
} 

/* bottom of the page */
div#push {
height: 40px;
clear: both;
}

div#footer {
height: 80px;
background-image: url(/gui/footer_back.jpg);
background-repeat: repeat-x;
background-position: top;
}

div#footernav {
width: 940px;
height: 56px;
background-image: url(/gui/footer_navback.jpg);
background-repeat: no-repeat;
background-position: top left;
margin: 0 auto;
padding-top: 24px;
}

div#footerlinks {
float: left;
padding-left: 180px;
color: #ffffff;
font-size: 10px;
width: 700px;
}

div#footerlinks a:link, div#footerlinks a:visited, div#footerlinks a:active{
text-decoration: none;
color: #ffffff;
}

div#footerlinks a:hover {
text-decoration: underline;
color: #ffffff;
} 

div#copyright {
float: left;
padding-left: 20px;
font-size: 10px;
margin-top: 15px;
}

/* modal boxes */
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#4b565d;
  display:none;
}
  
#modalboxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
}

#modalboxes #modalcontent {
padding: 30px;
}

#modalboxes #modalcontent p {
padding-bottom: 20px;
line-height: 1.8em;
text-align: justify;
}

#modalboxes #modalcontent #modalheader{
padding-bottom: 20px;
overflow: hidden;
clear: both;
}

.modaltitle {
float: left;
}

.modalclose {
float: right;
}

#modalboxes #press {
  width:665px; 
  height:500px;
  padding:20px;
  background-color:#ffffff;
}

#modalboxes #newsletter {
width:667px; 
height:275px;
border: 1px solid #4b565d;
background-image:  url(/gui/modal_background.jpg);
background-position: bottom;
background-repeat: no-repeat;
background-color:#ffffff;
}

#modalboxes #newsletter #form {
margin-left: 50px;
}

/* demos */
div#loopedSlider, div#newsSlider { 
margin:0 auto; 
width:570px; 
position:relative; 
clear:both; 
}

.demo { 
width: 570px; 
height: 505px;
overflow: hidden; 
position:relative; 
text-align: center;
}

.demoslides { 
position:absolute; 
top:0; 
left:0; 
}

.demoslides p{
text-align: left;
background-color: #e7ecf0;
padding: 5px;
color: #475259;
}

.demoslides > div { 
position:absolute; 
width: 570px; 
display:none; 
}

div#slidepagination{
margin-top: 10px;
}

div#previous{
float: left;
width: 60px;
text-align: left;
display: inline-block;
}

a.previous, a.next{
color: #768591; text-decoration: none; font-weight: bold;
}

a.previous:hover, a.previous:hover{
color: #475259; text-decoration: underline; font-weight: bold;
}

div#numbers{
float: left;
width: 450px;
text-align: center;
display: inline-block;
}

div#next{
float: right;
width: 60px;
text-align: right;
display: inline-block;
}

div#loopedSlider ul.slidepagination{
list-style-type: none;
width: 570px;
text-align: center;
}

div#loopedSlider ul.slidepagination li{
display: inline;
}

div#loopedSlider ul.slidepagination li a, div#loopedSlider ul.slidepagination li a:link {
padding: 6px 8px 6px 8px; 
margin: 3px;
text-decoration: none;
background-image: url(/gui/drop_pagenav.jpg);
background-repeat: no-repeat;
color: #ffffff;	
font-size: 10px;
}

div#loopedSlider ul.slidepagination li.active a {
padding: 6px 8px 6px 8px;
margin: 3px;
text-decoration: none;
background-image: url(/gui/drop_pagecur.jpg);
background-repeat: no-repeat;
color: #ffffff;	
}

/* sIFR script */
div#sifrfix{ 
clear: none;	
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
}