/* FOR IE 
CSS hacks
The following hacks to trigger haslayout have been well tested in IE7 and lower. John Gallant and Holly Bergevin published the Holly hack in 2003: from http://www.satzansatz.de/cssd/onhavinglayout.html
*/
/* \*/
* html .gainlayout { height: 1%; }
/* */

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.            http://creativecommons.org/licenses/by/2.0                  This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
* { margin: 0; padding: 0; }

/* link underlines tend to make hypertext less readable,    because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes  and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  / the default spacing on headings does not match nor align with  normal interline spacing at all, so let's get rid of it.  zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable.  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

/*------------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------------*/

* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide, .print-logo, .close-button{ display:none; }
/*.left{ float:left; }
.right{ float:right;}*/
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }


/*Clear defaults - inspired from Tantek Celik----------------*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none;}
 
 
/*  Lemon8 */

BODY { font-size: 80%; margin:0px; padding:0px; text-align:center;  }
BODY, TD, DIV, INPUT { font-family: Arial, Verdana, sans-serif; line-height:1.4em; color:#000000; }
TD { vertical-align:top; }

A { color:#0066cc; font-weight:normal; text-decoration:none; } A:hover { border-bottom:1px dotted #0066cc; padding-bottom:1px; }
A.nbrdr:hover { border-bottom:0px; padding-bottom:0px; }
FORM { margin:0px; padding:0px; }
IMG { border:0px; }
.clear{	clear:both; line-height:0px; font-size:0px; height:0px; }
DIV.space5 { line-height:0px; font-size:0px; height:5px; margin:0px; padding:0px; }
DIV.space10 { line-height:0px; font-size:0px; height:10px; margin:0px; padding:0px; }

/* ***** FORMS ***** */
INPUT, TEXTAREA { border:1px solid #cac9c9; padding:2px 4px; }
INPUT.nbrdr { border:0px; vertical-align:middle; margin-right:10px; }/* dit zijn de checkboxes en radio btns die geen brdr nodig hebben */
INPUT.submit { background:url(../images/submit_bg.gif) top left no-repeat; width:126px; height:38px; border:0px; font-size:120%; font-weight:bold; color:#FFFFFF; }

/* ***** TEXT ****** */
H1 { font-size:280%; line-height:1em; letter-spacing:0px; font-weight:normal; margin:0px 0px 5px 0px; padding:0px; }
H2 { font-size:160%; line-height:1.2em; letter-spacing:0px; font-weight:normal; margin:20px 0px 15px 0px; padding:0px; }
H3 { font-size:130%; line-height:1.2em; letter-spacing:0px; font-weight:bold; margin:15px 0px 5px 0px; padding:0px; } /* margin:5px 0px 10px 0px; */
/*H3 { font-size:130%; line-height:1.2em; letter-spacing:0px; font-weight:normal; margin:0px 0px 3px 0px; padding:0px; }*/
H4 { font-size:120%; line-height:1em; letter-spacing:0px; font-weight:bold; margin:20px 0px 5px 0px; padding:0px; color:#435e7b; } TD>H4 { margin-top:0px; }
H5 { font-size:120%; line-height:1.3em; letter-spacing:0px; font-weight:normal; margin:20px 0px 5px 0px; padding:0px; color:#435e7b; } /* margin:5px 0px 20px 0px; */
H6 { display:block; background:#fffccf; padding:10px 10px; margin:15px 0px; text-align:center; border:1px solid #f7da80; border-left:0px; border-right:0px; font: 14px/16px Arial, verdana; color:#000000;}
.no1, .no2, .no3, .no4, .no5{  border-bottom:1px solid #dfdfdf; }
.no1 { background: url(../images/no_1.png) top left no-repeat; } 
.no2 { background: url(../images/no_2.png) top left no-repeat; } 
.no3 { background: url(../images/no_3.png) top left no-repeat; } 
.no4 { background: url(../images/no_4.png) top left no-repeat; } 
.no5 { background: url(../images/no_5.png) top left no-repeat; } 
DIV.no { padding:0px 0px 0px 65px; width:500px; }
	DIV.no H2 { padding-top:10px;  margin-bottom:10px; }
	DIV.no IMG { float:right;vertical-align:middle; }


/* ***** LAYOUT ****** */
DIV.header { margin:0px auto; padding:0px; text-align:center; width:890px; height:118px; }
	DIV.utility {  width:870px; height:22px; text-align:right; padding:0px 10px 0px 10px; }
		DIV.utility A { color:#FFFFFF; padding:0px 12px 0px 12px; background:url(../images/utility_link_bg.gif) center right no-repeat; } DIV.utility A:hover { border:0px; }
	DIV.menu { background:url(../images/menu_bg.png) top left no-repeat; width:580px; height:44px; float:right; margin:33px 0px 0px 0px; padding:14px 0px 0px 11px; }
	
	/** LAVA MENU **/
    DIV.menu UL { position: relative; height:25px; width: 548px; padding: 0px 10px 0px 10px; margin: 12px 0px 10px 0px; overflow: hidden; }
            /*DIV.menu UL li { float: left; list-style: none; background: url(../images/menu_link_bg.gif) no-repeat right; }
                DIV.menu UL LI.back { background: url(../images/menu_hilite.gif) no-repeat right -25px; width: 9px; height: 25px; z-index: 8; position: absolute; }
                    DIV.menu UL LI.back .left { background: url(../images/menu_hilite.gif) no-repeat top left; height: 25px; margin-right: 9px; }
                DIV.menu UL LI a { font: normal 14px arial; text-decoration: none; color: #fff; outline: none; text-align: center; 
                	top: 4px; z-index: 10; display: block; float: left; height: 25px; position: relative; overflow: hidden; margin: auto 10px; }
                    DIV.menu UL LI a:hover, DIV.menu UL LI a:active, DIV.menu UL LI a:visited { border: none; }*/

	DIV.submenu { background:url(../images/submenu_bg.gif) top left repeat-x; height:29px; padding:5px 0px; }
		DIV.submenu>DIV { width:870px; margin:0px auto; }
		DIV.submenu>DIV>DIV { width:600px; float:right; }
		DIV.submenu SPAN { background:url(../images/submenu_link_bg.gif) center right no-repeat; padding:0px 15px; }
		DIV.submenu A { font-size:120%; }
		DIV.submenu SPAN.current A { color:#666666; } DIV.submenu SPAN.current A:hover { border-bottom:1px dotted #666666; }
	
DIV.content { margin:0px auto; text-align:left; width:870px; padding:10px 10px 10px 10px; }
DIV.bodycontent { width:571px; } /* used to get control over h1's in content */
	DIV.bodycontent UL { padding:0px; margin:0px; list-style:none; overflow:auto; margin-left:10px; }
		DIV.bodycontent UL LI { padding:3px 0px 3px 10px; background-image: url(../images/icon_square.gif); background-repeat: no-repeat; background-position: 0 .40em;  }
DIV.leader { font-size:120%; line-height:1.3em; letter-spacing:0px; font-weight:normal; margin:10px 0px 20px 0px; padding:0px; }
	
	

UL.shortcuts { border-top:1px solid #cddadc; margin-top:60px; }
	UL.shortcuts LI { border-bottom:1px solid #cddadc; padding:17px 0px 0px 0px; height:85px; background:url(../images/icon_arrow_blue.gif) top right no-repeat; background-position:97% 16px; }
	UL.shortcuts H3 { margin:0px 0px 5px 0px; }
	UL.shortcuts LI DIV { height:85px; }
	UL.shortcuts DIV.tour { background:url(../images/icon_tour.png) top left no-repeat; background-position:5px 25px; padding:0px 35px 0px 65px; }
	UL.shortcuts DIV.screencast { background:url(../images/icon_screencast.png) top left no-repeat; background-position:5px 25px; padding:0px 35px 0px 65px; }
	UL.shortcuts DIV.questions { background:url(../images/icon_skype.png) top left no-repeat; background-position:10px 25px; padding:0px 35px 0px 65px; }
	UL.shortcuts DIV.partner { background:url(../images/icon_partner.png) top left no-repeat; background-position:10px 25px; padding:0px 35px 0px 65px; }

	
DIV.createdby { margin:35px auto 7px auto; width:850px; background:url(../images/createdby_bg.gif) top left repeat-x; background-position:0px 7px; text-align:right; padding-right:20px; height:20px; }

DIV.footer { margin:0px auto 0px auto; text-align:left; width:870px; background:url(../images/footer_bg.gif) top center no-repeat; padding:28px 0px 15px 0px; overflow:auto; } 
DIV.footer DIV { float:left; color:#858484; } DIV.footer H4 { color:#858484; margin:0px 0px 10px 0px; }
	DIV.footer DIV.left { width:320px; margin-right:10px; }
	DIV.footer DIV.middle { width:206px; }
		DIV.footer DIV.middle A:hover { border:0px; padding:0px; }
		DIV.footer DIV.middle UL { padding:0px; margin:0px; list-style:none; overflow:auto; margin-left:25px; }
			DIV.footer DIV.middle UL LI { padding-left:10px; background-image: url(../images/icon_square.gif); background-repeat: no-repeat; background-position: 0 .25em;  }
			
		DIV.footer DIV.middle UL.full { margin-top:20px; }
			DIV.footer DIV.middle UL.full LI { width:90%; float:none; }
	DIV.footer DIV.right { width:320px; }
	


	/* ***** HOME **** */
	DIV.home_column_left { width:330px; margin-right:60px; float:left; }
	
		DIV.doforyou { background:url(../images/home_right_div.gif) bottom center no-repeat; padding:0px 0px 15px 0px; margin:0px 0px 5px 0px; overflow:auto; }
			DIV.doforyou H2 { font-size:200%; margin:10px 0px 10px 0px; }
			DIV.doforyou IMG { float:right; margin:0px 0px 0px 10px; }
			
		DIV.whatisclang { }
			DIV.whatisclang IMG { float:right; margin:0px 0px 0px 10px; }
	
		DIV.home_takeitforaspin { background:url(../images/takeitforaspin_bg.gif) top left no-repeat; padding:16px 77px 104px 19px; }
			DIV.home_takeitforaspin H2 { font-size:225%; line-height:1em; letter-spacing:-4px; margin:0px; }
			DIV.home_takeitforaspin H3 { font-size:120%; line-height:1.2em; margin:15px 0px 10px 0px; }
			DIV.home_takeitforaspin FORM { border:0px; }
			DIV.home_takeitforaspin INPUT.email { width:140px; }
			DIV.home_takeitforaspin INPUT.submit { margin:10px 0px 0px 115px; }
		
		DIV.home_takeitforaspin_explain { background:url(../images/home_left_div.gif) bottom center no-repeat; padding:0px 0px 5px 0px; }
			DIV.home_takeitforaspin_explain H2 { font-size:180%; line-height:1em; margin:0px; }
			
		DIV.home_gotquestions { }
			DIV.home_gotquestions UL { list-style:none; border-top:1px solid #ebebeb; margin:10px 0px 0px 0px; }
				DIV.home_gotquestions UL LI { border-bottom:1px solid #ebebeb; overflow:auto; font-size:110%; padding:4px 3px; }
					DIV.home_gotquestions UL LI DIV { float:left; width:40%; }
					DIV.home_gotquestions UL LI DIV.callus { width:60%; }
					DIV.home_gotquestions IMG { float:left; vertical-align:bottom; margin-right:5px; }
	
	
	DIV.home_column_right { width:480px; float:left; }
	
		DIV.home_column_right>DIV { background:url(../images/home_right_div.gif) bottom center no-repeat; padding:8px 0px 15px 0px; margin:5px 0px; } 
		DIV.home_column_right DIV H1.sIFR-ignore { font-size:200%; margin-bottom:10px; }
		DIV.home_column_right DIV H2 { margin:0px 0px 7px 0px; }
		/*DIV.home_column_right DIV DIV { background:none; padding:0px; }*/
		DIV.home_column_right DIV.feature { background:none; padding:0px; width:153px; float:left; margin-right:10px; line-height:1.3em; }
			DIV.home_column_right DIV.feature H4 { margin:5px 0px 5px 0px; }
			DIV.home_column_right DIV.feature.last { margin-right:0px; }
			DIV.home_column_right DIV.feature.agencies { width:143px; padding-right:10px; }
			
			
	/* **** PAGE **** */
	DIV.column_left { width:239px; margin-right:60px; float:left; }
	
	DIV.column_right { width:571px; float:left; }
	
	UL.hilite_submenu { border-top:1px solid #dbe4e6; margin-top:60px; }
		UL.hilite_submenu LI { border-bottom:1px solid #dbe4e6; padding:7px 0px; }
		UL.hilite_submenu LI.current { background-color:#FFFFFF; }
			UL.hilite_submenu LI DIV { height:35px; }
			UL.hilite_submenu H3 { margin:5px 0px 5px 0px; }
			UL.hilite_submenu LI DIV.send-create { background:url(../images/icon_sendcreate.png) top left no-repeat; background-position:10px 0px; padding:0px 20px 0px 65px;  }
			UL.hilite_submenu LI DIV.report-analyze { background:url(../images/icon_reportanalyze.png) top left no-repeat; background-position:10px 0px; padding:0px 20px 0px 65px;  }
			UL.hilite_submenu LI DIV.get-started { background:url(../images/icon_getstarted.png) top left no-repeat; background-position:10px 0px; padding:0px 20px 0px 65px;  }
			UL.hilite_submenu LI DIV.connect-integrate { background:url(../images/icon_connectintegrate.png) top left no-repeat; background-position:10px 0px; padding:0px 20px 0px 65px;  }
	
	TABLE.factlist { margin-top:10px; }
		TABLE.factlist TD { padding:8px 0px; }
		
	

/* HEADERS */
BODY.bubbles { background:url(../images/header_bubbles_bg.gif) top left repeat-x; }
BODY.bubbles_page { background:url(../images/header_bubbles_page_bg.gif) top left repeat-x; }
	BODY.bubbles DIV.header, BODY.bubbles_page DIV.header { background:url(../images/header_bubbles.jpg) top left no-repeat; }


/* **** TEXT ***** */
.big, .leader { font-size:110%; line-height:1.4em; }
DIV.readmore { font-size:110%; text-align:right; background:none; margin:15px 0px 0px 0px; padding:0px 5px 0px 0px; clear:both; }
DIV.notice { text-align:center; color:#666666; font-style:italic; margin:10px 0px; }

/* **** IMAGES ***** */
.feature_wrap {	background:#FFFFFF; margin: 0px auto; position: relative; width: 152px; height: 123px; }
.feature_wrap IMG { margin:1px 0px 0px 1px; }
.feature_frame { background: url(../images/feature_frame.png) no-repeat; overflow: hidden; position: absolute; top: 0;	left: 0; width: 152px; height: 123px; }

DIV.image.left { float:left; margin-right:30px; }
DIV.image.right { float:right; margin-left:30px; }

TABLE.factlist TD DIV.image.left { float:left; vertical-align:middle; margin-right:5px; }

/* ****** OVERRIDE ****** */
DIV.home_column_right>DIV.last, DIV A.last, .last , .link.last, DIV.submenu .last{ background:none; }


/* ***** FORM ***** */
FORM { margin:0px; padding:0px; border-bottom:0px solid #cddadc; text-align:left; }
	FORM FIELDSET { border:0px solid #000000; margin:10px 0px 0px 0px; }
	FORM LEGEND { margin:0px; padding:0px; font-size:0px; line-height:0px; height:0px; }

	FORM .field { clear:both; padding:6px 3px 0px 3px; margin-bottom:6px; border-top:1px solid #cddadc; overflow:auto; }
		FORM DIV.field LABEL { padding:3px 0px; margin:0px; float:left; width:180px; }		
			FORM DIV.field LABEL SPAN { color:#666666; font-style:italic; }		

	FORM DIV.middleColumn  { float:left; }	
		FORM .field INPUT { padding:3px 4px; width:250px; border:1px solid #cccccc; }
		FORM .field TEXTAREA { padding:4px; width:350px; font-size: 100%; font-family: Arial, Verdana;  }
		
		FORM P.field INPUT { width:25px; position:relative; padding:4px; border:0px; margin:2px 0px 0px 0px;  }		
		FORM P.field LABEL { float:none; position:relative; padding:0px; margin:0px; }
		
		FORM .field INPUT.hidden { padding:0px; margin:0px; height:0px; font-size:0px; line-height:0px; }
		
		FORM .field SELECT { padding:3px 0px 3px 3px; margin:3px 0px; }
		
		FORM .message { clear:both; display:block; background-color:#ffeded; border:1px solid #e10007; color:#e10007; padding:3px 5px; font-weight:normal; }
		
	DIV.Actions { padding:4px 0px; text-align:right; margin-bottom:15px; border-top:1px solid #cddadc; }
		DIV.Actions INPUT { padding:2px 8px; border:1px solid #666666; background-color:#000000; color:#FFFFFF; overflow: visible; }

		IFRAME.contactiframe { width:500px; height:440px; }
		
/* **** SLIDER ***** */

#slide-content { overflow:hidden; position:relative; width:875px; height:260px; padding:0px; margin:0px 0px 0px 4px; }
	#slider-centered { float:left; position:relative; width:796px; height:260px; margin:0px; }
	#slider-left { width:37px; height:260px; float:left; }
	#slider-right { width:42px; height:260px; float:left; }

#slider-1, #slider-2, #slider-3, #slider-4 { position:absolute; top:0; left:0; background:url(../images/hero_bg.gif) top left repeat-x; width:801px; height:260px; }
		
	.slider-header, .slider-p{ position:relative; color:#000000; }
	.more {	width:100%; overflow:hidden; position:relative; }
	.more a { text-indent:-9999px; overflow:hidden; background:url(../images/btn_learnmore.gif) no-repeat; width:150px; height:54px; float:right; }	
	
/* SLIDER 1*/
#slider-1 { padding:36px 0px 0px 20px; width:776px; height:224px; }
	#slider-1 .slider-header { width:520px; float:left; margin:10px 0px 0px 0px;}	
	#slider-1 .slider-p { width:190px; float:left; margin:15px 0px 0px 20px; font-size:130%; }	
	#slider-1 .slider-header H1 { font-size:400%; }	
	#slider-1 .more { width:150px; height:54px; margin:20px 0px 0px 20px; float:left; }
	
/* SLIDER 2*/
#slider-2 { padding:10px 0px 0px 20px; width:776px; height:250px; }
	#slider-2 .slider-header { width:783px; height:134px; margin:20px 0px 0px 0px; }	
	#slider-2 .slider-p { width:595px; margin:20px 10px 0px 0px; font-size:140%; display:block; float:left; }	
	#slider-2 .more { width:150px; height:54px; margin:10px 0px 0px 10px; }
	
/* SLIDER 3*/
#slider-3 { padding:36px 0px 0px 20px; width:776px; height:224px; background:url(../images/hero_getstartedtoday.jpg) no-repeat; }
	#slider-3 .slider-header { width:650px; }	
	#slider-3 .slider-p { width:500px; margin:15px 0px 0px 90px; font-size:150%; }		
	#slider-3 .more { width:150px; height:54px; margin:10px 0px 0px 380px; }
	
/* SLIDER 4
#slider-4 { padding:36px 0px 0px 20px; width:776px; height:224px; }
	#slider-4 .slider-header { width:520px; float:left;}	
	#slider-4 .slider-p { width:190px; float:left; margin:15px 0px 0px 20px; font-size:130%; }	
	#slider-4 .slider-header H1 { font-size:400%; }	
	#slider-4 .more { width:150px; height:54px; margin:20px 0px 0px 20px; float:left; }
	*/
ul.slider-links { margin:270px 0px 0px 0px; position:relative;	padding:0; border-bottom:1px solid #fff; width:870px; height:30px; text-align:center; list-style:none; }
ul.slider-links li { height:30px; display:inline; float:left }
ul.slider-links li span { text-decoration:none; cursor:pointer;	display:block; color:#000000; width:30px; font-size:14px; height:30px; font-weight:bold;
	letter-spacing:-1px; line-height:18px;	padding:5px 55px 5px 65px }

ul.slider-links li.active span { cursor:default; color:#ff0000; }
ul.slider-links li:hover span { color:#ff0000; }

.slider-prev, .slider-next { cursor:pointer; }



/* LavaLamp Menu */
#lavaLampClangMenu {
	position: relative; width: 548px; height:25px;
	padding: 12px 10px 0px 10px; margin: 0px 0px 10px 0px;
	overflow: hidden; height:25px;  }
	
#lavaLampClangMenu li {	float: left; list-style: none; background: url(../images/menu_link_bg.gif) no-repeat right; }
#lavaLampClangMenu li.backLava { background: url(../images/menu_hilite.gif) no-repeat right -25px; width: 9px; height: 25px; z-index: 8; position: absolute; }
#lavaLampClangMenu li.backLava .leftLava { background: url(../images/menu_hilite.gif) no-repeat top left; height: 25px; margin-right: 9px; }
#lavaLampClangMenu li a { font: normal 14px arial; text-decoration: none; color: #fff; outline: none; text-align: center; 
    top: 4px; z-index: 10; display: block; float: left; height: 25px; position: relative; overflow: hidden; margin: auto 10px;  }
#lavaLampClangMenu li a:hover, #lavaLampClangMenu li a:active, #lavaLampClangMenu li a:visited {
	color: #fff; border: none;  }