ul.container { width: 180px; margin: 0 auto; }

li.menu { width: 100%; }

li.button a { display: block; font-family: BPreplay,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; padding: 0px 20px 0; position: relative; /*width:200px;*/ }

    li.button a:hover { text-decoration: none; }

    li.button a span { height: 44px; position: absolute; right: 0; top: 0; width: 4px; display: block; }

    li.button a.blue { background: url(../images/blue.png) repeat-x top left; color: #074384; }

        li.button a.blue span { background: url(../images/blue.png) repeat-x top right; }

    li.button a.green { background: url(../images/green.png) repeat-x top left; color: #436800; }

        li.button a.green span { background: url(../images/green.png) repeat-x top right; }

    li.button a.orange { background: url(../images/orange.png) repeat-x top left; color: #882e02; }

        li.button a.orange span { background: url(../images/orange.png) repeat-x top right; }

    li.button a.red { background: url(../images/red.png) repeat-x top left; color: #641603; }

        li.button a.red span { background: url(../images/red.png) repeat-x top right; }

    li.button a:hover { background-position: bottom left; }

        li.button a:hover span { background-position: bottom right; }

.dropdown { width: 100%; }

    .dropdown li { background-color: #373128; border: 1px solid #40392C; border-top: 0px; color: #CCCCCC; padding: 4px 18px; }

h1 { font-family: "Myriad Pro",Arial,Helvetica,sans-serif; font-size: 36px; font-weight: normal; margin-bottom: 15px; }

h2 { font-family: "Myriad Pro",Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; padding-right: 140px; right: 0; text-align: right; text-transform: uppercase; top: 15px; }

.clear { clear: both; }

