body {
	padding: 0;
	margin: 0;
	font: 12px/10px Arial, Helvetica, sans-serif;
	text-align: center;
	background: #f5f3f3;
}
a {
	outline: none;
}
img {
	border: 0;
	vertical-align: bottom;
}
form, 
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
/********************************* Common Classes *********************************/
.clearBoth {
	clear: both;
	height: 0;
	overflow: hidden;
	margin: 0;
}
/********************************* Wrapper *********************************/
#wrapper {
	/*position: relative;*/
	/*width: 100%;*/
/*	\width: 1030px;  Box Model Hack 
	w\idth: 990px;
/*	padding: 0 20px;*/
	text-align: left;
	/*margin: 20px auto;*/
	/*border: 5px solid #dde6ee;*/
	/*border-radius: 15px;*/
	/*background: #FFF;*/
	background: #a1dbff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(#a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
	background: -o-linear-gradient(#a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
	background: linear-gradient(#a1dbff 0%, #cbebff 53%, #f0f9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f0f9ff',GradientType=0 ); /* IE6-9 */
	
}
/********************************* Header *********************************/
#header {
	border-top: 2px solid #000;
    height: 95px;
    background-color: #FFF;
    color: #FFF;
    text-transform: uppercase;
    padding: 10px 0;
    position: relative;
    z-index: 10;
}
#logo {
	float: left;
	margin: 0 30px 0 0;
}
span#tel {
    float: right;
    font-size: 24px;
    margin-top: 11px;
    color: #369;
    line-height: 24px;
    text-align: right;
}
span#tel a {
	text-decoration: none;
	color: #369;
}
.header-wrapper,
.content-wrapper {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.content-wrapper.home {
	padding-top: 20px;
}
@media (min-width: 1200px) {
	.content-wrapper {
		width: 1170px;	
	}
}
#menu {
	background-color: #9cd3f2;
	border-bottom: 1px solid #000;
	position: relative;
	z-index: 10;
}
#menu ul {
	text-align: center;
	font: normal 1.3em/1.23em Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
}
#menu ul li {
	display: inline-block;
	margin: 0 6px 0 0;
}
#menu ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a.active {
    background: #369;
}
#menu ul li a span {
	display: block;
	padding: 6px 10px;
}

/********************************* Main *********************************/
#main {
	float: left;
	background: #FFF;
	background: #a1dbff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-linear-gradient(#a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
	background: -o-linear-gradient(#a1dbff 0%, #cbebff 53%, #f0f9ff 100%);
	background: linear-gradient(#a1dbff 0%, #cbebff 53%, #f0f9ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1dbff', endColorstr='#f0f9ff',GradientType=0 ); /* IE6-9 */
	position: relative;
	z-index: 1;
	width: 100%;
}
.cruises #main {
	margin-top: -133px;
}
.non-cruise #main {
	margin-top: -204px;
}
#content {
	min-height: 350px;
	/*padding: 0 9px;*/
	/*background: #fff url(../images/bottom_line.gif) 50% 100% no-repeat;*/
}

/*#content h1 {
	float: left;
	width: 960px;
	\width: 1010px; /* Box Model Hack */
	/*w\idth: 960px;*/
	/*padding: 28px 25px;
	font: bold 1.8em/1.22em Arial, Helvetica, sans-serif;
	color: #369;
	margin: 0 0 15px;
	background: transparent url(../images/title.gif) no-repeat;
	position: relative;
	z-index: 1;*/
/*}*/
*html #content h1 {
	position: relative; /* Early IE Hack */
	left: 15px;
}
#content h2 {
	font: bold 1.3em/1.15em Arial, Helvetica, sans-serif;
	color: #369;
	margin: 0 0 15px 0;
}
#content h3 {
	font: bold 1.3em/1.15em Arial, Helvetica, sans-serif;
	color: #ffb93e;
	margin: 0 0 15px 0;
}
#content p {
	font: 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 15px 0;
}
#content ul {
	font: 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0 0 15px 0;
	list-style-type: none;
}
#content ul li {
	padding: 0 45px 10px 20px;
	background: transparent url(../images/bullet.gif) 7px 6px no-repeat;
} 
#content ol {
	font: 1.2em/1.25em Arial, Helvetica, sans-serif;
	color: #333;
	padding: 0;
	margin: 0 0 15px 20px;
}
#content a {
	color: #369;
	text-decoration: none;
	border-bottom: 1px #cddaee solid;
}
#content a:hover, 
#content a:active, 
#content a:focus {
	padding: 0 3px;
	color: #000;
	margin: 0 -3px;
	border-top: 1px #ffc solid;
	border-bottom: 1px #ddddd6 solid;
	background: #ffc;
}
/********************************* Home Page *********************************/
#content h1#intro {
	float: left;
	width: 448px;
	\width: 973px; /* Box Model Hack */
	w\idth: 448px;
	padding: 71px 132px 100px 395px;
	font: normal 15px/21px Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	background: transparent url(../images/intro_broker.jpg) no-repeat;
}
*html #intro {
	position: relative; /* Early IE Hack */
	left: 15px;
}

