/* general and defaults */

* {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

caption, th {
text-align: left;
}

fieldset, img {
border: 0;
max-width: 100%;
height: auto !important;
}

ul, li {
margin: 0;
padding: 0;
}

li {
list-style: none;
}

.stress {
font-style: italic;
}

.bold {
font-weight: bold;
}

.new {
font-weight: bold;
color: #D71741;
}

/* structural elements */

.clear, .clear-ie {
clear: both;
height: 0;
line-height: 0;
display: block;
}

.c {
clear: both;
}

.clear-ie {
display: none;
}

body {
text-align: center;
font-size: 14px;
font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;
-webkit-text-size-adjust: 100%;
color: #28212e;
background: #41446c url(/i/bg-stripes.gif) 0 200px repeat-x;
}

.lg {
text-align: left;
}

div#outer-container {
max-width: 900px;
margin: 0 auto;
font-size: 0.84em;
}

div#container {
position: relative;
max-width: 900px;
text-align: left;
margin: 0 auto 0 auto;
background: #fff;
box-shadow: 0 3px 5px 3px rgba(0, 0, 0, 0.3);
}

div#top {
position: relative;
max-width: 900px;
height: auto;
border-bottom: 10px solid #dcdcdc;
}

img.bannerImg {
width: 100%;
}

div#title {
font-weight: bold;
position: absolute;
top: 0;
left: 0;
max-width: 900px;
background: url(/i/banner-title-bg-white.png);
padding: 6px 0 8px 0;
text-align: right;
}

div#top-menu {
position: absolute;
bottom: 0;
left: 0;
max-width: 900px;
font-size: 1em;
}

ul#top-menu-list {
font-weight: bold;
padding-bottom: 10px;
margin-left: 15px;
}

ul#top-menu-list li {
float: left;
margin-right: 15px;
padding: 0 3px 3px 0;
}

div#column-alpha {
float: right;
width: 70%;
padding-top: 10px;
font-size: 1.1em;
}

div#column-alpha .inner {
padding: 0 20px 20px 15px;
}

/* left column/menu */

div#column-beta {
float: left;
width: 30%;
padding-top: 10px;
padding-bottom: 20px;
}

ul.menu {
margin: 1em 1em 1em 1.5em;
}

ul.menu li {
list-style: none;
padding-left: 8px;
margin-bottom: 0.1em;
}

ul.menu li.head {
font-weight: bold;
margin-bottom: 0.5em;
padding-left: 0;
background: none;
color: #41446c;
}

/* content elements */

div#column-alpha h1 {
font-size: 3em;
font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
color: #41446c;
margin: 0.2em 0 0.3em 0;
}

div#column-alpha h2, div#column-alpha h3 {
font-size: 2em;
font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
color: #41446c;
margin: 0.3em 0 0.4em 0;
}

div#column-alpha h3 {
margin-bottom: 0.1em;
}

div#column-alpha p {
margin-bottom: 0.8em;
padding-right: 2em;
line-height: 1.36em;
}

div.module {
position: relative;
border: 1px solid #cdcdcd;
margin-bottom: 15px;
}

p.first {
margin-top: 10px;
}

/* photos */

div#column-alpha a.photo {
display: block;
width: 184px;
height: 134px;
background: #ebebeb;
border: 1px solid #3c3c3c;
cursor: pointer;
}

a.photo span {
display: block;
margin: 5px;
width: 174px;
height: 124px;
background-position: 50% 50%;
}

div#column-alpha a.photo:hover {
background: #cdcdcd;
}

a.right {
float: right;
margin: 10px 0 10px 10px;
}

a.left {
float: left;
margin: 10px 10px 10px 0;
}

/* embedded photos */

div#column-alpha a.photo-embedded {
display: block;
background: #dcdcdc;
cursor: pointer;
overflow: hidden;
position: relative;
border: 0;
}

div#column-alpha a.photo-embedded:hover {
background: #000;
cursor: pointer;
}

div#column-alpha a.photo-embedded img {
margin: 7px;
float: left;
}

/* photo strips with captions */

ul.photo-strip {
display: inline-block;
overflow: hidden;
}

ul.photo-strip li {
display: inline-block;
width: 188px;
margin: 10px 7px 0px 0;
vertical-align: top;
}


ul.photo-strip li p {
display: inline-block;
font-size: 0.8em;
margin: 3px 5px 0px 5px;
}

/* postcards */

div#content-postcards h1 {
font-size: 2.4em;
margin-bottom: 0.4em;
}

div#content-postcards h2, div#content-postcards h3 {
clear: both;
}

div#content-postcards p {
margin-bottom: 1em;
clear: both;
float: none;
}

div#content-postcards p.quote {
background: #ebebeb;
padding: 15px 20px;
margin: 0 0 1em 0;
}

