/* Getting the new tags to behave */
article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video {
	display: block
}

mark,
rp,
rt,
ruby,
summary,
time {
	display: inline
}

/* Left & Right alignment */
.left {
	float: left
}

.right {
	float: right
}

.wrapper {
	width: 100%;
	overflow: hidden
}

.relative {
	position: relative
}

*+html .relative {
	position: static
}

/* Global properties */
body {
	background: url(../kritis_travellers/images/bg_img.jpg)top center no-repeat #000;
	border: 0;
	font: 13px Arial, Helvetica, sans-serif;
	color: #3a3a3a;
	line-height: 20px;
	min-width: 980px;
	padding: 20px 0
}

.ic,
.ic a {
	border: 0;
	float: right;
	background: #fff;
	color: #f00;
	width: 50%;
	line-height: 10px;
	font-size: 10px;
	margin: -220% 0 0 0;
	overflow: hidden;
	padding: 0
}

.css3 {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4);
	position: relative
}

/* Global Structure */
.main {
	margin: 0 auto;
	width: 960px;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 7px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .2);
	position: relative
}

/* main layout */
a {
	color: #1d77e9;
	text-decoration: underline;
	outline: none
}

a:hover {
	text-decoration: none
}

h1 {
	padding: 27px 0 0 41px;
	float: left
}

h2 {
	font-size: 20px;
	line-height: 1.2em;
	padding: 12px 32px 16px 32px;
	margin-bottom: 14px;
	background: #f7f7f7;
	position: relative;
	letter-spacing: -1px
}

h2.top {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0
}

h3 {
	font-size: 30px;
	color: #000;
	line-height: 1.2em;
	margin-top: -4px;
	letter-spacing: -1px;
	padding: 10px 0px !important;
}

h3 span {
	font-size: 20px;
	color: #767676;
	line-height: 1.2em;
	display: block;
	margin-top: -5px
}

h4 {
	font-size: 20px;
	color: #000;
	line-height: 1.2em;
	padding: 0 0 14px 0;
	letter-spacing: -1px
}

p {
	padding-bottom: 18px
}

/* header */
header {
	height: 217px;
	width: 100%;
	overflow: hidden;
	background: #ffffff url(../images/logo.png) center center no-repeat;
	background-size: contain;
}

@media (max-width: 768px) {
	header {
		height: 120px;
	}

	.category-title {
		font-size: 38px;
	}

	.package-card h3 {
		font-size: 36px;
	}
}

#logo {
	display: block;
	background: url() 0 0 no-repeat;
	width: 200px;
	height: 118px;
	text-indent: -9999px
}

#slogan {
	font-size: 20px;
	line-height: 1.2em;
	color: #fff;
	float: left;
	padding: 95px 0 0 18px;
	letter-spacing: -1px
}

#top_nav {
	float: right;
	padding: 10px 10px 0 0
}

#top_nav li {
	float: left;
	padding-left: 25px;
	width: 50px;
	text-align: center
}

#top_nav li a {
	display: inline-block;
	padding-top: 13px;
	color: #fff
}

.nav1 {
	background: url(../kritis_travellers/images/img_top1.gif) center 0 no-repeat
}

.nav2 {
	background: url(../kritis_travellers/images/img_top2.gif) center 0 no-repeat
}

.nav3 {
	background: url(../kritis_travellers/images/img_top3.gif) center 0 no-repeat
}

#menu {
	padding: 20px 0 0 185px
}

#menu li {
	float: left;
	margin-left: -1px;
	background: url(../kritis_travellers/images/menu_line.gif) bottom right no-repeat
}

#menu .end {
	background: none
}

#menu li a {
	display: block;
	height: 50px;
	font-size: 20px;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	letter-spacing: -1px
}

#menu li a span {
	display: block
}

#menu li a span span {
	padding: 0 20px;
	margin: 0 6px
}

#menu li a:hover,
#menu #menu_active a {
	background: url(../kritis_travellers/images/menu_left.png) top left no-repeat;
	color: #000
}

#menu li a:hover span,
#menu #menu_active a span {
	background: url(../kritis_travellers/images/menu_right.png) top right no-repeat
}

#menu li a:hover span span,
#menu #menu_active a span span {
	background: url(../kritis_travellers/images/menu_bg.gif) top repeat-x
}

/* content */
#content {
	width: 100%;
	overflow: hidden;
	padding-bottom: 14px
}

.for_banners {
	background: url(.../images/bg_top_img.jpg) 0 0 no-repeat;
	width: 100%;
	height: 342px;
	padding-top: 30px
}

.pad1 {
	padding: 30px 0;
	background: url(../images/bg_top2.jpg) 0 0 no-repeat
}

#page1 .pad1 {
	background: none
}

.pad {
	padding: 0 27px 0 32px
}

.pad_bot1 {
	padding-bottom: 10px
}

.pad_bot2 {
	padding-bottom: 15px
}

.pad_bot3 {
	padding-bottom: 32px
}

.pad_left1 {
	padding-left: 31px
}

.pad_top1 {
	padding-top: 11px
}

.marg_right1 {
	margin-right: 31px
}

/* tabs begin */
.tabs {
	position: relative
}

.tabs ul.nav {
	position: absolute;
	top: 0
}

.tabs ul.nav li {
	float: left;
	padding-right: 1px;
	width: 95px
}

.tabs ul.nav .end {
	padding-right: 0
}

