.hero {
background:url(/media/shared/info/opensource/_bh/top_bg.jpg) no-repeat;
height:294px;
position:relative;
top:-10px;
}
.hero h1 {
margin:0px;
}
#boss_logo {
position:absolute;
top:165px;
left:70px;
}
#ss_logo {
position:absolute;
top:180px;
left:275px;
}
a.download {
text-decoration:none;
color:#333;
}
a.download:hover {
text-decoration:underline;
}
.download span {
font-size:12px;
color:black;
font-weight:700;
}
.margin {
padding:1em;
float:right;
width:256px;
}
.margin h2 {
color:#033B73;
font-size:16px;
}
.margin h4 {
display:inline;
}
.margin ul {
list-style-image:url(/media/shared/info/opensource/_bh/bullet.png);
}
.margin a.download,.margin span.event {
position:relative;
top:-2px;
color:#033A72;
}
.margin .download h4 {
color:#000;
}
span.event {
white-space:nowrap;
}
.event h4 {
text-decoration:underline;
margin:0 7px 0 0;
}
.greybox {
float:left;
width:256px;
background:#EFEFEF;
padding:10px;
margin:1em 1em 0 0;
-moz-border-radius:5px;
border-radius:5px;
height:170px;
}
.right_box {
margin:1em 0 0;
}
.greybox h3 {
margin:0px;
margin-bottom:5px;
color:#033A72;
border-bottom:solid 1px #CCC;
padding-bottom:4px;
}
.video {
width:560px;
height:360px;
float:left;
}
.yt {
width:480px;
height:360px;
display:block;
position:relative;
text-decoration:none;
margin:0 auto;
}
.yt .play {
position:absolute;
top:160px;
z-index:2;
left:204px;
margin:0 auto;
}
.yt img {
position:absolute;
top:0;
left:0;
z-index:1;
border-radius:10px;
}
.yt span {
position:absolute;
bottom:5px;
width:100%;
text-align:center;
color:#FFF;
z-index:3;
font-family:'Gill Sans','Trebuchet MS',Helvetica,Arial,sans-serif;
font-size:20px;
}
.footbox {
background:#003A77 url(/media/shared/info/opensource/_bh/bottom_bg.jpg) no-repeat;
-moz-border-radius:5px;
border-radius:5px;
height:100px;
color:#FFF;
padding:10px;
margin-top:10px;
text-align:center;
font-size:20px;
padding:0px 80px;
padding-top:20px;
overflow:hidden;
text-shadow:1px 1px 5px #333;
}
.footbox p {
font-size:14px;
margin:10px 0 0;
}
.clear {
clear:both;
}