div#column-alpha a.postcard {
display: block;
width: 135px;
height: 87px;
background: #dcdcdc;
cursor: pointer;
margin: 0 10px 10px 0;
border: 0;
}

a.postcard span {
display: block;
margin: 5px;
width: 125px;
height: 77px;
background-position: 50% 50%;
}

div#column-alpha a.postcard:hover {
background: #000;
}

img#postcards-header {
margin: 5px 0px 0px 15px;
}

/* comparisons */

ul.comparison-strip {
display: block;
float: left;
}

ul.comparison-strip li {
display: block;
width: 289px;
float: left;
margin: 10px 0px 0px 0;
}

ul.comparison-strip li.first {
margin-right: 10px;
}

ul.comparison-strip li p {
display: block;
font-size: 0.8em;
margin: 2px 5px 0px 5px;
}

div#column-alpha a.comparison {
display: block;
background: #dcdcdc;
cursor: pointer;
overflow: hidden;
position: relative;
border: 0;
}

div#column-alpha a.comparison:hover {
background: #000;
cursor: pointer;
}

div#column-alpha a.comparison img {
margin: 7px;
float: left;
}

/* modules */

div.module-note {
position: relative;
border: 1px solid #24253a;
font-size: 0.9em;
margin-bottom: 15px;
}

div.module-note h3 {
position: relative;
background: #24253a;
color: #fff;
padding: 3px 5px;
font-weight: bold;
margin-bottom: 7px;
}

div.module-note p {
margin: 0 10px 10px 10px;
}

div.float-left {
float: left;
margin: 0 15px 10px 0;
width: 200px;
}

div.float-right {
float: right;
margin: 0 0 10px 15px;
width: 200px;
}

div#footer {
font-size: 0.82em;
color: #fff;
text-align: left;
position: relative;
max-width: 900px;
text-align: right;
margin: 0px auto 0px auto;
padding: 20px 0;
}

div#footer-inner {
  padding: 10px 10px 0 10px;
}

ul.links-external {
display: block;
float: left;
clear: both;
margin: 1em 0 1em 0;
padding: 1em 0;
width: auto;
background-color: #F8F8F8;
border: 1px solid #C0C0C0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

ul.links-external li {
padding: 0.25em 1.5em 0.25em 0;
list-style: square outside;
margin-left: 3em;
}

ul.links-external li.header {
font-weight: bold;
list-style: none;
margin-left: 0;
padding-left: 1.5em;
}

ul.list-bulleted {
margin-bottom: 1em;
}

ul.list-bulleted li {
padding: 0.25em 0 0.25em 0;
list-style: square inside;
line-height: 1.36em;
}

ul.list-bulleted li.header {
font-weight: bold;
list-style: none;
}

ul.list-bulleted li ul {
padding-top: 0.25em;
}

ul.list-bulleted li ul li {
padding: 0.25em 0 0.25em 2em;
list-style: square inside;
}

/* maps */

div#map {
max-width: 500px;
height: 300px;
margin: 10px 0 10px 0;
border: 1px solid #3c3c3c;
}

#map-frame {
margin: 10px 0 10px 0;
border: 1px solid #3c3c3c;
}

p.map-switch {
padding-left: 15px;
}

p.map-switch a {
cursor: pointer;
}

p#map-open {
background: url(/i/arrow-right.gif) no-repeat;
}

p#map-close {
background: url(/i/arrow-down.gif) no-repeat;
}

/* reviews */

img#title-reviews {
margin-top: 10px;
}

div.module-review {
border: 1px solid #cdcdcd;
padding: 10px 20px;
margin: 20px 0;
}

ul.review-subject {
width: 250px;
float: left;
margin-top: 10px;
}

ul.review-subject li {
margin-bottom: 5px;
}

ul.review-subject li.head {
font-size: 1.4em;
font-weight: bold;
}

div.module-review a.photo {
margin: 10px 20px 10px 0;
}

a.module-title {
display: block;
width: 250px;
height: 88px;
border: 0;
margin-left: 15px;
}

a.module-title span {
display: none;
}

div.module ul.module-content li.header, div.module h1, div.module h2, div.module h3 {
font-weight: bold;
color: #24253a;
margin-bottom: 5px;
}

div#column-alpha div.module h1 {
font-size: 1.4em;
font-weight: bold;
margin: 7px 7px 0 7px;
}

div#column-alpha div.module h2 {
font-size: 1.2em;
font-weight: bold;
margin: 7px 7px 0 7px;
}

div.module h3, div.module p {
margin: 7px 7px 0 7px;
}

/* section directory */

ul.directory {
margin-bottom: 1.4em;
display: flex;
}

ul.directory li {
vertical-align: top;
width: 33.33%;
display: inline-block;
position: relative;
}

ul#big-directory li {
margin-top: 10px;
width: 100%;
}

