/* CSS Document */

/* ----------------------------------------------------------------------------------------------------------
1) Reset
---------------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

/* ----------------------------------------------------------------------------------------------------------
2) Main
---------------------------------------------------------------------------------------------------------- */

body {background: #cde8fd url(../images/gradient.jpg) 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; color: #4d4d4d; font-size: 15px;}

#wrap {margin: 0 auto;  width: 980px;}


h1 {font-size: 30px; color: #4f8ebf; font-weight: normal; margin-bottom: 15px;}
h2 {font-size: 26px; color: #19658c; font-weight: normal;}
h3 {font-size: 13px; color: #336699; font-weight: normal;}
h4 {font-weight: normal; text-transform:capitalize;}
h1.home {
	padding-top:16px;
}
h1.gallery {
	background:url(../images/ico_gallery.gif) no-repeat left bottom;
	padding-left:75px;
	padding-top:28px;
	font-size:26px;
}
h1.album {
	background:url(../images/ico_albums.gif) no-repeat left bottom;
	padding-left:68px;
	padding-top:14px;
	font-size:26px;
	line-height:46px;
	margin-top:10px;
}
h1.testimonial {
	background:url(../images/ico_testimonials.gif) no-repeat left center;
	padding-left:70px;
	font-size:26px;
	line-height:46px;
	margin-top:16px;
}
h1.tours-h1 {
	background:url(../images/ico_tours.gif) no-repeat left center;
	padding-left:70px;
	font-size:26px;
	line-height:46px;
	margin-top:16px;

}

h1.contact {
	background:url(../images/ico_contact.gif) no-repeat left center;
	padding-left:70px;
	font-size:26px;
	line-height:46px;
	margin-top:16px;
}
h1.faq {
	background:url(../images/ico_faq.gif) no-repeat left center;
	padding-left:60px;
	font-size:26px;
	line-height:46px;
	margin-top:16px;
}

span.name {color: #60fc41;}

a {color: #3780b8;}

.clear {clear: both;}

#upflowers {background: transparent url(../images/upflowers.png) 0 0 no-repeat; width: 168px; height: 92px; position:absolute; bottom:0;  margin-right:-25px; margin-bottom:-25px; right: 0; z-index: 200;}

#grass {background: transparent url(../images/grass.png) 0  bottom no-repeat; height: 55px; width:985px; position: absolute; z-index: 10; bottom:0;}
/* ----------------------------------------------------------------------------------------------------------
3) Header
---------------------------------------------------------------------------------------------------------- */
#header {background: transparent url(../images/header-pic.jpg) 0 0 no-repeat; height: 500px; position: relative; width: 980px; margin: 0 auto; z-index:11}

#aeroplane {background: transparent url(../images/aeroplane.png) 0 0 no-repeat; width: 308px; height: 47px; left: 670px; top: 10px; position: absolute; font-size: 15px; text-indent: 111px; line-height: 44px; color: #4b4215;}

#navigation {
	overflow: hidden;
	width: 123px;
	position: absolute;
	top: 224px;
	left: 83px;
}
#navigation li {list-style: none; list-style-type: none; height: 39px;}
#navigation li a {color:#141414; display:block; font-size:13px; font-weight:bold; height:0; overflow:hidden; padding-top:39px; text-align:center; text-decoration:none;
text-transform:uppercase; width:123px;}

#navigation a.nav-home {background: transparent url(../images/nav.png) 0 0 no-repeat;}
#navigation a.nav-home:hover {background: transparent url(../images/nav.png) right 0 no-repeat;}

#navigation a.nav-tours {background: transparent url(../images/nav.png) 0 -39px no-repeat;}
#navigation a.nav-tours:hover {background: transparent url(../images/nav.png) right -39px no-repeat;}

#navigation a.nav-testimonials {background: transparent url(../images/nav.png) 0 -78px no-repeat;}
#navigation a.nav-testimonials:hover {background: transparent url(../images/nav.png) right -78px no-repeat;}

#navigation a.nav-gallery {background: transparent url(../images/nav.png) 0 -117px no-repeat;}
#navigation a.nav-gallery:hover {background: transparent url(../images/nav.png) right -117px no-repeat;}

#navigation a.nav-contact {background: transparent url(../images/nav.png) 0 -156px no-repeat;}
#navigation a.nav-contact:hover {background: transparent url(../images/nav.png) right -156px no-repeat;}

#navigation a.nav-jp {background: transparent url(../images/nav.png) 0 -195px no-repeat;}
#navigation a.nav-jp:hover {background: transparent url(../images/nav.png) right -195px no-repeat;}
/* ----------------------------------------------------------------------------------------------------------
4) Content
---------------------------------------------------------------------------------------------------------- */

#content {background-color: #fff; position: relative; margin-bottom: 20px; margin-top: -20px; }
#content-wrap {overflow: hidden; padding-bottom:15px; margin-top: 10px;}
#left-column {float: left; clear: right; width: 570px; padding: 0 10px 40px 40px;}
#right-column {float: left; clear: right; width: 300px; padding: 10px 10px 0 30px;}

#downflowers {background: transparent url(../images/downflowers.png) 0 0 no-repeat; width: 196px; height: 81px; position: absolute; bottom: -34px; left: -25px;}

.top-content-corners {height: 7px; position: relative; top: -7px; background-color:#FFFFFF; margin-left: 7px; margin-right: 7px; margin-top: 7px;}
.bottom-content-corners {height: 7px; position: relative; top: 7px; background-color:#FFFFFF; margin-left: 7px; margin-right: 7px;}

.content-corner-l, .content-corner-r {width: 7px; height: 7px;}
.bottom-content-corners .content-corner-l {float: left; background: transparent url(../images/corners1.png) 0 bottom no-repeat; position: relative; margin-left: -7px; }
.bottom-content-corners .content-corner-r {float: right; background: transparent url(../images/corners1.png) right bottom no-repeat; position: relative; margin-right: -7px;}
.top-content-corners .content-corner-l {float: left; background: transparent url(../images/corners1.png) 0 0 no-repeat; position: relative; margin-left: -7px; }
.top-content-corners .content-corner-r {float: right; background: transparent url(../images/corners1.png) right 0 no-repeat; position: relative; margin-right: -7px;}

.tours, .photos {float: left; clear: right;}
.albums {
	float:left;
	clear:left;
	min-height:395px;
	height:auto !important;
	height:395px;
	width:570px;
	
}
.tours-body {
	float:left;
	clear:left;
	min-height:395px;
	height:auto !important;
	height:395px;
	width:570px;
	float:left;
}
.tours-body .left {
	float:left;
	width:456px;
	height:auto;
	text-align:justify;
}
.tours-body .left .reserve {
	height:40px;
	line-height:40px;
	padding-top:15px;
	width:456px;
	text-align:right;
}

.tours-body .left h3 {
	font-size:15px;
	color:#4f8ebf;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:10px;
}
.tours-body .left p{
	padding-top:4px;
	padding-bottom:4px;
}

.tours-body .right {
	float:left;
	width:70px;
	height:auto;
	padding-left:25px;
	padding-top:38px;
}

ul.tour-images {
	padding:0;
	margin:0;
	list-style:none;
}

ul.tour-images li {
	list-style:none;
	margin:0;
	padding-bottom:12px;
}

.tours .card-body {background: transparent url(../images/map.jpg) 0 0 no-repeat}
.photos .card-body {background: transparent url(../images/photos.jpg) 0 0 no-repeat}


a.more {padding: 10px 0 0 0; overflow: hidden; display: block; text-decoration: none;}
a.more:hover {text-decoration: underline;  display: block;}
.photos a.more {float: right;}

ul.tours-list li {background: transparent url(../images/route.jpg) 0 0 no-repeat; padding-left:75px; min-height: 50px; list-style: none; list-style-type: none; margin-left: 10px; overflow: hidden; width: 175px; margin-bottom: 10px; }
ul.tours-list li img {float: left; margin-right: 15px;}
ul.tours-list h3 {text-transform: uppercase; margin-bottom: 5px; margin-top: 3px;}
ul.tours-list p {font-size: 13px; color: #666666;}

.photos-body { margin-left: 15px; width: 250px; overflow: hidden; }
.photos-body h3 {text-transform: uppercase; margin-bottom: 5px; margin-top: 3px;}
.photos-body h3 a {
}
.photos-body img {float: left; margin-right: 15px;}
.photos-body p {font-size: 13px; color: #666666;}
.card {background-color: #f5f4f4; margin: 20px 20px 25px 0;  width: 260px; border-left: 1px solid #f3f2f2; border-right: 1px solid #f7f6f6;}
.card-body {position: relative; margin: -10px 7px -10px 4px; overflow: hidden; padding-left:130px;}
.card-body img {float: left; }
.card-body h2 {margin-top: 5px; }
.card-body h2 a {
	font-size: 26px; color: #19658c; font-weight: normal;
	text-decoration:none;
}
.card-body h2 a:hover {
	text-decoration:underline;
}
.card-body p { margin-bottom: 5px; font-size: 12px; color: #666666; margin-top: 2px;}
.top-card-corners {height: 7px; clear: both; position: relative; top: -7px; background-color:#f5f4f4; margin: 0 6px; border-top: 1px solid #fcfbfb;}
.bottom-card-corners {height: 7px; clear: both; position: relative; top: 7px; background-color:#f5f4f4; margin: 0 6px; border-bottom: 1px solid #cfcece;}
.card-corner-r, .card-corner-l {width: 7px; height: 7px;}
.top-card-corners .card-corner-l {background: transparent url(../images/card-corners.jpg) 0 top no-repeat; position: absolute; left: -7px; margin-top: -1px;}
.top-card-corners .card-corner-r {background: transparent url(../images/card-corners.jpg) right top no-repeat; position: absolute; right: -7px; margin-top: -1px;}
.bottom-card-corners .card-corner-l {background: transparent url(../images/card-corners.jpg) 0 bottom no-repeat; position: absolute; left: -7px; margin-top: 1px;}
.bottom-card-corners .card-corner-r {background: transparent url(../images/card-corners.jpg) right bottom no-repeat; position: absolute; right: -7px; margin-top: 1px;}

.blue-box {background: #6ba9d8 url(../images/bluegradient.jpg) 0 0 repeat-x; position: relative; margin-bottom: 55px;}
.blue-box-body{min-height: 145px; padding-bottom: 15px;}
.blue-box-body .face {width: 135px; height: 136px; background: transparent url(../images/face.png) 0 0 no-repeat; position: relative; margin-left: -25px; float: left;}
.blue-box-body p {padding-right:20px; padding-left: 10px; text-align: center; font-size: 14px; font-style:italic; color: #f1f9ff; }
.blue-box-body h4 {font-size: 23px; color: #FFFFFF; margin-bottom: 10px; background: transparent url(../images/latest-news.png) 0 0 no-repeat; padding-top: 23px; height: 0; overflow: hidden; position: relative; left: -10px;}

.follow-twitter {display: block; width: 151px; height: 0; padding-top: 56px; overflow: hidden; background: transparent url(../images/followtwitter.png) 0 0 no-repeat; position: absolute; left: 130px; bottom: 0; margin-bottom:-35px; z-index: 10}
.top-blue-corners {height: 7px; position: relative; top: -7px; background: transparent url(../images/bluegradient.jpg) 0 0 repeat-x; margin-left: 7px; margin-right: 7px;}
.bottom-blue-corners {height: 7px; position: relative; top: 7px; background: transparent url(../images/bluegradient.jpg) 0 bottom repeat-x; margin-left: 7px; margin-right: 7px;}
.blue-corner-l, .blue-corner-r {width: 7px; height: 7px;}
.top-blue-corners .blue-corner-l {float: left; background: transparent url(../images/bluecorners.png) 0 0 no-repeat; position: relative; margin-left: -7px; }
.top-blue-corners .blue-corner-r {float: right; background: transparent url(../images/bluecorners.png) right 0 no-repeat; position: relative; margin-right: -7px;}
.bottom-blue-corners .blue-corner-l {float: left; background: transparent url(../images/bluecorners.png) 0 bottom no-repeat; position: relative; margin-left: -7px; }
.bottom-blue-corners .blue-corner-r {float: right; background: transparent url(../images/bluecorners.png) right bottom no-repeat; position: relative; margin-right: -7px;}




.light-box {background: #cde8fd; position: relative;}
.light-box-body{padding:0 20px; overflow: hidden; clear: both; background: transparent url(../images/balls.gif) right bottom no-repeat;}

.light-box-body h4 {font-size: 23px; color: #3780b8; margin-bottom: 25px; background: transparent url(../images/people-saying.png) 0 0 no-repeat; padding-top: 29px; height: 0; overflow: hidden;}

.top-light-corners {height: 10px; position: relative; top: -10px; background: #cde8fd; margin-left: 10px; margin-right: 10px;}
.bottom-light-corners {height: 10px; position: relative; top: 10px; background: #cde8fd; margin-left: 10px; margin-right: 10px;}
.light-corner-l, .light-corner-r {width: 10px; height: 10px;}
.top-light-corners .light-corner-l {float: left; background: transparent url(../images/lightcorners.png) 0 0 no-repeat; position: relative; margin-left: -10px; }
.top-light-corners .light-corner-r {float: right; background: transparent url(../images/lightcorners.png) right 0 no-repeat; position: relative; margin-right: -10px;}
.bottom-light-corners .light-corner-l {float: left; background: transparent url(../images/lightcorners.png) 0 bottom no-repeat; position: relative; margin-left: -10px; }
.bottom-light-corners .light-corner-r {float: right; background: transparent url(../images/lightcorners.png) right bottom no-repeat; position: relative; margin-right: -10px;}

.light-box a.more  {text-indent: 5px;}

.quote { background-color:#FFFFFF; position: relative; margin-bottom: 50px;}
.quote-body { padding: 0 17px; overflow: hidden;}
.quote-arrow { width: 50px; height: 21px; background: transparent url(../images/quote-arrow.png) 0 0 no-repeat; position: absolute; left: 170px; bottom:0; margin-bottom: -28px;}
.quote-body p {color: #313232; font-size: 14px; font-style: italic; text-align: justify;}
.quote-body p.author {color: #313232; font-size: 19px; text-align: right; font-style: normal; margin-top: 15px; }

/* ----------------------------------------------------------------------------------------------------------
4) Footer
---------------------------------------------------------------------------------------------------------- */
#footer p, #footer a {color: #3780b8;}

#simple-menu{ margin-bottom: 5px;}
#simple-menu {list-style: none outside;}
#simple-menu ul {text-align: center;}
#simple-menu li {font-size: 11px; list-style-type:none; list-style-image:none; display: inline;}
#simple-menu li a { margin: 0px 10px; text-decoration: none; text-transform: uppercase;  font-size: 12px;  }
#simple-menu li a:hover { text-decoration: underline;}

.copyrights {margin: 10px 15px 20px 15px; overflow: hidden; font-size:14px;}
.copyrights a {font-size: 14px; margin: 0; text-decoration: none;}
.copyrights a:hover {text-decoration: underline;}
.copyrights p {font-size: 14px;}
.copyrights .left {float: left; display: block;}
.copyrights .right {float: right; display: block;}

#cform-left { width: 440px; float: left; overflow:hidden; padding-top:20px;}
#cform-left h1 {
	font-size:20px;
}
#cform-wrap h2{/*font-size:24px; padding-bottom: 20px;*/}
#cform-wrap p{font-size: 14px;}

#cform-right p, #cform-right h2 {padding-left: 50px;}
form.cform label {color: #4d5f6d; font-size: 12px; font-weight: normal; letter-spacing:0.02em; clear:left; display:block; float:left; line-height:27px; margin-top:10px; white-space: nowrap; }
form.cform input.line-field, form.cform textarea {background-color:#FDFDFD; border:1px solid #CCCCCC; display:block; /*font-size:15px;*/ padding:3px; width:300px;}
form.cform input.error, form.cform textarea.error{border: 1px solid #990000;}
form.cform input, form.cform textarea { clear:right; float:right; margin-top:10px;}
form.cform .sbm {background:url(../images/send.gif) 0 0 no-repeat; width: 98px; height: 28px; margin-bottom: 23px; border: none; cursor: pointer;}

/* LINKS STYLE */
a.links_h3 {
	font-size: 13px;
	color: #336699; 
	font-weight: normal;
	text-decoration:none;
}
a.links_h3:hover {
	text-decoration:underline;
}

.albums .al-container {
	float:left;
	width:130px;
	height:auto;
	padding-right:25px;
	padding-left:32px;
	padding-bottom:15px;
	padding-top:20px;
}
.albums .al-container .top {

	
}
.albums .al-container .top .img {
	width:122px;
	height:122px;
	padding:4px 4px 4px 4px;
	background:url(../images/album-back.gif) no-repeat left top;	
	overflow:hidden;
}
.albums .al-container .top .no-img {
	width:130px;
	height:130px;
	overflow:hidden;
}
.albums .al-container .bottom {
	text-align:center;
	padding-top:12px;
	padding-bottom:12px;
}
.albums .al-container .bottom h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#4f8ebf;
}
.albums .al-container .bottom h3 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#4f8ebf;
	text-decoration:none;
}
.albums .al-container .bottom h3 a:hover {
	text-decoration:underline;
}

.t-quote-container {
	float:left;
	width:564px;
	height:auto;
	margin-bottom:34px;
	background:#e0f1ff;
}

.t-quote-container .t-quote-top {
	width:564px;
	height:37px;
	padding:0;
	margin:0;
	background:url(../images/buble-top.gif) no-repeat top left;
}
.t-quote-container .t-quote-bottom {
	width:564px;
	height:43px;
	padding:0;
	margin:0;
	background:url(../images/buble-bottom.gif) no-repeat bottom left;	
}
.t-quote-container .t-quote-info {
	width:528px;
	min-height:10px;
	height:auto !important;
	height:10px;
    padding:0px 18px 0px 18px;
	margin:0;
	font-size:16px;
	font-style:italic;
	color:#5a96c3;
	text-align:justify;
}
.t-quote-container .t-quote-author {
	width:528px;
	height:20px;
    padding:34px 18px 0px 18px;
	margin:0;
	text-align:right;
	font-size:19px;
	color:#706e6e;
	position:relative;
	z-index:100px;
	
}
.t-quote-container .t-quote-info span {
	

}
.t-quote-container .t-quote-info span img {
	
}
.t-quote-container .t-quote-info span .img {

}

/* TOUR TABLE CSS */
.tr-header {
	font-size:14px;
	color:#4d4d4d;
}
.tr-inner {
	font-size:14px;
	color:#19658c;
}

.td-delimiter {
	height:25px;
}
.td-price {
	text-align:center;
	vertical-align:top;
}
.td-location {

	text-align:center;
	vertical-align: top;
}
.td-name {

	text-align: justify;
	vertical-align:top;
}
.td-icon {
	text-align:left;
	vertical-align:top;
}
.short-descr {
	width:310px;
	height:auto;
	font-size:12px;
	color:#4d4d4d;
	padding-right:10px;
	padding-top:2px;
}
a.link_tour-list {
	font-size:14px;
	color:#19658c;
	text-decoration:underline;
}
a.link_tour-list:hover {
	text-decoration:none;
}

a.link_tour-reserve {
	font-size:18px;
	color:#19658c;
	font-weight:bold;
	text-decoration:none;
}
a.link_tour-reserve:hover {
	text-decoration:underline;
}

.faq-box {position: relative;}
.faq-box-body{padding:0 0px 26px 0; overflow: hidden; clear: both;}