.tabs ul.nav li a {
	color: #fff;
	text-align: center;
	display: block;
	background: url(../images/tabs.gif) 0 0 repeat-x #30c1fd;
	line-height: 42px;
	text-decoration: none;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	box-shadow: 0 0 3px #d0d0d0;
	-moz-box-shadow: 0 0 3px #d0d0d0;
	-webkit-box-shadow: 0 0 3px #d0d0d0;
	position: relative;
	overflow: hidden
}

.tabs ul.nav li a:hover,
.tabs ul.nav .selected a {
	color: #000;
	background: url(../images/tabs_active.gif) top repeat-x #e7e6e6
}

.tabs .content {
	background: #fff;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	box-shadow: 0 0 3px #d0d0d0;
	-moz-box-shadow: 0 0 3px #d0d0d0;
	-webkit-box-shadow: 0 0 3px #d0d0d0;
	position: relative;
	padding: 1px;
	top: 40px;
	padding-bottom: 20px
}

.tabs .tab-content {}

/*  tabs end */
/* tabs begin */
.tabs2 {
	position: relative
}

.tabs2 ul.nav {
	position: absolute;
	top: 0
}

.tabs2 ul.nav li {
	float: left;
	padding-right: 1px;
	width: 185px
}

.tabs2 ul.nav .end {
	padding-right: 0
}

.tabs2 ul.nav li a {
	color: #fff;
	text-align: center;
	display: block;
	background: url(../kritis_travellers/images/tabs.gif) 0 0 repeat-x #30c1fd;
	line-height: 42px;
	text-decoration: none;
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	box-shadow: 0 0 3px #d0d0d0;
	-moz-box-shadow: 0 0 3px #d0d0d0;
	-webkit-box-shadow: 0 0 3px #d0d0d0;
	position: relative;
	overflow: hidden
}

.tabs2 ul.nav li a:hover,
.tabs2 ul.nav .selected a {
	color: #000;
	background: url(../kritis_travellers/images/tabs_active.gif) top repeat-x #e7e6e6
}

.tabs2 .content {
	background: #fff;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
	box-shadow: 0 0 3px #d0d0d0;
	-moz-box-shadow: 0 0 3px #d0d0d0;
	-webkit-box-shadow: 0 0 3px #d0d0d0;
	position: relative;
	padding: 1px;
	top: 40px;
	padding-bottom: 20px
}

.tabs2 .tab-content {}

/* tabs end */
/* The Nivo Slider styles */
#slider {
	height: 114px;
	overflow: hidden;
	width: 561px !important;
	margin-top: 200px;
	margin-left: 40px;
	float: left
}

.nivoSlider {
	position: relative
}

.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	z-index: 60;
	display: none
}

/* The slices in the Slider */
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 50;
	height: 100%
}

/* Tooltips */
.aToolTip {
	border: 1px solid #000;
	background: url(../images/opacity_50_black.png) repeat;
	color: #fff;
	margin: 0;
	padding: 2px 10px;
	font-size: 11px
}

.aToolTip .aToolTipContent {
	position: relative;
	margin: 0;
	padding: 0
}

.button1 {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	line-height: 28px;
	height: 30px;
	padding: 0 19px;
	background: url(../kritis_travellers/images/button_1.gif) 0 0px repeat-x #1d77e9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position: relative;
	cursor: pointer
}

.button1 strong {
	display: block;
	padding-right: 16px;
	background: url(../images/marker_2.gif) right 10px no-repeat
}

.button1:hover {
	background: url(../images/button_active.gif) 0 0 repeat-x #e7e6e6
}

.button1:hover strong {
	background: url(../images/marker_1.gif) right 10px no-repeat;
	color: #1d77e9
}

.link1 {
	padding-left: 13px;
	background: url(../images/marker_1.gif) 0 6px no-repeat;
	display: inline-block
}

.box1 {
	background: #fff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	box-shadow: 0 0 3px #d0d0d0;
	-moz-box-shadow: 0 0 3px #d0d0d0;
	-webkit-box-shadow: 0 0 3px #d0d0d0;
	position: relative;
	padding: 1px
}

.color1 {
	color: #7f7f7f
}

.list1 li {
	width: 100%;
	overflow: hidden
}

.list1 li a {
	padding-left: 11px;
	background: url(../images/marker_1.gif) 0 4px no-repeat
}

.calendar {
	width: 100%;
	overflow: hidden;
	font-size: 12px;
	color: #000;
	line-height: 18px;
	text-align: center;
	padding-bottom: 4px
}

.calendar .thead li {
	float: left;
	width: 27px;
	padding-right: 1px;
	padding-bottom: 2px
}

.calendar .tbody li {
	float: left;
	padding-right: 1px;
	width: 27px;
	padding-bottom: 1px
}

.calendar .tbody li a {
	display: block;
	border: 1px solid #e5e5e5;
	height: 18px;
	color: #000;
	text-decoration: none
}

.calendar .tbody li a.active {
	border: 1px solid #1d77e9;
	background: #1d77e9;
	color: #fff
}

.calendar .tbody li a.selected {
	background: #cccccc;
	border: 1px solid #b7b7b7
}

.box2 {
	background: #f7f7f7;
	padding: 14px 32px;
	color: #000;
	margin-bottom: 14px;
	font-size: 12px
}

.box2.top {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0
}

.box2 strong {
	font-size: 13px
}

/* footer */
footer {
	padding: 10px 0 10px 10px;
	background-color: #C3CCD2;
	font-size: 12px;
	color: #3a3a3a
}

footer a {
	color: #1d77e9
}

footer a:hover {}

#icons {
	float: left;
	padding-top: 7px
}

#icons li {
	float: left;
	padding-right: 9px
}

.links {
	padding-left: 170px;
	width: 400px;
	text-align: center;
	float: left;
}