ul#big-directory li.directory-image {
/*max-width: 360px;*/
}

ul#big-directory li.directory-image img {
margin: 0;
}

ul.directory li span {
display: block;
padding: 1em;
background: #fff;
margin-right: 20px;
border: 1px solid #41446c;
}

ul.directory li span.last {
/*margin-right: 0;*/
}

ul#big-directory li.directory-image div {
margin: 0;
}

ul#big-directory li span {
margin-right: 0;
padding: 0.6em 0.5em 0.8em 0.8em;
}

ul.directory li.current span {
background: #41446c;
}

div#column-alpha ul.directory li a {
background: #fff;
color: #28212e;
font-size: 0.84em;
display: block;
padding: 0.2em;
text-decoration: none;
border: 0;
}

div#column-alpha ul#big-directory li a {
font-size: 0.9em;
margin-left: 0.9em;
}

div#column-alpha ul#big-directory li div.home-photos {
margin-left: 10px;
}

div#column-alpha ul#big-directory li div.home-photos a {
margin-left: 4px;
margin-bottom: 9px;
margin-right: 0;
}

div#column-alpha ul.directory li.current a {
background: #41446c;
color: #fff;
}

div#column-alpha ul.directory li a.header {
font-weight: bold;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0.2em;
font-size: 1em;
}

div#column-alpha ul#big-directory li a.header {
display: block;
margin-top: 0.4em;
margin-left: 0;
}

div#column-alpha ul.directory li a:hover {
background: #41446c;
color: #fff;
}

div#column-alpha ul.directory li.current a:hover {
background: #fff;
color: #41446c;
}

div#column-alpha ul.directory li a.on {
background: #41446c;
color: #fff;
}

ul.section-head {
overflow: hidden;
margin: 1em 0;
padding-top: 1em;
border-top: 1px solid #41446c;
}

ul#section-head-top {
margin-top: 0;
padding-top: 0;
}

div#column-alpha ul.group {
border-top: 0;
}

ul.section-head li {
float: left;
}

div#column-alpha ul.section-head li h2 {
margin: 0;
}

div#column-alpha ul.section-head li h3 {
margin: 0;
font-size: 1.4em;
}

ul.section-head li.back-top {
float: right;
margin-right: 20px;
}

div#column-alpha ul.section-head li.back-top a {
margin: 0;
padding: 0;
border: 0;
}

/* guides */

div#column-alpha h2.tour-header {
display: block;
padding-top: 1em;
margin-top: 1em;
margin-right: 20px;
border-top: 1px solid #41446c;
}

div#column-alpha a.tour-collage {
background: none;
text-decoration: none;
display: block;
margin-top: 0.4em;
margin-bottom: 0.2em;
}

div#column-alpha a.tour-collage:hover {
background: none;
}

div#column-alpha a#nextstop-logo {
background: none;
}

div#column-alpha a#nextstop-logo:hover {
background: none;
}

div#column-alpha div.recommendation {
position: relative;
min-height: 150px;
border: 1px solid #666;
margin: 0 20px 10px 0;
}

div#column-alpha div.rec-info {
margin: 10px 10px 10px 165px;
}

div#column-alpha div.recommendation a {
background: none;
text-decoration: none;
color: #28212e;
}

div#column-alpha div.recommendation a:hover {
background: none;
text-decoration: none;
color: #28212e;
}

div#column-alpha div.recommendation a.rec-title {
display: block;
font-size: 1.4em;
}

div#column-alpha div.recommendation a.rec-img {
position: absolute;
display: block;
height: 150px;
left: 0;
top: 0;
border-right: 1px solid #666;
}

div#content-guide h2 {
margin-top: 1.4em;
font-size: 1.6em;
}

div#content-guide span.space {
padding-left: 1em;
}

div#content-guide ul.photo-strip {
margin-top: 0.6em;
}

div#content-guide ul.photo-strip li {
margin-top: 0;
}

div#content-guide ul.photo-strip li.text {
max-width: 376px;
width: auto;
}

div#content-guide ul.photo-strip li.text h2 {
margin: 0 0 0.5em 0.25em;
}

div#content-guide ul.photo-strip li.text p {
margin: 0 0 0.5em 0.25em;
font-size: 0.9em;
}

/* home page */

div.home-module {
border-bottom: 1px solid #41446c;
margin-bottom: 10px;
}

div.home-module:last-of-type {
border-bottom: 0;
}

div.home-photos {
margin: 0.5em 0 0 0;
}

div.home-photos a {
float: left;
width: 106px;
height: 81px;
margin: 0 5px 0.75em 0;
}

div.home-photos a img {
border: 3px solid #a5a8d0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

div.home-photos a:hover img {
border: 3px solid #41446c;
}

div#column-alpha div.home-module h2.home-header {
font-size: 4em;
font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
margin-bottom: 0;
margin-top: 0;
color: #a5a8d0;
}

