/*******************************************************************************
 * GLOBAL
 *******************************************************************************/
html, body {
    margin: 0px;
    padding: 0px;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, hr, table, th, td, form, img, fieldset, input, select, textarea, caption, dl, dd, dt {
    border: none;
    font: 100% Arial, Helvetica, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #666;
    list-style: none;
}

body {
    text-align: center;
}

h1 {
    font-size: 1.5625em;
    font-weight: bold;
    color: #1b6b8a;
    padding: 0 0 25px 0;
}

h1 sub {
    vertical-align: baseline;
}

a {
    color: #00a9cb;
    text-decoration: none;
}

a:active {
    color: #00a9cb;
}

a:visited {
    color: #013d4a;
}


/*******************************************************************************
 * LAYOUT
 *******************************************************************************/

#wrap {
    max-width: 1200px;
    min-width: 900px;
    margin: 0 auto;
}

#flash {
    height: 600px;
    overflow: hidden;
}

#flash.collapsed {
    height: 122px;
}

#page {
    position: relative;
}

#page.level3 {
    background: transparent url(../images/pattern.png) no-repeat top right;
}

.page-collapsed {
    display: none;
}

#page #logo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

#content {
    width: 750px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    padding: 0 0 20px 0;
}

#footer {
    border-top: 1px solid #d8d9da;
    border-bottom: 1px solid #d8d9da;
    padding: 5px 0 5px 277px;
    background: url(../images/powered-by-nature.png) 0 4px no-repeat;
    text-align: left;
    margin: 0 0 20px 0;
    clear: both;
    font-size: 0.6875em;
}


/*******************************************************************************
 * HEADER
 *******************************************************************************/

#header {
    position: relative;
    height: 70px;
    border-top: 1px solid #f4f4f4;
    background: transparent url(../images/topmenu-bg.png) 0 36px repeat-x;
}

#header .photo-credit {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    font-family: Georgia;
    font-style: italic;
    color: #666;
    font-size: 0.6875em;
}

#header #languages {
    position: absolute;
    right: 10px;
    top: 3.06em;
}


/*******************************************************************************
 * SOCIAL MEDIA
 *******************************************************************************/

div#sharing{
	clear: both;
	padding-top: 1em;
	text-align: right;
}

#social-media {
    position: absolute;
    top: 10px;
    right: 22px;
    border-left: 1px solid #d9d9d9;
}

#social-media li {
    float: left;
    padding: 0 0 0 8px;
    color: #002656;
    font-size: 0.6875em;
    line-height: 17px;
    height: 17px;
}

#social-media .facebook a, #social-media .twitter a, #social-media .blogger a {
    width: 17px;
    height: 17px;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    background: url(../images/social-network-icons.png) 0 0 no-repeat;
    padding: 0;
}

#social-media .facebook a {
    background-position: 0 0;
}

#social-media .twitter a {
    background-position: -22px 0;
}

#social-media .blogger a {
    background-position: -44px 0;
}


/*******************************************************************************
 * LANGUAGE SELECTION
 *******************************************************************************/

#languages {
    height: 11px;
    overflow: hidden;
}

#languages li {
    background: transparent url(../images/flags.png) 0 0 no-repeat;
    height: 22px;
    width: 16px;
    margin: -11px 10px 0 0;
    float: left;
}

#languages .fr {
    background-position: 0 0;
}

#languages .de {
    background-position: -16px 0;
}

#languages .no {
    background-position: -32px 0;
}

#languages .se {
    background-position: -48px 0;
}

#languages .en {
    background-position: -64px 0;
}

#languages .us {
    background-position: -80px 0;
}

#languages .selected {
    margin-top: 0;
}

#languages li a {
    display: block;
    width: 16px;
	height: 22px;
    text-indent: -999px;
    outline: none;
}


/*******************************************************************************
 * TOP MENU
 *******************************************************************************/

/* LEVEL 1 */ 

#topmenu {
    position: relative;
    padding: 7px 0 0 0;
}

#topmenu ul {
    width: 100%;
    text-align: center;
}

