*{ font-size:100%; }
img{behavior:url(/static/images/iepngfix.htc);}
#speakers img{float:left; display:inline; padding:0 20px 20px 0}
	body { font:100%/100% Arial, Helvetica, sans-serif; margin:0; padding:0; background: url(/static/images/bg.jpg) 0 0 repeat-x #FFFFFF;}

	a { text-decoration:underline; color:#213F7D;font-size:11px }
	a:hover { text-decoration:underline; color:#4D4D4D;  }

.on { text-decoration:underline; color:#E61D17 }

	p { font-family: Arial, Helvetica, sans-serif; color:#4D4D4D; font-size: 11px; padding: 0; margin: 0 0 15px 0; line-height: 16px;}

	h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight: normal; color: #213F7D; line-height:16px; margin: 0 0 20px 0; padding:0;  border-bottom: 1px solid #213F7D; padding-bottom:10px;}
	h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight: normal; color: #213F7D; line-height:16px; margin: 0 0 4px 0; padding:0}
	h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight: normal; color: #FFFFFF; line-height:16px; margin: 0px 0 0 0; padding:0}
	.subhead { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight: normal; color: #9A9BCD; line-height:16px; margin: 0px 0 0 0; padding:0}
	.subheadr { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight: normal; color: #FF0000; line-height:16px; margin: 0px 0 0 0; padding:0}
	.bhead { font-size:12px; font-weight: bold; color: #21409A; margin: 0 0 10px 0}
	.rhead { font-size:12px; font-weight: bold; color:#FF0000; padding:10px 0 0 0}
	.sm { font-size:10px; color: #999999; padding:10px 0 0 0}
	.smb { font-size:10px; color: #21409A; padding:10px 0 0 0}
	.maparea{ background: #D9D9D9; width:640px; padding:10px; border-bottom: 1px solid #333333; font-size:11px; color:#4D4D4D; cursor:pointer;}
	
	
	#wrap{ margin:0 auto; width:960px;}

	#container { float:left; display:inline; width:960px; padding:0;}

	#topbar { width:960px; height:13px; margin:0; padding:0; background:url(/static/images/t-bg.gif) 0 0 repeat-x;}

	#logobar { width:960px; height:125px; margin:0; padding:0;}

	#logo { display:inline; float:left; margin:0 }

	#slogan { display:inline; float:left; margin:0; padding:47px 0 0 0 }

	#topright {display:inline; float:right; width:318px}
	
	#logos { display:inline; float:right; margin: 18px 19px 0 0}
	#logos img{ margin: 0 0 0 11px; border:none}

	.logosmain { display:inline; float:left; margin: 10px 0 10px 0}
	#logosmaintop { display:inline; float:left; margin: 10px 0 0 0}
	.logosmainimage{ margin: 0 15px 0 0; width:76px; float:left; display:inline; border:none}
	.logosmaintext{float:right; display:inline; width:570px; } 

	
	#language {display:inline; float:right; margin: 18px 19px 0 0; font-size:11px; color:#213F7D; text-align:right; width:299px}
	#language img{margin: 10px 0 0 8px; border:none}

	#navbar { width:960px; height:35px; margin:0; padding:0; background:url(/static/images/nav-bg.jpg) 0 0 repeat-x;}

	#navimg a{ height:22px; margin:7px 15px 0 0; padding:3px 90px 0 0; display:inline; float:right; color:#FFFFFF; text-decoration:none; font-weight:bold; background:url(/static/images/cvision-up.jpg) 100% 0 no-repeat}
	#navimg a:hover{ color: #20ADE3; background:url(/static/images/cvision-over.jpg) 100% 0 no-repeat}
	
	#topNav { width:676px; height:35px; margin:0; padding:0; display:inline; float:left;font-weight:bold }
	#topNav a{ color:#FFFFFF; padding: 9px 16px 10px 16px; display:block; text-decoration:none }
	#topNav a:hover{ padding: 9px 16px 10px 16px; display:block; font-size: 11px; background:url(/static/images/nav-over-bg.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; 	text-decoration:none  }
	#topNav .on{ background:url(/static/images/nav-over-bg.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; }
	
	#topNav ul{ list-style:none; margin:0 0 0 0; padding:0; text-align:centre; position:relative; list-style:none;}
		
	#topNav ul li{ float:left; display:inline; list-style:none; margin:0; position:relative; padding:0 0 10px 0; }
	#topNav .subscribe{ margin:0 0 0 10px; text-align:right; padding:0; color:#FFFFFF; text-decoration:none; font-weight:bold}
	#topNav ul ul{ display:none; position:absolute; float:none; left:0; top:0; margin: 34px 0 0px 0px; background:#213F7D; padding:15px 0 15px 0; width:165px; text-align:left; }

	#topNav ul ul li{ float:none; display:block; padding:4px 5px 0 12px; line-height:13px}

	#topNav ul ul a{ color:#FFFFFF; padding:0; font-weight:normal; }

	#topNav ul ul a:hover{ color: #20ADE3; background:none; padding:0; font-weight:normal;}
	
		#navbar2 { width:960px; height:35px; margin:0; padding:0; background:url(/static/images/nav-bg.jpg) 0 0 repeat-x;}

	#navimg2 a{ height:22px; margin:7px 15px 0 0; padding:3px 90px 0 0; display:inline; float:right; color:#FFFFFF; text-decoration:none; font-weight:bold; background:url(/static/images/cvision-up.jpg) 100% 0 no-repeat}
	#navimg2 a:hover{ color: #20ADE3; background:url(/static/images/cvision-over.jpg) 100% 0 no-repeat}
	
	#topNav2 { width:676px; height:35px; margin:0; padding:0; display:inline; float:left;font-weight:bold }
	#topNav2 a{ color:#FFFFFF; padding: 9px 16px 10px 16px; display:block; text-decoration:none }
	#topNav2 a:hover{ padding: 9px 16px 10px 16px; display:block; font-size: 11px; background:url(/static/images/nav-over-bg.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; 	text-decoration:none  }
	#topNav2 .on{ background:url(/static/images/nav-over-bg.jpg) 0 0 repeat-x; color: #FFFFFF; font-weight:bold; }
	
	#topNav2 ul{ list-style:none; margin:0 0 0 0; padding:0; text-align:centre; position:relative; list-style:none;}
		
	#topNav2 ul li{ float:left; display:inline; list-style:none; margin:0; position:relative; padding:0 0 10px 0; }
	#topNav2 .subscribe{ margin:0 0 0 10px; text-align:right; padding:0; color:#FFFFFF; text-decoration:none; font-weight:bold}
	#topNav2 ul ul{ display:none; position:absolute; float:none; left:0; top:0; margin: 34px 0 0px 0px; background:#213F7D; padding:15px 0 15px 0; width:165px; text-align:left; }

	#topNav2 ul ul li{ float:none; display:block; padding:4px 5px 0 12px; line-height:13px}

	#topNav2 ul ul a{ color:#FFFFFF; padding:0; font-weight:normal; }

	#topNav2 ul ul a:hover{ color: #20ADE3; background:none; padding:0; font-weight:normal;}
	
	#bottomnav { width:960px; height:24px; margin:40px 0 0 0; background:url(/static/images/foot-bg.gif) 0 0 repeat-x; display:inline; float:left; color:#FFFFFF; font-size:10px;}

	#bottomnav a{ color:#FFFFFF; text-decoration:none; font-size:10px; background:none}
	#bottomnav a:hover{ color:#20ADE3;}

	#bottomnavleft { float:left; display:inline; padding:3px 0 0 20px; }

	#bottomnavright {  float:right; text-align:right; display:inline; padding:3px 20px 0 0;}

	#maincontent { width: 662px; float:left; display:inline; margin:20px 20px 0 18px; padding:0; background: #FFFFFF}
	#maincontent2 { width: 662px; float:left; display:inline; margin:20px 20px 0 18px; padding:0; }
	
	#col2 {width: 219px; float:left; display:inline; margin:20px 0 0 0; padding: 0; border-left: 1px solid #CECFCE; padding:0 0 0 20px;}

	#hcallout{ border: 1px solid #333333; padding:10px; display:inline; float:left; width: 640px}
	
	.rule{ border-top: 1px solid #213F7D; height:10px; width: 620px; margin:10px 0 0 0; line-height:normal; display:inline; float:left; }
	.rule2{ border-top: 1px solid #213F7D; width: 218px; margin:10px 0 0 0}
	.rule3{ border-top: 1px solid #CECFCE; width: 218px; margin:20px 0 5px 0; padding:0; display:inline; float:left}

	#hlinks { margin: 20px 0 0 0px; display:inline; float:left; width:682px; }
	.hlink { float:left; display:inline; width:298px;  border: 1px solid #333333; padding:10px; margin:20px 0 0 21px; position:relative; height: 170px }
	.hlink p{ margin:0 0 20px 0}
	h2 a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight: normal; color: #213F7D; line-height:16px; margin: 0 0 4px 0; padding:0; text-decoration:none}
	h2 a:hover{ text-decoration:underline}
	.hlink img{ float:left; display:inline; margin: 0 10px 25px 0 }
	.hlink .more{  position:absolute; bottom:10px; right:0; margin:50px 10px 0 0}
	
	.hlinki { float:left; display:inline; width:298px;  border: 1px solid #333333; padding:10px; margin:20px 0 0 21px; position:relative; height: 200px }
	.hlinki p{ margin:0 0 20px 0}
	.hlinki h2 a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight: normal; color: #213F7D; line-height:16px; margin: 0 0 4px 0; padding:0; text-decoration:none}
	.hlinki h2 a:hover{ text-decoration:underline}
	.hlinki img{ float:left; display:inline; margin: 0 10px 25px 0 }
	.hlinki .more{  position:absolute; bottom:10px; right:0; margin:50px 10px 0 0}
	
	.archive { float:left; display:inline; width:298px;  padding:0; margin:0; }

	#contact { background:url(/static/images/c-bg.jpg) 0 0 repeat-x #213F7F; width:196px; height:111px; border:1px solid #213F7D; padding:10px}
	#contact p { color:#FFFFFF; margin: 10px 0 0 0;}
	#contact  .touch{ float:right; display:inline; margin:0 0 0 0}	
	
	#news { float:left; display:inline; margin:20px 0 0 0; width:219px}
	.all { float:right; display:inline; font-weight:bold; background:url(/static/images/arrow.gif) 0 50% no-repeat; padding:0 0 0 12px; text-decoration:none}
	.all:hover {background:url(/static/images/arrow.gif) 0 50% no-repeat; text-decoration:underline }
	.newshead { color:#213F7D; font-weight:bold; margin:0px 0 0 0; text-decoration:none; }
	.newshead:hover{ text-decoration:none; color:#213F7D; }
	.newstxt { color:#4D4D4D; margin:0; padding:0; }
	
	.mainul { margin:0 0 10px 0;  padding:0 0 10px 20px; font-size:11px; color:#4D4D4D }
	.mainul li{ margin:0 0 0 20px; }
	
	.mainol { margin:0 0 10px 0;  padding:0 0 10px 20px; font-size:11px; color:#4D4D4D }
	.mainol li{ margin:0 0 0 20px; }
	
	.pdful { margin:10px 0 0 0;  padding:0 0 10px 00px; font-size:11px; color:#4D4D4D }
	.pdful li{ margin:0; background:url(/static/images/pdf.gif) 0 50% no-repeat; padding:5px 0 5px 30px; list-style:none }
	
	.arrow{ background:url(/static/images/a.gif) 0 50% no-repeat; padding: 0 0 0 10px; font-weight:bold; text-decoration:none}
	.arrow:hover {background:url(/static/images/a.gif) 0 50% no-repeat; text-decoration:underline }
	
	.arrow2{ background:url(/static/images/a.gif) 0 50% no-repeat; padding: 0 0 0 10px; font-weight:bold; text-decoration:none; float:left; margin:20px 400px 0 0  }
	.arrow2:hover {background:url(/static/images/a.gif) 0 50% no-repeat; text-decoration:underline }
	
	.personnel { display:inline; float:left; width:310px; margin: 20px 10px 0 0; font-size:11px; padding:0 10px 0 0;}
	.personnel img{ display:inline; float:left; margin: 0 10px 10px 0; padding:0; border:0}
	.personnel span{ color:#213F7D }
	
	.callout { width: 642px; float:left; display:inline; padding:10px 10px 0 10px; margin:20px 0 0 0; background: #E6E6E6; }
	.callout span{ font-size:12px; font-weight: bold; color: #21409A; }
	
	.calloutlink { width: 642px; float:left; display:inline; padding:10px; margin:20px 0 0 0; background: #E6E6E6;  text-decoration:none}
	.calloutlink span{ font-size:12px; font-weight: bold; color: #21409A; }
	.calloutlink:hover { background:#F2F2F2; text-decoration:none}
	
	.scalloutlink { width: 300px; float:left; display:inline; padding:10px; margin:20px 0 0 20px; background: #E6E6E6;  text-decoration:none; min-height:200px; height:200px}
	.scalloutlink img{ border:none; float:left; display:inline; margin:10px 10px 20px 0 }
	.scalloutlink span{ font-size:12px; font-weight: bold; color: #21409A; }
	.scalloutlink:hover { background:#F2F2F2; text-decoration:none}	
	.scalloutlink p{ margin:10px 0 0 0 }
	
	.floatLeft { display:inline; float:left; padding:0 20px 20px 0}
	
	object { outline:none}

	
	
	
<!-- Tooltips  -->
   
    a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
    a.tooltip span {display:none; padding:2px 4px; margin-left:0px; }
    a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}


<!-- Tables  -->
	
	#newstable { float:left; display:inline;}
	#newstable table{ margin:20px 0 20px 0; border-bottom: 1px solid #333333; font-size:11px}
	#newstable td{ border-top: 1px solid #333333; padding:10px;}
	#newstable tr{ background: #D9D9D9; cursor:pointer;}
	#newstable tr.tr1, .maparea.tr1{ background: #D9D9D9}
	#newstable tr.tr2, .maparea.tr2{ background: #E6E6E6}
	#newstable tr.tr1:hover, #newstable tr.tr2:hover, #newstable tr.tr3, .maparea.tr3 { background:#F2F2F2}
	#newstable span { font-weight:bold; color:#213F7D; }
	#newstable span a{ text-decoration:none}
	#newstable span a:hover{ text-decoration:underline}



.casestudy { display: block; float:left; border-bottom: 6px solid #DFE0E2; width:640px; text-decoration: none; margin:20px 0 0 0}
.casestudy:hover{ text-decoration:none; background: #F2F2F2}
.casestudy font{ color:#FFFFFF; font-weight:bold; background:url(file:///W|/Wickedweb%20Clients/D/Duo%20Stream/Development/www.duostream.co.uk//static/images/casestudies-bg.jpg) 0 0 repeat-x; height:36px; display:block; line-height:32px; padding:0 0 0 10px; margin: 0}
.casestudy:hover font{ color:#FFFFFF; display:block; background:url(file:///W|/Wickedweb%20Clients/D/Duo%20Stream/Development/www.duostream.co.uk//static/images/casestudies-bg.jpg) 0 0 repeat-x; text-decoration: none; height:36px}
.casestudy span{ color:#cc0000; text-decoration: none; color:#00174F; font-size:11px; padding:10px 5px 10px 10px; display:block}
.casestudy:hover span{ color:#ffcc0c; text-decoration: none; color:#00B2D7; }
.casestudy img{ border:none; float:right; padding:10px 10px 10px 10px}


/* ------------------- Forms ------------------- */

	form ul {list-style:none; margin:0; padding:0}
	form ul li {margin:0 0 1em; padding:0; background:none; clear:left; font-size:11px; font-weight:bold; color:#00174F}
	form li label {float:left; margin-right:0.5em; text-align:right}

	form#contactus {padding-top:0.8em}
	form#contactus li label {float:left; text-align:right; display:block; width:150px}
	form#contactus .button {margin:0 0 0 190px; }
	form { margin:20px 0 0 0; padding:0; font-size:11px; font-weight:bold; color:#00174F}
	
	form#cvision { width: 300px; padding:0; margin:0}
	form#cvision li label {float:left; text-align:right; display:block; width:100px}
	form#cvision .button {margin:0 0 0 106px; }
	
	#sitemap{float:left; display:inline; width:660px;}
	#sitemap li.sub1{margin-left:30px;}
	#sitemap li.sub2{margin:10px 0 0 60px;}
	#sitemap li.sub3{margin:10px 0 0 90px;}
	#sitemap li.sub4{margin:10px 0 0 120px;}