#content h1#intro strong {
	font-size: 16px;
}
/*********************************/
.homeColumn {
	float: left;
	width: 33%;
	padding: 10px 0 0 0;
	margin: 0 20px 0 0;
}
.homeColumn img {
	float: right;
}
#largeColumn {
	float: left;
	width: 530px;
	padding: 10px 0 0 0;
	margin: 10px 20px 0 0;
}
	
/*********************************/
#sequenceEvents {
	float: right;
	margin: 10px 12px 0 0;
	width: 25%;
	background: #9cd3f2;
}
#sequenceEvents p {
	padding: 26px 18px 15px 18px;
	font: bold 1.3em/1.15em Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
}
#sequenceEvents ul {
    margin-left: 34px;
    color: #FFF;
    list-style-type: circle;
}
#sequenceEvents ul li {
	padding: 0 0 15px 0;
	background: none;
}

/********************************* Sub Page *********************************/
#leftColumn {
	float: left;
	width: 405px;
}
.leftColumn {
	float: left;
	width: 435px;
	margin: 0 20px 0 0;
}
#rightColumn {
	float: right;
	width: 405px;
}

#leftColumn img, 
#rightColumn img {
	float: right;
	margin: 0 10px 15px 30px;
}
#content ul#whatYouGet li {
	padding: 0 45px 6px 20px;
	background: transparent url(../images/heart_bullet.gif) 2px 0 no-repeat;
}
#extrasColumn {
	float: left;
	width: 730px;
	margin: 0 20px 0 0;
	padding: 10px;
}
/********************************* Booking Page ********************************/
#bookEngine {
	float: right;
	margin: 20px 0px;
	padding: 0 0 0 60px;
	
}
#flights {
	width: 750px;
	background: #edf2f6;
	padding: 28px;
	margin: 0 0 10px 65px;
}
/********************************* Get In Touch *********************************/
#contactColumn {
	float: left;
	width: 33%;
	margin: 0 20px 0 0;
}
#contactColumn p {
	float: left;
	clear: both;
	width: 260px;
	margin: 0 0 10px 0;
}
#contactColumn p input, 
#contactColumn p textarea {
	float: left;
	width: 250px;
	\width: 260px; /* Box Model Hack */
	w\idth: 250px;
	height: 25px; /* Box Model Hack */
	hei\ght: auto;
	border: 1px #d9dfe8 solid;
	border-top-color: #b7c3d3;
	border-left-color: #b7c3d3;
	padding: 3px 4px;
	font: 1em/1.25em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 2px 0 0 0;
}
#contactColumn p textarea {
	overflow: auto;
}
#contactColumn p textarea#contactAddress {
	overflow: auto;
	height: 60px;
	he\ight: 52px; /* Box Model Hack */
}
#contactColumn p textarea#contactMessage {
	overflow: auto;
	height: 160px;
	he\ight: 152px; /* Box Model Hack */
}
#contactColumn p input.error, 
#contactColumn p textarea.error {
	border-color: #c69;
}
#contactColumn p button {
	float: left;
	width: 120px;
	height: 23px;
	text-indent: -5000px;
	padding: 0;
	border: 0;
	margin: 16px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/send_message.gif) no-repeat;
	cursor: pointer;
}
#contactColumn p button:hover {
	background-position: 0 -23px;
}
#addressColumn {
	float: right;
	width: 25%;
}
#largeColumn p button {
	float: left;
	width: 120px;
	height: 23px;
	text-indent: -5000px;
	padding: 0;
	border: 0;
	margin: 16px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/send_message.gif) no-repeat;
	cursor: pointer;
}
#largeColumn p button:hover {
	background-position: 0 -23px;
}
/********************************* Footer *********************************/
#footer {
	clear: both;
	background: #f5f3f3;
	padding: 50px 0 40px;
	float: left;
    width: 100%;
    margin-top: 30px;
}
#footer p {
	font: 1.2em/1.5em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0 0 18px 0;
}
/*********************************/
#footerLeft {
	float: left;
	width: 50%;
}
#footerLeft a {
	color: #369;
	text-decoration: none;
	border-bottom: 1px #bdd1e2 solid;
}
#footerLeft a:hover, 
#footerLeft a:active, 
#footerLeft a:focus {
	color: #333;
	border-color: #ccc;
}
#copyright {
	color: #369;
}
/*********************************/
#footerRight {
	float: right;
	width: 50%;
	text-align: right;
}
#footerRight a {
	color: #369;
	text-decoration: none;
}
#footerRight a:hover, 
#footerRight a:active, 
#footerRight a:focus {
	color: #333;
}
#bytemedia {
	border-bottom: 1px #bdd1e2 solid;
}
#bytemedia:hover, 
#bytemedia:active, 
#bytemedia:focus {
	border-color: #ccc;
}
.facebook,
.twitter,
.instagram {
	float: right;
}
.facebook,
.twitter,
.instagram {
	display: none;
	background: url(../images/facebook.png) 0 0 no-repeat;
	width: 61px;
	height: 62px;
}
.twitter {
	background: url(../images/twitter.png) 0 0 no-repeat;
	margin-right: 3px;
}
.instagram {
	background: url(../images/instagram.png) 0 0 no-repeat;
	margin-right: 3px;
}
/*********************************/
#tradingNames {
	float: left;
	clear: both;
	width: 910px;
}
#tradingNames img {
	float: left;
	margin: 0 20px 0 0;
}
#tradingNames p {
	float: left;
	font: 1.1em/1.27em Arial, Helvetica, sans-serif;
	color: #999;
	margin: 17px 0 0 0;
}
#banner {
    background: none repeat scroll 0 0 #315e9a;
    border: 0 none;
    display: block;
    height: 134px;
    left: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    text-indent: -5000px;
    top: 148px;
    width: 100%;
    z-index: 10;
}
.non-cruise #banner {
	height: 202px;
}
iframe#cruiseframe {
	border: 0 none;
    /*width: 970px;*/
    height: 1000px;
}
#Classifieds ul {
	float: left;
	clear: both;
	width: 960px;
	\width: 910px; /* Box Model Hack */
	w\idth: 960px;
	font: bold 1em/1.13em Arial, Helvetica, sans-serif;
	margin-top: 85px;
	margin-left: 340px;
	list-style-type: none;
	padding: 0 0 0 35px;
}
#Classifieds ul li {
	float: left;
}
#Classifieds ul li a {
	display: block;
	float: left;
	padding: 5px 8px 5px 8px;
	color: #036;
	text-decoration: none;
}
.selected {
	color: #F00;
}
#Classifieds ul li a:hover, 
#Classifieds ul li a:active, 
#Classifieds ul li a:focus {
	color: #fff;
	background: #F00;
}
#Classifieds ul li a.active, 
#Classifieds ul li a.active:hover, 
#Classifieds ul li a.active:active, 
#Classifieds ul li a.active:focus {
	color: #fff;
	background: #00adee;
}
#offers .hotel {
	float: left;
	clear: left;
	margin-bottom: 10px;
}
#offers h3 {
	margin-bottom: 5px;
}
#offers img {
	clear: left;
	float: left;
	margin: 0 10px 5px 0;
}
#offers .from {
	float: left;
	clear: left;
	font-weight: bold;
}
#offers .save {
	float: left;
	clear: left;
	font-weight: bold;
	color: #ffb93e;
}
#offers .book {
	float: left;
	clear: left;
	font-style: italic;
}
/* Banners */
div#banners {
	margin: 20px 0;
	float: left;
	text-align: center;
	width: 305px;
}


.intro {
    position: absolute;
    top: 10%;
    /* color: #FFF!important; */
    width: 50%;
    left: 10%;
}
#content .intro h1,
#content .intro p {
	color: #FFF;
	text-shadow: 2px 1px #000;
}
#content .intro h1 {
	font: 2em/1.5em Arial, Helvetica, sans-serif;
}
#content .intro p {
	font-size: 1.5em;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 768px) 
  and (-webkit-min-device-pixel-ratio: 2) {
  	#header {
		height: 70px!important;
	}
}