/* CSS Reset */
html, body, div, span, h1, h2, h3, p, a, em, img, ol, ul, li, table {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}

body {line-height:1.2;text-align:center;background:url(bg_page.gif) repeat #fff;font-size:80%;color:#333;font-family:Georgia, "Helvetica Neue", Helvetica, Arial, sans-serif}
h1, h2, h3 {font-weight:normal;color:#333}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em}
h2 {font-size:1.4em;line-height:1;margin-bottom:1em}
h3 {font-size:1.4em;line-height:1;margin-bottom:0.3em}
h4 {font-size:1.1em;line-height:1;margin-bottom:0.5em}

em {font-style:italic}
p {margin:0 0 1.5em;font-size:1.1em;line-height:1.2}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em}
a img {border:none}
a, a:visited {color:#333}
a:focus, a:hover {color:#cc3300;background:#fffced}

ol, ul {margin:0 1.4em 1.4em 1.4em}

.line {border-top:1px solid #dedede;width:100%}
.hide {display:none}
.clear {clear:both}
.faint {color:#999;font-size:0.9em}
.left {float:left}
.right {float:right}

div {text-align:left}
#wrapper {margin:20px auto 0 auto;width:1000px;padding:0 20px 0 20px}

h1 {background:url(logo.gif) no-repeat;width:219px;height:59px;padding:0 0 30px}
h1 a {text-indent:-999em;overflow:hidden;width:219px;height:59px;display:block}
h1 a:focus, h1 a:hover {background:none}


/* Frontpage */
#front-left {float:left;width:270px}

#front-top {width:225px;height:105px;padding:10px 0 20px 10px;background:url(bg_welcome.gif) no-repeat}
#front-top h2 {color:#cc3300;font-size:1.5em;margin-bottom:0.4em}
#front-top p {margin-bottom:0.4em}
#front-top p a {padding-right:11px;background:url(arrow_on_grey.gif) center right no-repeat}
#front-top p a:hover, #front-top p a:focus {background:url(arrow_on_grey.gif) #e4e4e4 center right no-repeat}

#front-nav {width:225px}
#front-nav ul {margin:0}
#front-nav ul li {list-style:none;padding:7px 0 7px 0;border-bottom:1px solid #dedede}
#front-nav ul li.last {border-bottom:none}
#front-nav ul li a {font-size:1.1em;padding-right:11px;background:url(arrow_on_white.gif) center right no-repeat}
#front-nav ul li a:hover, #front-nav ul li a:focus {background:url(arrow_on_white.gif) #fffced center right no-repeat}

#front-content {width:350px;margin-right:45px;float:left}
#front-content h2 {margin:0 0 4px;padding:0}
#front-content p {margin:0 0 25px 0;padding:0}
#front-content p.added-on {margin:5px 0 3px 0;padding:0;color:#999;font-size:0.9em}
#front-content a {color:#cc3300}
#front-content a:hover, #front-content a:focus {color:#333}

#front-image {width:331px;height:269px;float:left}
#front-image img {border:2px solid #dedede}

#front-footer {width:730px;float:right;border-top:1px solid #dedede;margin-top:10px;padding-top:5px}
#front-footer p {font-size:0.9em;color:#999}


/* Content page */
#sidebar {width:235px;margin-right:50px;float:left}
#sidebar h2 {margin:0 0 3px 0;color:#fff}
#sidebar a, #sidebar a:visited {color:#999}
#sidebar a:focus, #sidebar a:hover {color:#fff}
#sidebar ul {margin:0}
#sidebar ul li {list-style:none;padding:7px 0 7px 0}
#sidebar ul li.last {;border-bottom:none}
#sidebar ul li a {font-size:1.1em;padding-left:11px;background:url(arrow_on_dark_grey.gif) center left no-repeat}
#sidebar ul li a:hover, #sidebar ul li a:focus {background:url(arrow_on_dark_grey.gif) #5a5959 center left no-repeat}

#sidebar-nav {width:225px;height:56px;padding:10px 0 0 10px;background:#4c4c4c;margin-top:5px;background:url(bg_section.gif) no-repeat}

#content {width:715px;float:right}
#content h3 {color:#cc3300}

#footer {width:715px;float:right;border-top:1px solid #dedede;padding-top:5px}
#footer p {font-size:0.9em;color:#999}


/* Pages */
#map {width:715px;height:400px;margin-bottom:20px}

div.directions div h3 {color:#cc3300}
div.directions ol li {margin-bottom:5px}
div.directions .left {width:340px}
div.directions .right {width:340px}

div.contact div h3 {color:#cc3300}
div.contact .left {width:240px}
div.contact .right {width:230px}

div.about .left {width:340px}
div.about .right {width:340px}
div.about .left p {padding:0;margin:0}
div.about .left p.offers {color:#666;font-size:1em;padding:0;margin:0.3em 0 1em 0}

table.timetable {border:0;margin:0;margin-bottom:20px;border-collapse:collapse;width:100%;font-size:1.1em}
table.timetable td, table.timetable th {height:70px;border-bottom:1px solid #999;border-left:1px solid #999;text-align:center}
table.timetable tr th.time {width:110px;border-left:none;font-size:1.2em}
table.timetable tr.days th {font-size:1.2em;color:#cc3300;height:35px}
table.timetable tr.odd td, table.timetable tr.odd th {background:#f1f1f1}
table.timetable span.duration {color:#999;font-size:0.9em}

div.facilities img {margin-bottom:20px}
div.facilities li {font-size:1.1em;padding:3px 0 5px 0;border-bottom:1px solid #dedede}


/* Promotions */
div.promotion-box-small {display:inline;margin:10px 30px 0 0;background:#fefdae;padding:15px;border:1px solid #dedede;float:left;width:290px;height:45px;text-align:center;overflow:hidden}
div.promotion-box-big {margin:10px 0 0 0;background:#fefdae;padding:10px 30px 0 30px;border:1px solid #dedede}
div.promotion-box-big .right .right {width:51%}
div.promotion-box-big .right, div.promotion-box-big .left {width:48%;display:inline}
div.promotion-box-big h4 {padding-bottom:3px;border-bottom:1px solid #999}
div.promotion-box-big p {margin-bottom:0.8em}
