/*  Reset */
html, body, h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; }
img { border: 0; }

    /*  Global */
html { min-height: 100%; margin-bottom: 1px; }
body { min-height: 100%; background: url('../images/bg_body.png') repeat-x; font-family: verdana; font-size: 12px; line-height: 20px; }
div#container { width: 950px; padding: 100px 0 0 0; margin: auto; overflow: visible; }
div.clearer { clear: both; }

    /*  Branding */
div#branding { float: left; overflow: visible; padding: 40px 0 0 50px; width: 325px; background: url('../images/logo-alantmassage.png') no-repeat left top; }
div#branding span.sitename { display: block; padding: 20px 0 20px 100px; font-weight: bold; font-family: "Trebuchet MS", "Times New Roman"; font-size: 30px;  }
div#branding span.contact { display: block; padding: 5px 5px 5px 100px; font-family: "Trebuchet MS", Arial; font-size: 15px; font-weight: bold; }

    /*  Header */
div#header { float: right; width: 536px; height: 280px; text-align: center; background: url('../images/bg_header.png') no-repeat center center; }
div#header img { margin-top: 12px; }

    /*  Navigation */
#navigation { float: left; display: block; clear: both; overflow: visible; width: 245px; padding: 0 0 0 130px; margin: 0 0 10px 0;}
#navigation ul { list-style-type: none; margin: 0; padding: 0;}
#navigation ul li { width: 240px; float: left; white-space: nowrap; padding: 10px; margin: 0; z-index: 1000; clear: both; }
#navigation ul li a { white-space: nowrap; padding: 10px; color: black; text-decoration: none; font-size: 18px;  }
#navigation ul li.selected a { background-color: #6961AB; color: white; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

    /*  Subnavigation */
#navigation ul ul { display: none; padding-top: 10px; }
#navigation ul ul li { padding: 6px 6px 6px 16px; }
#navigation ul li.selected ul, #navigation ul li.active ul { display: block; }
#navigation ul li.selected ul a { padding: 6px; background: none; color: black; font-size: 15px; }
#navigation ul li.active ul a { padding: 6px; font-size: 15px; }

    /*  Hyperlinks */
a { color: #036797; }
a:hover { color: #036797; text-decoration: none; }
a.external { padding-right: 15px; background: url('../images/links/bg_external.gif') no-repeat right center; }
a.external:hover { background-image: url('../images/links/bg_external-hover.gif'); }

    /*  Content */
div#content { float: right; width: 536px; }
h1, .h1 { padding: 3px; margin-top: 10px; color: #000000; font-family: "Trebuchet MS", Arial; font-size: 24px; line-height: 26px; }
h2, .h2 { padding: 2px; margin-top: 10px; color: #6961AB; font-family: "Trebuchet MS", Arial; font-size: 19px; line-height: 18px; }
h3, .h3 { padding: 1px; margin-top: 10px; color: #000000; font-family: "Trebuchet MS", Arial; font-size: 12px; line-height: 14px; }
p { padding: 3px; text-align: justify; }

    /*  Footer */
div#footer { clear: both; overflow: visible; height: 33px; line-height: 33px; padding: 50px 11px 0 150px; font-size: 12px; }
div#footer div#copyright { float:left;}
div#footer div#extra { float:right;  }
div#footer div#extra ul { padding: 0; margin: 0; float: right; list-style: none; }
div#footer div#extra ul li { padding: 0; margin: 0; float: left; }
div#footer div#extra ul li a { display: block; height: 33px; line-height: 33px; padding-left: 10px; text-decoration: none; }
div#footer div#extra ul li a:hover { text-decoration: underline; }
div#footer div#extra ul li.active a { text-decoration: underline; }

    /*  Forms */

    /*  Maps */
div#map { width: 520px; height: 400px; }