#topmenu ul li {
    display: inline-block;
    font-size: 0.8125em;
    background: transparent url(../images/level1-dot.png) no-repeat right;
    padding: 0 8px 0 4px;
}

#topmenu ul li span {
    display: inline-block;
}

#topmenu ul li span a {
    display: inline-block;
    text-decoration: none;
    color: #002656;
    font-weight: bold;
    padding: 0 10px;
    line-height: 20px;
    outline: none;
}

#topmenu ul li.selected span {
    background: url(../images/level1-selected-left.png) no-repeat top left;
}

#topmenu ul li.selected span a {
    background: url(../images/level1-selected-right.png) no-repeat top right;
}

#topmenu ul li.last {
    background-image: none;
}


/* LEVEL 2 */ 

#topmenu ul li ul {
    display: none;
}

#topmenu ul li.selected ul {
    position: absolute;
    top: 40px;
    left: 0;
    margin: 0;
    padding: 0;
    display: block;
}

#topmenu ul li.selected ul li {
    font-size: 0.8462em;
    padding-bottom: 0;
    background-image: url(../images/level2-dot.png);
}

#topmenu ul li.selected ul li span {
    background-image: none;
}

#topmenu ul li.selected ul li span a {
    background-image: none;
}

#topmenu ul li.selected ul li.selected span {
    background-image: url(../images/level1-selected-left.png);
}

#topmenu ul li.selected ul li.selected span a {
    background-image: url(../images/level1-selected-right.png);
}

#topmenu ul li ul li.last {
    background-image: none;
}


/*******************************************************************************
 * LEFT MENU
 *******************************************************************************/

#submenu {
    border-right: 1px solid #ccc;
    position: absolute;
    top: 85px;
    left: -130px;
    width: 99px;
    padding: 14px 10px 0 0;
}

#submenu h2 {
    border: none;
    text-align: right;
    color: #1b6b8a;
    font-size: 1.25em;
    font-weight: bold;
    padding: 0 10px 5px 0;
}

#submenu ul {
    display: block;
}

#submenu ul li {
    display: block;
    float: right;
    clear: both;
    font-size: 1em;
}

#submenu ul li a {
    text-decoration: none;
    color: #1b6b8a;
    font-size: 0.6875em;
    line-height: 20px;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 0 10px;
    float: left;
}

#submenu li.selected {
    background: transparent url(../images/level3-selected-left.png) top left no-repeat;
}

#submenu li.selected a {
    background: transparent url(../images/level3-selected-right.png) top right no-repeat;
}


/*******************************************************************************
 * BODY STYLES
 *******************************************************************************/

.body h2 {
    font-weight: bold;
    font-size: 1em;
    border-top: 1px solid #ccc;
    padding: 15px 10px 5px 0;
}

.body h2:first-child {
    border: none;
}

.body h2 small {
    font-weight: normal;
    font-size: 0.75em;
}

.body h3 {
    font-weight: bold;
    font-size: 0.8125em;
    padding: 10px 10px 5px 0;
}

.body h3 sub {
    font-weight: normal;
    font-size: 0.923em;
    vertical-align: baseline;
}

.body p {
    padding: 0 10px 10px 0;
    font-size: 0.75em;
}

.body ul {
    margin: 0 10px 10px 0;
    border-top: 1px solid #d2d2d2;
}

.body ul li {
    border-bottom: 1px solid #d2d2d2;
    font-size: 0.75em;
    padding: 5px 10px;
}

.level3 .body h2 {
    font-size: 1.25em;
    border: none;
}

.level3 .body h2 small {
    font-size: 0.6em;
}

.level3 .body p, 
.level3 .body ul li {
    font-size: 0.6875em;
}

.body img.banner {
    margin: 0 10px 10px 0;
}


/*******************************************************************************
 * TRAVEL SPECIALIST
 *******************************************************************************/

.office {
    display: inline-block;
    vertical-align: top;
    width: 237px;
    padding: 0 10px 20px 0;
}