div#column-alpha div.home-module h2.home-header a {
text-decoration: none;
color: #a5a8d0;
}

div#column-alpha div.home-module h2.home-header a:hover {
color: #41446c;
}

div#column-alpha div.home-module h2 {
font-size: 2em;
font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Verdana, sans-serif;
margin-bottom: 0;
margin-top: 0.8em;
}

div#column-alpha div.home-module h2 a {
text-decoration: none;
}

div#column-alpha div.home-module h2 a:hover {
}

div#column-alpha h1.big-headline {

}

div#column-alpha img.home-img {
float: left;
margin-right: 7px;
}

/* tag-links */

div#tag-links {
margin-top: 1em;
}

div#tag-links p {
display: inline;
padding: 0 1em 0 0;
}

div#tag-links p span {
font-size: 1.4em;

}

div#column-alpha div#tag-links p a {
text-decoration: none;
}

div#column-alpha div#tag-links p a:hover {
background: #e1e1e1;
}

/* links */

ul.list-links {
margin: 1em 0 2em 0;
}

ul.list-links li {
font-weight: bold;
margin: 5px 0;
}

a {
color: #41446c;
outline: 0;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

div#column-alpha a {

}

div#column-alpha a:hover {
color: #969696;
}

div#column-beta a {
color: #28212e;
text-decoration: none;
display: block;
padding: 1px 10px 1px 5px;
margin: 0;
}

div#title a {
color: #41446c;
padding: 0 20px;
text-decoration: none;
}

div#title a:hover {
color: #24253a;
}

ul#top-menu-list li a {
text-decoration: none;
color: #fff;
background: #41446c;
display: block;
padding: 2px 7px;
box-shadow: 2px 2px 3px 1px rgba(0, 0, 0, 0.2);
}

ul#top-menu-list li a:hover {
background: #24253a;
}

ul.menu li.head a {
text-decoration: none;
font-weight: bold;
}

div#column-beta a:hover, div#column-beta ul.menu li.on a {
color: #fff;
background: #41446c;
}

div#column-alpha div.module-photo div.tag-photo a {
color: #24253a;
border-bottom: 1px dotted #28212e;
}

div#column-alpha div.module-photo div.tag-photo a:hover {
background: #a3a3a3;
}

div#column-alpha div.module ul.module-content li.header a {
color: #24253a;
text-decoration: none;
border: 0;
}

div#column-alpha div.module ul.module-content li.header a:hover {
color: #24253a;
}

div#column-alpha h2 a {
color: #41446c;
text-decoration: none;
}

div#column-alpha h2 a:hover {
color: #a5a8d0;
}

div#footer a {
color: #fff;
}

div#footer a:hover {
color: #fff;
}

/* media queries */

@media only screen and (min-width : 320px) and (max-width : 560px) {
	body {-webkit-text-size-adjust: none;}
}

@media screen and (max-width: 740px){
  div#column-alpha {
    float: none;
    width: 100%;
  }
  div#column-alpha .inner {
    padding: 0 15px;
  }
  div#column-beta {
    float: none;
    width: 100%;
  }
  ul.menu {
    padding: 0 0 1.2em 0;
    margin-top: 0;
  }
  ul.links-external {
    margin-bottom: 0;
}

@media screen and (max-width: 560px){
  div#top-menu {
    position: relative;
    padding-top: 10px;
    background: #dcdcdc;
    bottom: auto;
    left: auto;
  }
  div#top {
    border-bottom: 0;
  }
  ul#top-menu-list {
    padding-bottom: 5px;
  }
  ul#top-menu-list li {
    margin-bottom: 5px;
  }
  div#column-alpha div.home-module h2.home-header {
    font-size: 3em;
  }
  div#column-alpha h1 {

  }
  div#column-alpha h2, div#column-alpha h3 {
    font-size: 1.4em;
  }
  div#column-alpha div.home-module h1 {
    font-size: 3em;
  }
  div#column-alpha div.home-module h2 {
    font-size: 1.4em;
  }
}

@media screen and (max-width: 500px){
  ul.directory {
    display: block;
  }

  ul.directory li {
    width: 100%;
    margin-bottom: 1.2em;
  }
  ul.directory li span {
    margin-right: 0;
  }
}

@media screen and (max-width: 400px){
  ul#top-menu-list li {
    margin-right: 6px;
  }
  ul#top-menu-list li a span {
    display: none;
  }
  div#footer {
    text-align: left;
    padding-left: 2em;
  }
  div#footer a {
    display: block;
    padding: 0.4em 0 0 0;
  }
  span.separator {
    display: none;
  }
  /*div.home-photos a {
    width: 90px;
    height: 68px;
  }
  div.home-photos a img {
    width: 84px;
    height: 62px;
  }*/
}