body
{
    width: 480px;
}

.contentPanel .articleTitle
{ 
    height: 3.75em;
    width: 100%;
    overflow: hidden;
    margin: 12px 0 0;
}

    .contentPanel .articleTitle div {
        margin: 30px 0 0 40px;
    }

.navLinks {
    margin: 100px 0 0;
}

/*if the element is a main menu or a sub menu hide the placeholder element to the right*/
.helpMenu .helpContent
{
    display: none;
}

nav.contentPanel
{
    padding: 0;
}

/*if in snapped we need to modify the positioning scheme to allow us to insert the contents between existing nav elements*/
article .helpContent
{
    height: 616px;
    overflow: hidden;
    background-color: transparent;
    padding: 0 0 0 28px;
    position: absolute;
    left: 0px;
    top: 10em;
    column-width: 388px;
    word-wrap: break-word;

}

.helpContent h1 {
    margin: 0 0 0.5em;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5;
    -webkit-column-span: 1;
	-moz-column-span: 1;
    -ms-column-span: 1;
	-o-column-span: 1;
	column-span: 1;
}

.helpContent h2 {
    font-size: 1em;
}

article .contentPanel
{
    height: 100%;
}

.articles article:not(.helpMenu) .contentPanel {
    background-color: #444;
}

article .contentPanel .panelButtons
{
   left: 28px; /* safe region area on the right side: 480 - 28 - 386 ~ 64px */
}

/* CONTROLLER IMAGE - HIDDEN */
img.controller {
    display: none;
}