
#container{overflow:hidden;margin:0 auto 20px;}
div.box-primary{display:inline;float:left;width:620px;}
div.box-secondary{display:inline;float:right;padding-left:15px;width:350px;}
div.box-inner{overflow:hidden;padding-bottom:15px;border-bottom:1px solid #2f2f2f;zoom:1;} 
#container .js{overflow:hidden;zoom:1;}
#container .carousel,
#container .carousel .carousel-wrap{margin:0;border:0;zoom:1;}
#container .js .carousel-wrap{display:inline-block;vertical-align:middle;width:500px;margin:0 5px 15px;border:2px dashed #FCC;background:#FFF;}
.IE #container .js .carousel-wrap{display:inline;}
#container .carousel ul{margin:0;padding:0;zoom:1;}
#container .js ul li{overflow:hidden;display:inline;float:left;width:500px;height:335px;text-align:center;}
#container .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;}
#container .carousel .carousel-next{background:url(../images/next.png) 0 0 no-repeat; }
#container .carousel .carousel-previous{background:url(../images/prev.png) 0 0 no-repeat;}
#container .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#container .carousel .disabled,#container .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#container .carousel div{margin:0;padding:0;border:0;}
#container .carousel ul{padding:0;list-style:none;}
#container .carousel ul li{position:relative;width:500px;margin:0;}
#container .carousel ul li cite{position:absolute;bottom:5px;right:10px;line-height:19px;font-size:12px;}
#container .carousel ul li cite a img{vertical-align:middle;}
#container .carousel ul li cite a{color:#000;text-decoration:none;}
#container div.center-wrap{overflow:hidden;clear:both;zoom:1;}
#container div.center-wrap div{border:0;margin:15px 0;}
#container div.center-wrap a{margin:0 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#333;cursor:pointer;color:#fff;-moz-border-radius:12px;webkit-border-radius:12px;border-radius:12px;}
#container div.center-wrap a.active{font-weight:bold;color:#5db0e6;}
#examples{margin-top:15px;}
#examples ul{overflow:hidden;padding:0;zoom:1;}
#examples ul li{display:inline;float:left;margin:0 2px 0 0;list-style:none;}
#examples ul li a{display:block;padding:10px 15px;text-decoration:none;background:#333;}
#examples ul li a.active{color:#fff;}
#examples p{margin:0 0 15px;}
#examples .tabs-frames{border:2px solid #333;padding:10px;}
#examples .js ul{overflow:hidden;zoom:1;}
#examples .js ul li{overflow:hidden;width:250px;height:167px;}
#examples .js .carousel-wrap{width:250px;margin-bottom:0;zoom:1;}
#examples .example-4 .carousel-wrap{width:750px;margin-bottom:0;zoom:1;}
#examples h3{color:#5DB0E6;}

.logo {;
background: url(../mylogo.png) no-repeat;
width:236px;
height:137px;
position: absolute; // reposition logo from the natural layout
  left: 75px;
  top: 89px;
z-index: 2;
}

div.logo{
	position:absolute;
	overflow:hidden; /* this cuts off the part of the link that overlaps the div.wrap */
}

div.logo a{
	z-index:2;
	position:absolute; /* this puts the inline links above the big link */
}
div.logo a.biglink{	
	position:absolute;
	height:100px; /* just a really big height, so the entire post is covered (the part that overlaps is cut off, so don't worry) */
	width:100%;
	display:block;
	z-index:1;
	background-image:url(spacer.gif); /* just a 1x1 px transparent gif, required to make the link work */
} 
