/* -------------------------------------- */
/* SITE SETUP CSS */
/* -------------------------------------- */

body {
	font-family: helvetica, verdana, arial, sans-serif;
	background:#003F4C url(/images/site_assets/site_background.png) 0 0 repeat-x;
}

body.home,
body.search,
body.site {background:#003F4C url(/images/site_assets/site_background_home.png) 0 0 repeat-x;}

.wrapper {
	width:90.0em;
	margin: 0 auto;
	position: relative;
}

ul.horizontal li { float:left; }

hr {
	clear: both;
	height: 1px;
	border: none;
	padding: 0;
	margin: 15px 0px;
	display: block;
	border-top:1px dotted #668C94;
}

p, h1, h2, h3, h4, h5, h6, ul, form label { color:#FFF; }

p, h1, h2, h3, h4, h5, h6, .column_wrapper ul, form label { 
	font-size: 1.2em; 
	line-height:130%;
}

p { margin: 0.8em 0; }

.column_wrapper li { 
	list-style: square;
	margin-left:15px;
}

h2 { font-size: 2.1em; margin-bottom:0.8em; }
h3 { font-size: 1.8em; margin:1.0em 0 0.4em 0;}
h4 { font-size: 1.6em; margin:1.5em 0 0.4em 0;}

h3 a {font-size:0.7em;}

.home h3 { margin-top:0.8em;}
.news h2 { margin-bottom:0; }

.liquid-round h3 { margin:0.4em 0 0 0; }

h4 span { color:#CCC; font-size:0.9em; margin-left:10px; }

a {
	color:#0081D3;
	text-decoration:none;
}

a:hover {
	color:#ACC314;
	text-decoration:underline;
}

.left {float:left}
.pad-right {padding-right:20px;}

.staff-list {margin-bottom:10px;}

a.floater {float:right; padding:10px 0 10px 10px ; }

/* -------------------------------------- */
/* HEADER CSS */
/* -------------------------------------- */

#header {
	position:relative;
	height:133px;
	background: url(/images/site_assets/site_background_header.png) 0 0 no-repeat;
}

#header h1 a {
	position:absolute;
	top:0;
	left:0;
	background: url(/images/site_assets/echoes_logo.png) 0 0 no-repeat;	
	width:287px;
	height:133px;
	text-indent:-9999.9em;
}

/* -------------------------------------- */
/* SITE SEARCH CSS */
/* -------------------------------------- */

#header .site_search {
	position:absolute;
	top:10px;
	right:0;
}

#header .site_search form {
	width:333px;
	*width:auto;
}

#header .site_search a {
	float:left;
	display:block;
	color:#FFF;
	line-height:34px;
	margin-right:15px;
	font-size:1.1em;
	text-decoration:none;
}

#header .site_search a:hover { color:#ACC314 }


/* -------------------------------------- */
/* NAVIGATION CSS */
/* -------------------------------------- */

#site_navigation ul { margin-top: 8px; }

#site_navigation ul li a, #sub_navigation ul li a { 
	display:block;
	line-height:40px;
	padding:0 15px;
	font-size:1.5em;
	text-transform:lowercase;
	color:#FFF;
	text-decoration:none;
}

#sub_navigation ul li a { font-size:1.2em; }

#site_navigation ul li a:hover, #sub_navigation ul li a:hover { color: #ACC314; }

#site_navigation ul li.select { background:url(/images/site_assets/nav_tab_left.png) 0 0 no-repeat; }

#site_navigation ul li.select a { background:url(/images/site_assets/nav_tab_right.png) 100% 0 no-repeat;  }

#site_navigation ul li.select a, #sub_navigation ul li.select a { color: #ACC314; }

/* -------------------------------------- */
/* BODY CONTENT CSS */
/* -------------------------------------- */

#body_content { margin-top:20px; }

.home #body_content { margin-top:30px; }

