/*
GRID SETUP
*/
#hero-wrapper *, #hero-wrapper *:after, #hero-wrapper *:before
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ul
{
    list-style: none;
    padding: 0;
}

/*
Hero Banner
*/

.board-container
{
    width: 548px;
    margin-top: 72px;
}
.board
{
    width: 100%;
    border: 14px solid #777676;
    height: 257px;
    border-radius: 4px;
    overflow: hidden;
}

.board.hovering
{
    border-color: #3C3A3B;
}
.board-content
{
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 9999px;
}
.controller
{
    width: 100%;
    height: 20px;
    background: #3C3A3B;
    margin-top: 6px;
}
.controller-back, .controller-fwd
{
    height: 10px;
    width: 13px;
    margin: 5px;
}
.controller-back
{
    float: left;
}
.lTri
{
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 5px 8.7px 5px 0;
    border-color: transparent #ffffff transparent transparent;
    line-height: 0px;
    _border-color: #000000 #ffffff #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    display: block;
    z-index: 99;
    width: 13px;
    height: 10px;
}

.rTri
{
    width: 13px;
    height: 10px;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #ffffff;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #ffffff;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
    display: block;
    z-index: 99;
    position: absolute;
}

.lTri:hover, .rTri:hover
{
    cursor: pointer;
}
.controller-fwd
{
    float: right;
}
.waypointer
{
    list-style-type: none;
    margin: 0 auto;
}
.waypointer li
{
    display: inline-block;
}
.dot
{
    background: rgba(255, 255, 255, 0.5);
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin: 0 6px;
}
.dot-hover
{
    background: rgba(255, 255, 255, 1);
}

.dot:hover
{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.slide
{
    height: 100%;
    width: 520px;
    float: left;
    background: wheat;
    padding: 8px 20px 20px 20px;
    position: relative;
}

.billboard1
{
    background: url('../img/billboard_nhs.png') no-repeat;
}

.billboard2
{
    background: url('../img/billboard_sms.png') no-repeat;
}

.billboard3
{
    background: url('../img/billboard_marks.png') no-repeat;
}

.billboard4
{
    background: url('../img/billboard_texttolandline.png') no-repeat;
}

.billboard5
{
    background: url('../img/billboard_3_virgin.png') no-repeat;
}
.billboard6
{
    background: url('../img/billboard_6_autocallback.png') no-repeat;
}
.billboard7
{
    background: url('../img/billboard_mitsubishi2.png') no-repeat;
}
.billboard8
{
    background: url('../img/billboard_inc.png') no-repeat;
}
.icon-billboard1
{
    background: url('../img/icon_nhs.png') no-repeat;
}
.icon-billboard2
{
    background: url('../img/icon_sms.png') no-repeat;
}
.icon-billboard3
{
    background: url('../img/icon_marks.png') no-repeat;
}
.icon-billboard4
{
    background: url('../img/icon_textlandline.png') no-repeat;
}
.icon-billboard5
{
    background: url('../img/icon_3_virgin.png') no-repeat;
}
.icon-billboard6
{
    background: url('../img/icon_ms.png') no-repeat;
}
.icon-billboard7
{
    background: url('../img/iphone_mitsubishi.png') no-repeat;
}
.icon-billboard8
{
    background: url('../img/iphone_inc.png') no-repeat;
}
.icon-ACB
{
    background: url('../img/icon_6_autocallback.png') no-repeat;
}
.icon-Mits
{
    background: url('../img/icon_10_mits.png') no-repeat;
}
.icon-IRIS
{
    background: url('../img/icon_inc_iris_eye.png') no-repeat;
}

.headline
{
    text-align: left;
    margin: 0;
    height: auto;
    overflow: hidden;
    color: white;
    word-wrap: break-word;
    width: 390px;
    min-height: 70px;
}
.headline ul
{
}
.headline li
{
    display: none;
}
.headline li a
{
    color: white;
}
.headline h1
{
    margin: 0px;
    font-family: 'Enriqueta' , Georgia;
    font-weight:bold;
    font-size: 27px;
    line-height: 32px;
    margin-bottom: 14px;
}
.bullets
{
    min-height: 130px;
    overflow: hidden;
    width: 390px;
    float: left;
    margin: 10px 0;
}
.bullets li
{
    text-align: left;
    padding: 0px 0 5px 0px;
    display: none;
}
.bullets li a
{
    font-family: 'Open Sans' , sans-serif;
    color: white;
}
.bullets li a:hover
{
    cursor: hand;
    cursor: pointer;
}
.bullets p
{
    margin: 0;
    word-wrap: break-word;
    color: white;
    font-family: 'Open Sans' , sans-serif;
    font-size: 16px;
}

.bullets ul
{
    list-style-type: circle;
    padding-left: 20px;
    padding-bottom: 20px;
}

.bullets ul li
{
    font-size: 15px;
    color: rgb(255, 255, 255);
}

.icon
{
    width: 66px;
    height: 66px;
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.container
{
    width: 100%;
    height: 130px;
}
.numbering {
	color: white; 
	display: none; 
	position: absolute; 
	left: 60px; 
	margin-bottom: 5px; 
	padding-top: 60px;
}