/*
  We-Dare.net -

  Copyright (c) 2005, 2006  -	We Dare

*/

/** header 
 *
 */

#containerwrap {    text-align: center; } /* IE5 */

#container {	    margin: 0em auto;
		    width: 740px;
		    text-align: left; /* IE5 */ }

#top {		    height: 77px; 
		    text-align: left; }
		   
#logo {		    float: left; 
		    margin-top: 10px; }

#content {	    margin-top: 10px; }
		    
#sidewrap {	    float: left;
		    width: 160px; }
		     
#contentwrap {	    margin-left: 160px; }
		    
#introduction  {    float: left;
		    width: 300px; 
		    background: #f1f1f5 url("../images/introBg.png") no-repeat scroll bottom right;
		    border: 1px solid #b5b2c6;
		    padding: 10px 160px 10px 20px; 
		    margin-top: 1.2em; }

#introduction p {   margin: 0; }

#blockWrap {	    width: 480px; }

div.block {	    float: left; 
		    width: 230px;
		    margin: 10px 10px 0 0; }

div.block img	 {	float: left;
			margin: 0 2px; }

div.blockTitle {	background: transparent url("../images/productBg.png") repeat-y scroll top left; 
			padding: 1px 0; 
			margin-top: 20px;
			margin-left: 50px;
			white-space: nowrap; }

div.blockTitle h2 {	background: transparent url("../images/productSpanBg.png") repeat-y scroll top left; 
			margin: 0 0 1px 0;
			padding: 0;
			border: none;}

div.filler {		background: transparent url("../images/productDivBg.png") repeat-y scroll top left;
			height: 2px; 
			width: 150px;	
			overflow: hidden; 
			margin-left: -24px; 
			float: left;
			z-index: 1; }
			
div.block p   {		margin-left: 74px; }

#contact p {		padding-left: 34px; }

div.right {		margin: 0 0 0 500px; 
			width: 200px; } 

#offer, #contact {	margin-top: 26px; 
			height: 114px; }

div.right h2 {	padding-top: 4px; }	

img.icon    {   float: right;
	        padding: 0 2px; }

#news {		min-height: 220px; }
		
#offer {	padding-bottom: 20px; }

p.rss {		padding-left: 34px; 
		border-bottom: 1px solid #b5b2c6;
		padding-bottom: 2px; }

div.offer {	    background-color: #f1f1f5;
		    border: 1px solid #b5b2c6; 
		    margin-bottom: 90px; 
		    padding: 10px 10px; }

div.offerCat1, 
div.offerCat2,
div.offerCat3	{   float: right; 
		    width: 220px; }

#colocationSmall,
#bandwidthSmall,
#peerSmall,
#lookingglassSmall {	position: relative;
			z-index:2; }

#copyright  {	border-top: 1px solid #999;
		font-size: 0.6em;
		color: #999; 
		margin: 36px 0; 
		padding-top: 2px; }

#lookingglassFrame  {	width: 740px;
			height: 200px; }

div.location	{   position: relative;
		    z-index: 4;
		    border:1px solid #000;
		    background-color: #fff; 
		    width: 140px;
		    padding: 2px; }

#Amsterdam	{   top:+36px;
		    left:+164px; }
#Rotterdam	{   top:+82px;
		    left:+106px; }
#Frankfurt	{   top: +194px;
		    left:+200px; }
#Brussel	{   top:+126px;
		    left:+120px; }
		    
div.locationDetail{ width: 140px; 
		    overflow: auto;
		    position: absolute;
		    z-index: 6;
		    display: none; 
		    padding: 2px;
		    left: -1px;
		    top: +1.05em;
		    border: 1px solid #000;
		    border-top: none;
		    background: #fff url("../images/tableBg.png") repeat-x  scroll top left;  	}
		    
td.down		{   color: #ff0000; }
td.up		{   color: #08b300; }
th		{   font-size: 0.7em; }

#location	{   float: right; 
		    margin-right: 220px; }

div.smallRight {    background: #63247f url("../images/divBg.png") repeat-y scroll top right;
		    padding-bottom: 4px; 
		    border: 1px solid #b1b1c3;
		    width: 240px;   }
		    
div.smallRight h2 { background-color: #fff; 
		    margin: 0;
		    padding-left: 10px; }
		   
div.smallRight div {background: #fff url("../images/tableBg.png") repeat-x scroll top left; 
		    border-bottom: 1px solid #b1b1c3; 
		    padding: 4px; }

table.peer th	{	border-bottom: 1px solid #000; 
			text-align: left; }