/* -------------------------------------- */
/* TABS CSS */
/* -------------------------------------- */

ul.tabs {
	height:32px;
	padding-left:5px;
}

ul.tabs li {
	float:left;
	list-style:none;
	margin:0;
	border-bottom:0;
	margin-right:2px;
	background:#00343E url(/images/site_assets/light_top_left.png) 0 0 no-repeat;
}

ul.tabs li a {
	display:block;
	padding:0 15px;
	line-height:32px;
	font-size:1.2em;
	color:#FFF;
	background:transparent url(/images/site_assets/light_top_right.png) 100% 0 no-repeat;
}

ul.tabs li.selected { background:#00232A url(/images/site_assets/dark_top_left.png) 0 0 no-repeat; }

ul.tabs li.selected a { background:transparent url(/images/site_assets/dark_top_right.png) 100% 0 no-repeat; }

div.tab {display:none; }

div.tab h3 { font-size:1.3em; font-weight:bold; color:#FFF; margin-top:25px; margin-left:5px; border-bottom:1px dotted #CCC; }
div.flickr h3 { font-size: 1.8em; margin:0.6em 0 0.5em 0; border:0; padding-top:0; }
div.flickr h3 span { font-size:0.6em; color:#999; }

div.tab p { margin-left:5px; }

div.flickr { margin-left:7px; margin-bottom:10px; }

div.flickr a img { border:2px solid transparent; }

div.flickr a:hover img { border-color:#FFF; }

.liquid-round .pad_top { margin-top:250px; }

.general-info { padding-top:60px; }


.short_list { padding-bottom:10px; }
.short_list li { list-style:none; margin:0; }
.short_list li a { display:block; padding:3px 6px; }
.short_list li.two a { }
.short_list li.one a { background:#002932 }

/* -------------------------------------- */
/* LIQUID ROUNDED DIVS CSS */
/* -------------------------------------- */

.liquid-round { margin: 0 0 5px 0;}

.liquid-round .top, 
.liquid-round .bottom,
.liquid-round .top span, 
.liquid-round .bottom span { 
	height:5px; 
}

.liquid-round .top span, 
.liquid-round .bottom span {
	display:block;
	font-size:0;
}

.liquid-round .center-content { padding: 0 10px; position:relative }

.liquid-round.light { background:#00343E; }
.liquid-round.light .top { background:url(/images/site_assets/light_top_left.png) no-repeat left bottom; }
.liquid-round.light .bottom { background:url(/images/site_assets/light_bottom_left.png) no-repeat left bottom; }
.liquid-round.light .top span { background:url(/images/site_assets/light_top_right.png) no-repeat right top; }
.liquid-round.light .bottom span { background:url(/images/site_assets/light_bottom_right.png) no-repeat right top; }

.liquid-round.dark { background:#00232A; }
.liquid-round.dark .top { background:url(/images/site_assets/dark_top_left.png) no-repeat left bottom; }
.liquid-round.dark .bottom { background:url(/images/site_assets/dark_bottom_left.png) no-repeat left bottom; }
.liquid-round.dark .top span { background:url(/images/site_assets/dark_top_right.png) no-repeat right top; }
.liquid-round.dark .bottom span { background:url(/images/site_assets/dark_bottom_right.png) no-repeat right top; }

/* -------------------------------------- */
/* PROFILE CSS */
/* -------------------------------------- */

.liquid-round.profile { margin: 0 0 35px 0;}

.liquid-round.profile .center-content { padding-right:200px; }

.liquid-round.profile img {
	position:absolute;
	right:-20px;
	top:-45px;
}

/* -------------------------------------- */
/* COMMENTS CSS */
/* -------------------------------------- */

.commentDisplay .liquid-round {margin:0;}

.commentDisplay { margin-bottom:20px; }

.commentDisplay .commentAuthor {
	padding-top:10px;
	padding-left: 10px;
	background:url(/images/site_assets/talking_arrow.gif) 20px 0 no-repeat;
	font-size:1.1em;
	color:#CCC;
	font-weight:bold;
}

.commentDisplay .commentAuthor span { font-weight:normal; }

/* -------------------------------------- */
/* NEWS BOX CSS */
/* -------------------------------------- */

.news-box ul { margin-top:10px; }

.news-box ul li {
	list-style:none; 
	margin:0.5em 0;
	padding-bottom:0.5em;
	border-bottom:1px dotted #1A3940;
}

.news-box a {font-weight:bold;}

.news_block {margin-bottom:25px; margin-top:20px;}
.news_block h4 {margin:0;}
.news_block .date {margin:0; padding:0;}
/* -------------------------------------- */
/* HIGHLIGHT */
/* -------------------------------------- */

.highlight p {font-size:1.4em;}

/* -------------------------------------- */
/* BUTTON */
/* -------------------------------------- */

a.button {
	display:block;
	background:transparent url(/images/site_assets/button_background.png) 0 0 no-repeat;
	width:148px;
	text-align:center;
	line-height:39px;
	color:#DC0067;
	font-weight:bold;
	text-decoration:none;
	
}

a.button_lg {
	display:block;
	background:transparent url(/images/site_assets/button_background_lg.png) 0 0 no-repeat;
	width:226px;
	text-align:center;
	line-height:45px;
	color:#DC0067;
	font-weight:bold;
	font-size:1.2em;
	text-decoration:none;
}


/* -------------------------------------- */
/* DATE CSS */
/* -------------------------------------- */

.date1,
.date2,
.date3 {
	width:62px;
	height:59px;
	text-align:center;
	font-size:0.9em;
	color:#FFF;
	font-family:Georgia;
	line-height:auto;
	*margin-top:10px;
}

.date1 span,
.date2 span,
.date3 span {
	padding-top:3px;
	padding-bottom:2px;
	display:block;
	font-size:2.9em;
}

.date1 { background:url(/images/site_assets/date_bg_1.png) 0 0 no-repeat; }
.date2 { background:url(/images/site_assets/date_bg_2.png) 0 0 no-repeat; }
.date3 { background:url(/images/site_assets/date_bg_3.png) 0 0 no-repeat; }

p.date { font-size:1.1em; color:#809FA6; margin-top:0; margin-bottom:15px; }

/* -------------------------------------- */
/* EVENT LIST CSS */
/* -------------------------------------- */
.event_list {
	position:relative;
	cursor:pointer;
	cursor:hand;
}

.event_list p { 
	margin-left:60px; 
	color:#B3BFC1;
}

.event_list a {
	color: #ACC314;
	font-size:1.2em;
	text-decoration:none;
}

.event_list.short a{
	font-size:1.0em;
}

.event_list.short p { margin-bottom:5px; margin-top:0; } 

.event_list.short {margin:10px 0;}

.event_list a:hover { text-decoration:underline; }

.event_list p.details span { 
	color:#FFF; 
	padding-right:25px;
}

.event_list .date1,
.event_list .date2,
.event_list .date3
 {
	position:absolute;
	top:-10px;
	left:0;
}

.onoffer {margin-top:20px; margin-left:20px;}

.event_master_image {
	position:absolute; 
	right:-20px; 
	top:218px;
}

.event_summary {
	font-size:1.2em;
	width:430px;
	margin-bottom:30px;
}

.event_summary p {
	color:#B3C6CA;
}

div.short_events {margin:0.8em 0;}
.short_events p {margin:0;}
.short_events p.title {
	font-size:1.4em;
	font-weight:bold;
}

.label {
	position:absolute;
	right:410px;
	top:218px;
	width:172px;
	height:47px;
}
.event_list .label {
	position:absolute;
	right:1px;
	top:-14px;
	*top:-4px;
}

.label.early_bird { background: transparent url(/images/site_assets/label_early_bird.png) 0 0 no-repeat}
.label.last_places_available { background: transparent url(/images/site_assets/label_last_places_available.png) 0 0 no-repeat}
.label.on_sale { background: transparent url(/images/site_assets/label_on_sale.png) 0 0 no-repeat}

.label_text p {
	color:#FFF;
	font-size:1.0em;
}
.label_text span {color:#DC0067; font-size:1.3em; float:left; line-height:30px; padding-right:10px;}

/* -------------------------------------- */
/* SLIDER CSS */
/* -------------------------------------- */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; }

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-container {
    margin-top:32px;
    margin-left:31px;
}

.jcarousel-skin-tango .jcarousel-container-vertical, .jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 409px;
    height: 224px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical, .jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 410px;
    height: 225px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 409px;
    height: 224px;
}

.jcarousel-skin-tango .jcarousel-item-vertical, .jcarousel-skin-tango .jcarousel-item-horizontal { }

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* -------------------------------------- */
/* PROMO BOX ON THE HOME PAGE CSS */
/* -------------------------------------- */

.promo-box {margin-bottom:10px;}

.promo-box .center-content {margin-left:10px;}
.promo-box p, .promo-box h2 { width:380px; color: #FFF; }

.promo-box h2 {
	font-size:1.9em; 
	margin:15px 0 10px 0; line-height:130%;
	font-weight:normal;
	color:#FFF;
}

.promo-box .photo-slider {
	position:absolute;
	right:-10px;
	top:-50px;
	width: 458px;
    height: 281px;
    background: transparent url(/images/site_assets/slide_background.png) 0 0 no-repeat;
}


p.credit-cards { background:#002129 url(/images/site_assets/credit-cards.gif) 0 0 no-repeat; padding-left:80px;}
p.cards-with-border {border:10px Solid #002129; margin-top:20px;}

/* -------------------------------------- */
/* ICON P CSS */
/* -------------------------------------- */

p.icon, p.icon_full { padding-left:48px; line-height:32px; margin: 0.4em 0; float:left; width:210px; }
p.icon_full { width:500px; height:32px; }
p.icon_full span { line-height:130%; padding-top:5px; display:block; }

p.accommodation { background:transparent url(/images/site_assets/icons/icon_accommodation.png) 0 0 no-repeat;}
p.clock { background:transparent url(/images/site_assets/icons/icon_clock.png) 0 0 no-repeat;}
p.days { background:transparent url(/images/site_assets/icons/icon_days.png) 0 0 no-repeat;}
p.duration { background:transparent url(/images/site_assets/icons/icon_duration.png) 0 0 no-repeat;}
p.groupsize { background:transparent url(/images/site_assets/icons/icon_groupsize.png) 0 0 no-repeat;}
p.meals { background:transparent url(/images/site_assets/icons/icon_meals.png) 0 0 no-repeat;}
p.sessions { background:transparent url(/images/site_assets/icons/icon_sessions.png) 0 0 no-repeat;}
p.start_end { background:transparent url(/images/site_assets/icons/icon_start_end.png) 0 0 no-repeat;}
p.transport { background:transparent url(/images/site_assets/icons/icon_transport.png) 0 0 no-repeat;}

/* -------------------------------------- */
/* FOOTER CSS */
/* -------------------------------------- */

#footer { 
	padding-top:53px;
	background:#003F4C url(/images/site_assets/site_background_home.png) 0 -134px repeat-x; 
}

#footer p {
	margin:10px 0;
	font-size:1.1em;
	float:left;
	color:#B3BFC1;
}

#footer p.right { margin-left:10px; }

#footer .right { float:right; }

#footer hr { border-top:1px Solid #003F4C; margin:5px 0; }

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer .navigation li a {
	line-height:25px;
	display:block;
	margin-right:15px;
	font-size:1.1em;
}

#footer a:hover { color: #ACC314; }