header #slogan {
	position:absolute;
	right:-20px;
	top:44px;
	width:300px;
	height:66px;
}
#language {
	float: right;
	height: 38px;
	width: 230px;
	list-style-position: inside;
	padding: 0px;
	clear: none;
	list-style-type: none;
	position: static;
	top: 20px;
	background-position: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-transform: capitalize;
	line-height: normal;
	color: #3AA2DA;
	text-align: center;
	display: block;
}

/* 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;
	text-align: left;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}

/* Global properties ======================================================== */
body {
	background:#515151;
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	line-height:1em;
	color:#000;
	border-top: 8;
}
html { 
	min-width:960px;
	height:100%;
}


/* Global Structure ============================================================= */
#main {
	margin:0 auto;
	position:relative;
	width:960px;
	font-size:0.875em;
	background:url(../images/main-tail.gif) repeat-y left top;
}
	.main-top {
		background:url(../images/main-top.jpg) no-repeat left top;
		width:100%;
	}
	
	.container {
	width:873px;
	margin:0 auto;
	position:relative;
	}

	/* Header */
	header {

	}
			
	/* Footer */
	footer {
	height:53px;
	background-color:#666666;
	color:#b8b8b4;
	line-height:1.2em;
	}




/* Left & Right alignment */

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, 
.col-2, 
.col-3 {
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

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



/*----- form defaults -----*/
input, 
select, 
textarea { 
	font-family:"trebuchet MS", Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

fieldset {
	border:0;
}

/*----- lists -----*/

.list {
	margin-top:-5px;
}
	.list li {
		line-height:1.571em;
		padding-bottom:25px;
	} 
	
.list1 li {
	width:100%;
	overflow:hidden;
	vertical-align:top;
	line-height:1.571em;
	margin:-4px 0 19px 0;
	padding:0 0 20px 0;
	background:url(../images/divider.png) repeat-x left bottom;
}
.list1 li.last {
	background:url(../images/spacer.gif) no-repeat left top;
	margin:0;
	padding:0;
}
	.list1 li img {
		float:left;
		margin:4px 14px 0 0;
	}

.list2 {
	padding-bottom:26px;
}
	.list2 li {
		padding:0 0 12px 18px;
		height:1%;
		background:url(../images/marker.gif) no-repeat left 5px;
	}	
	.list2 li.alt {
		margin-bottom:-10px;
	}
		.list2 li a {
			color:#50504d;
			text-decoration:none;
		}
		.list2 li a:hover {
			color:#3aa2da;
		}
	
.list3 {
	padding-bottom:20px;
}	
	.list3 li {
		width:100%;
		overflow:hidden;
		vertical-align:top;
		padding-bottom:30px;
		line-height:1.571em;
	}
	.list3 li.last {
		padding:0;
	}
	.list3 li.alt {
		margin-bottom:-50px;
	}
		.list3 li span {
			color:#3aa2da;
		}
		.list3 li img {
			float:left;
			margin-right:24px;
		}

.testimonials li {
	padding-bottom:30px;
}		
	.testimonials li cite {
		font-style:normal;
		line-height:1.571em;
	}
	.testimonials li span {
		display:block;
		text-align:right;
		color:#3aa2da;
	}


/*----- other -----*/
.img-indent1 {
	margin-bottom:18px;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	line-height:1.571em;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:23px;
	line-height:1.5em;
	text-align: left;
	color: #000;
}
	.p1 {
	margin-bottom:2px;
	text-align: left;
	padding-bottom: 2px;
	}
	.p2 {
	margin-bottom:30px;
	text-align: left;
	}
	.p0 {
		margin:0;
	}


.address {
	line-height:1.571em;
	margin-bottom:-28px;
}
	.address dd { 
		clear:both;
		text-align:right;
		padding-bottom:28px;
	}
		.address dd span { 
			float:left;
		}

/*----- txt, links, lines, titles -----*/
a {
	color:#3aa2da; 
	outline:none;
}
a:hover {
	text-decoration:none;
	color: #F00;
}

h1 {
	font-size:3.429em;
	line-height:1.2em;
	font-weight:normal;
	padding:40px 0 0 1px;
}
	h1 a {
		text-decoration:none;
		color:#222222;
	}
	h1 strong {
		color:#53b9e9;
	}
h2 {
	font-size:2.571em;
	line-height:1.3em;
	letter-spacing:-1px;
	margin-bottom:26px;
	font-weight:normal;
	color:#000;
}


.txt1 {
	color:#3aa2da;
}

.link {
	background-color:#000;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	font-size:.857em;
	line-height:2em;
	padding:6px 20px 4px 20px;
}
.link:hover {
	background-color:#ffc200;
	color:#000;
}


/*==================boxes====================*/
.box {
	width:560px;
	float:left;
	color:#fff;
	height: 180px;
	background: #3aa2da;
}
.box.style1 {
	background:#2589c9;
}
.box.style2 {
	background:#ffc200;
	color:#17191d;
	width:309px;
	height: 180px;
}
	.box .inner {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	}
	.box h2 {
	font-weight:normal;
	color:#FFF;
	background:url(../images/title-bg.png) no-repeat left bottom;
	padding-bottom:10px;
	}
	.box .link {
		background-color:#2580cd;
	}
	.box .link:hover {
		background-color:#fff !important;
		color:#000;
	}
	.box.style1 .link {
		background-color:#185eb6;
	}
	.box.style2 .link {
		background-color:#000;
	}



/*===== header =====*/
header .container {
	height:180px;
	overflow:hidden;
	position:relative;
	z-index:20;
}
header #logo {
	height:134px;
}
header #slogan {
	position:absolute;
	right:344px;
	top:36px;
	width:245px;
	height:27px;
	background:url(../images/slogan.gif) no-repeat left top;
	overflow: visible;
	text-align: left;
	bottom: 2010427941px;
}
header nav {
	width:100%;
	position:absolute;
	left:0;
	bottom:18px !important;
	bottom:-1px;
	background-repeat:repeat-x;
	background-position:0 bottom;
	background-image:url(../images/nav-tail.png);
	height: 50px;
}
	header nav ul li {
		float:left;
		font-size:1.143em;
		line-height:4.4em;
		margin-left:-1px;
		padding-right:1px;
		border-left:1px solid #3b3b3b;
	}
	header nav ul li.fright {
		float:right;
		border:0;
		margin:0;
		padding:0;
	}
		header nav ul li.fright a {
			background-color:#3aa2da;
			color:#fff;
		}
		header nav ul li a {
	width:119px;
	height:50px;
	display:block;
	background-color:#17191d;
	color:#fff;
	text-decoration:none;
	text-align:center;
		}
		header nav ul li a:hover,
		header nav ul li a.active {
	color:#17191d;
	background-color:#ffc200;
	font-family: "trebuchet MS", Helvetica, sans-serif;
	font-size: 100%;
		}