.office h2 {
    border: none;
    padding: 0;
    margin: 0;
    font-size: 0.875em;
    font-weight: bold;
}

.office .description, 
.office .phone,
.office .email {
    font-size: 0.6875em;
}

.office .url {
    background: transparent url(../images/officebutton-left.png) no-repeat left;
    float: left;
    margin: 4px 0 0 0;
}

.office .url a {
    display: block;
    background: transparent url(../images/officebutton-right.png) no-repeat right;
    font-size: 0.6875em;
    text-decoration: none;
    color: #fff;
    line-height: 17px;
    padding: 0 10px;
    float: left;
}



/*******************************************************************************
 * PARTNER
 *******************************************************************************/

.partnerbutton {
    background: transparent url(../images/partnerbutton-left.png) no-repeat left;
}

.partnerbutton a {
    display: block;
    background: transparent url(../images/partnerbutton-right.png) no-repeat right;
    font-size: 0.6875em;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    line-height: 17px;
    padding: 0 10px;
}

.partner .partnerbutton {
    position: absolute;
    bottom: 40px;
    right: 20px;
}

.partners {
    overflow: hidden;
}

.partner {
    background: transparent url(../images/partner-bg.png) repeat-y top left;
    cursor: pointer;
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 246px;
    margin: 0 6px 0 0;
    position: relative;
}

.partner-last {
    margin: 0 0 0 0;
}

.partner .partner-wrap1 {
    background: transparent url(../images/partner-top.png) no-repeat top left;
}

.partner .partner-wrap2 {
    height: 250px;
    background: transparent url(../images/partner-bottom.png) no-repeat bottom left;
}

.partner .logo {
    height: 100px;
    width: 200px;
    position: relative;
    margin: 0 0 10px 20px;
}

.partner .logo img {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.partner .description {
    height: 60px;
    padding: 0 20px;
}

.partner .description p {
    font-size: 0.625em;
}

.partner .price {
    color: #3b6588;
    font-size: 0.75em;
    font-weight: bold;
    position: absolute;
    bottom: 43px;
    left: 20px;
    width: 130px;
}

.partner-active {
    background-image: url(../images/partner-active-bg.png);
}

.partner-active .partner-wrap1 {
    background-image: url(../images/partner-active-top.png);
}

.partner-active .partner-wrap2 {
    background-image: url(../images/partner-active-bottom.png);
}

.partner-body {
    width: 750px;
    position: relative;
    background: transparent url(../images/partner-body-bg.png) repeat-y top left;
}

.partner-body .partner-body-wrap1 {
    background: transparent url(../images/partner-body-top.png) no-repeat top left;
}

.partner-body .partner-body-wrap2 {
    background: transparent url(../images/partner-body-bottom.png) no-repeat bottom left;
}

.partner-body .content {
    padding: 10px 20px 20px;
}

.partner-body .header {
    overflow: hidden;
    position: relative;
}

.partner-body .logo {
    padding: 20px 0;
    margin: 0 10px 0 0;
    float: left;
}

.partner-body .partnerbutton {
    float: left;
    margin: 40px 0 0 0;
}

.partner-body h2 {
    font-size: 0.8125em;
    font-weight: bold;
    color: #3b6588;
    padding: 0 0 4px 0;
}

.partner-body h3 {
    color: #3b6588;
    padding: 0 0 4px 0;
    font-size: 0.6875em;
    font-weight: bold;
}

.partner-body p {
    color: #3f3f3f;
    padding: 0 0 16px 0;
    font-size: 0.6875em;
}

.partner-body ul li {
    list-style: disc;
    font-size: 0.6875em;
    padding: 0 0 4px 0;
    margin: 0 0 0 20px;
} 


/*******************************************************************************
 * MAP
 *******************************************************************************/

.body-map {
    position: relative;
    top: -70px;
    left: -108px;
    z-index: 10;
    background: #fff;
}

.body-map a {
    position: absolute;
    top: 15px;
    left: 100px;
}

.body-map img {
    margin: 25px 0 0 0;
}