.wrapper {
        clear: both;
        margin: 0 auto;
        overflow: hidden;
        width: 320px;
}



footer, footer #footer-content {
        clear: both;
        float: none;
        margin: 0 auto;
}

footer, footer #footer-content, footer #copyright {
        background: none;
        border: none;
}

header {
        clear: both;
		display: block;
		height: 56px;
	}

    header #top-bar {
        background: url(../images/hwmi_header_bg.png) repeat-x top left transparent;
        display: block;
        height: 160px;
        position: absolute;
        top: -108px;
        width: 100%;
    }
    
        header #top-bar h1.logo {
            display: block;
            float: none;
            height: 52px;
            margin: 116px auto 0;
            text-align: center;
            width: 320px;
        }
        
                header #top-bar h1.logo img {
                        margin: 0 auto;
                        width: 150px;
                }
        
        header #top-bar nav {
                clear: both;
            display: block;
            float: none;
            height: 300px;
            margin: 0;
            position: relative;
        }
            header #top-bar nav span.sep {
                display: none;
                float: none;
                margin-top: 2px;
            }
        
            header #top-bar nav ul {
                border: 1px solid #666;
                border-radius: 10px;
                -webkit-box-shadow: 5px 5px 5px #333;
                clear: both;
                float: none;
                margin: 40px auto 0;
                width:300px;
            }
                header #top-bar nav ul li {
                        background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#cccccc));  
                        border-bottom: 1px solid #666;
                    clear: both;
                    float: none;
                    font-weight: bold;
                    padding: 5px;
                    text-shadow: 0 1px 0 #ffffff;
                }
                
                header #top-bar nav ul li:first-child{
                        border-top-left-radius: 10px;
                        border-top-right-radius: 10px;
                }
                
                header #top-bar nav ul li:last-child {
                        border: 0;
                        border-bottom-left-radius: 10px;
                        border-bottom-right-radius: 10px;
                }
                
                header #top-bar nav ul li a {
                    color: #666;
                    display: block;
                    font: bold 14px/20px "Lucida Grande", arial, sans-serif;
                    float: none;
                    height: 25px;
                    margin: 0 6px;
                    text-decoration: none;
                    text-transform: uppercase;
                    width: 275px;
                }
                
                header #top-bar nav ul li a.active {
                    color: #2a828c;
                }
                
article, aside, aside section {
        background: none;
        clear: both;
        float: none;
        margin: 0 auto;
        padding: 0;
        width: 280px;
}

article section {
        margin-top: 360px;
}

footer #footer-content {
        display: block;
        height: 400px;
        overflow: hidden;
        width: 300px;
}

footer #footer-content div.footer-col {
        display: block;
        float: none;
        margin:0 10px 40px;
        width: 280px;
}
                
header div.slider-wrapper, footer #footer-content #subnav {
        display: none;
}

img.main-cta {
       display: none;
}

div.section-sep {
        display: none;
}

article p, aside p {
        clear: both;
}

form#form-booking input.booking, form#form-booking textarea.booking {
        width: 260px;
}

aside section ul#tweets li p {
        width: 220px;
}

div.close {
        right: 30px;
}