/*===== content =====*/
#content .inside {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 869px;
}
#content .indent {
	padding-bottom:62px;
}
#content .indent1 {
	margin-top:-12px;
	position:relative;
}

/*===== footer =====*/
footer .inside {
	padding:18px 45px 0 45px;
}
footer a {
	color:#fff;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}


/*----- forms -----*/

#contacts-form .rowElem { 
	height:68px;
}
#contacts-form label {
	display:block;
}
#contacts-form input {
	width:244px; 
	padding:6px 0 6px 3px; 
	background:#fff;
	color:#50504d; 
	border:1px solid #a4a4a1; 
	vertical-align:top;	
	line-height:1.2em;
}
#contacts-form textarea { 
	width:244px; 
	height:200px; 
	overflow:auto;
	background:#fff;
	color:#50504d; 
	border:1px solid #a4a4a1; 
	padding:6px 0 6px 3px;
	margin-bottom:32px; 
}

/*==========================================*/

#page1 header nav, 
#page3 header nav, 
#page5 header nav {
	background-position:0 44px;
}



/*--- faded ---*/
#faded { width:873px; height:493px; position:relative; background-color:#000;}
#faded ul { list-style:none; padding:0; margin:0; }
ul.pagination { list-style:none; padding:0; margin:0; position:absolute; bottom:12px; left:17px; }
ul.pagination li { float:left; margin-right:3px;}
ul.pagination li a {
	width:20px;
	height:20px;
	background-color:#f3f3f3;
	display:run-in;
}
ul.pagination li.current a { background:#53b9e9;}
a {
	outline:0;
	border:0;
}
#faded span { font-size:1.714em; color:#fff; position:absolute; right:23px; bottom:7px; line-height:1.2em;}
#faded span span { position:static; font-size:1em; color:#ffc200;}
<link href="jimgMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script><script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<style type="text/css">
body {
	margin:0;
	padding:0;
	color: #333;
	background-color: #FFF;
	background-image: url(images/bg1.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center top;
	width: 100%;
	overflow: scroll;
}
</style>
<style type="text/css">
.description {padding-left: 40px;}
</style>
[if IE]>
<style type="text/css">.jimgMenu {position:relative;width:630px;height:200px;overflow:hidden;margin-left:20px;}</style>
<![endif]
<script type="text/javascript">
$(document).ready(function () {

  // find the elements to be eased and hook the hover event
  $('div.jimgMenu ul li a').hover(function() {
    
    // if the element is currently being animated (to a easeOut)...
    if ($(this).is(':animated')) {
      $(this).stop().animate({width: "310px"}, {duration: 450, easing:"easeOutQuad"});
    } else {
      // ease in quickly
      $(this).stop().animate({width: "310px"}, {duration: 400, easing:"easeOutQuad"});
    }
  }, function () {
    // on hovering out, ease the element out
    if ($(this).is(':animated')) {
      $(this).stop().animate({width: "78px"}, {duration: 400, easing:"easeInOutQuad"})
    } else {
      // ease out slowly
      $(this).stop('animated:').animate({width: "78px"}, {duration: 450, easing:"easeInOutQuad"});
    }
  });
});
</script>
</head>
<body>
<div class="jimgMenu">
  <ul>
    <li class="landscapes"><a href="#nogo">Landscapes</a></li>
    <li class="people"><a href="#nogo">People</a></li>
    <li class="nature"><a href="#nogo">Nature</a></li>
    <li class="abstract"><a href="#nogo">Abstract</a></li>
    <li class="landscapes"><a href="#nogo">Landscapes</a></li>
    <li class="people"><a href="#nogo">People</a></li>
    <li class="nature"><a href="#nogo">Nature</a></li>
    <li class="urban"><a href="#nogo">Urban</a></li>
  </ul>
</div>
<p>&nbsp;</p>
<p><br  style="clear:both"/>
  <br />
</p>
#cruise {
}
#cruise {
	height: 372px;
	width: 309px;
}
.box.style3 {
	background:#ffc200;
	color:#17191d;
	width:309px;
	height: 341px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: right;
}
#endpage {
	height: 200px;
	width: 390px;
}
.box.style4 {
	background:#3aa2da;
	color:#17191d;
	width:309px;
	height: 372px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#hotelsinegpyt {
	height: 215px;
	width: 309px;
}
.box.style5 {
	background:#2589c9;
	color:#17191d;
	width:251px;
	height: 350px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.box.style6 {
	background:#ffc200;
	color:#17191d;
	width:280px;
	height: 200px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.box.style7 {
	background:#2589c9;
	color:#17191d;
	width:251px;
	height: 215px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#cruise1 {
	height: 372px;
	width: 251px;
	float: none;
}
#boxe1 {
	background-color: #2589c9;
	float: left;
	height: 375px;
	width: 231px;
	margin-top: 22px;
	padding-left: 10px;
	padding-right: 10px;
}
#boxe2 {
	background-color: #3aa2da;
	float: left;
	height: 375px;
	width: 289px;
	margin-top: 22px;
	padding-left: 10px;
	padding-right: 10px;
}
#boxe3 {
	background-color: #ffc200;
	float: left;
	height: 375px;
	width: 289px;
	margin-top: 22px;
	padding-left: 10px;
	padding-right: 10px;
}
#page2boxe2 {
	background-color: #2589c9;
	float: left;
	height: 575px;
	width: 851px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#page3boxe2 {
	background-color: #2589c9;
	float: left;
	height: auto;
	width: 851px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}
#page3boxe3 {
	background-color: #2589c9;
	float: left;
	height: auto;
	width: 851px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 22px;
}
#page3boxe4 {
	background-color: #2589c9;
	float: left;
	height: auto;
	width: 851px;
	padding-left: 10px;
	padding-right: 10px;
}

.container1 {
	width:845px;
	position:relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	margin: 0;
}
#page4boxe1 {
	background-color: #2589c9;
	float: left;
	height: 165px;
	width: 851px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 22px;
}
#page4boxe2 {
	background-color: #2589c9;
	float: left;
	height: 200px;
	width: 851px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 22px;
}
#page2boxe5 {
	background-color: #2589c9;
	float: left;
	height: auto;
	width: 851px;
	margin-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
}