/*
Theme Name:     World Travel Centre Theme
Description:    Child theme for the Twenty Ten theme 
Author:         Ewelina Blumicz
*/

@import url('css/nivo-slider.css');
@import url('css/nivo-themes/default/default.css');
@import url('css/nivo-themes/subpage/subpage.css');



/* Reset ***********************************************************************************/

::selection {color:#FFF;background:#4e87a6;}
::-moz-selection {color:#FFF;background:#4e87a6;} 

.fixed {
    position:fixed;
    top:0; z-index:999; box-shadow: 0 0 5px #888;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
ul {list-style:none; }



hr{ border-top: 1px dotted #aaa; border-bottom:none;
	  margin:10px 0 20px 0}

#top-bar{width:100%; height:26px; line-height:26px; font-size:11px; background-color:#005cbd; 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1760b1', endColorstr='#3280d8'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#1760b1), to(#3280d8)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #1760b1,  #3280d8); /* for firefox 3.6+ */ color:#eee; padding:2px 0px; margin-bottom:8px}
#top-bar a{display:block; color:#eee; float:right; margin-left:6px}




#header{width:100%; height:90px; background-color:#fff;}
#menu{width:100%; height:56px; background:#f2f5f6 url(graphics/bg-menu.png) repeat-x 0 0}
#content{width:100%; background-color:#fff;}
#footer{width:100%; height:175px; background:#1751a4 url(graphics/bg-footer.png) repeat-x 0 0;}
#footer .three-columns li #icons{margin-top:10px}
#footer a{color:#fff}
#footer a:hover{color:#eee; text-decoration:underline}
#footer  #icons img{; width:32px;margin-right:5px}



#top-bar2 div.inner{}
#header div.inner{}
#menu div.inner{width:950px; height:56px; background:#f2f5f6 url(graphics/bg-menu.png) repeat-x 0 0;border-right:0px solid #e8ebec;}
#content div.inner{width:950px; line-height:1.4em}
#footer div.inner{width:950px; height:135px; background:#1751a4 url(graphics/bg-footer-inner.png) no-repeat 0 0; padding:10px 0 30px 0}




/* end of Reset */

body, html{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#605f64}
a{text-decoration:none; color:#3188e7}
a:hover{color:#134b88}


submit{cursor:pointer}
#logo{float:left}
#banner{float:right; background:#fff url(graphics/banner-bg.png) no-repeat 0 0; padding:1px; width:468px; height:75px;margin-top:10px}


/* general Classes *************************************************************************/

.inner{width:950px; margin:0 auto;overflow:hidden}
.spacer{width:100%; height:30px; color:#fff}
.left{float:left; margin-right:20px}
.right{float:right}
.box{background-color:#f2f5f6; padding:15px 15px; overflow:hidden}
.clear{clear:both}
.image-link a:hover{opacity:0.7;filter:alpha(opacity=70)}
.infobox{ background: url(graphics/infobox.png) no-repeat bottom center; padding-bottom:12px;}
.infobox .info{background:#fff; padding:25px 15px ; border:1px solid #e8eced; font-size:15px; text-align:center; clear:right;}
.infobox strong{color:#1d6ac0; font-weight:bold; font-size:20px;}
strong{font-weight:bold}
em{font-style:italic}

 .button {/*background-color:#3b648f;*/ color:#fff; cursor:pointer; padding:3px 10px; border:1px solid #1662b7; margin: 5px 0;  text-transform:uppercase;  font-size:11px; -moz-border-radius: 3px;
border-radius: 3px;
background: #00438d; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2174cf', endColorstr='#00438d'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2174cf), to(#00438d)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2174cf,  #00438d); /* for firefox 3.6+ */}
.button:hover{color:#fff;
background: #2174cf; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00438d', endColorstr='#2174cf'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00438d), to(#2174cf)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #00438d,  #2174cf); /* for firefox 3.6+ */}


/* end of General Classes */




/* H ***********************************************************************************/

h1{font-size:26px; font-weight:bold; }
h2{font-size:14px;  font-weight:normal; color:#3c6a7b}
h3{font-size:18px;  font-weight:normal; }
h4{font-size:16px; font-weight:bold; color:#7f9ba5;  }
h5{}

h2, h3{font-family: 'Cinzel', serif;}
#specials h2{font-family:Arial, Helvetica, sans-serif;font-size:12px; font-weight:bold; line-height:18px; margin-bottom:8px}
h1{font-family: 'Cinzel', serif;}
a{ }

/* end of H */



/* TOP BAR *******************************************************************************/
#top-bar .right{width:360px}
#top-bar #social-icons{float:right; width:60px; height:22px; line-height:22px; overflow:hidden}
#top-bar ul li{display:inline; }

#top-bar  ul li a{float:left; color: /*#a3a4a4*/ #eee;text-decoration: none;}
#top-bar  ul li a:hover{/*color:#006de3*/ color:#fff}
#top-bar ul li:before {float: left; content: "\00a0::\00a0" } /* \00a0 means   here */
#top-bar ul li:first-child:before {content: "" }



/* Menu ***********************************************************************************/

#menu ul{margin-bottom: 1em;float: left;
font: normal 12px Arial;width: 100%;line-height:56px;text-transform:uppercase;}

* html #rmenu ul{ /*IE only rule, reduce menu width*/width: 99%;}

#menu ul li{display: inline;}

#menu ul li a{float: left;color: #545c69/*8b8f96*/;padding: 2px 14px;text-decoration: none;border-right:1px solid #fff;border-left:1px solid #e8ebec;}
#menu ul li a.last{border-right:none}

#menu ul li.active a{color: #fff;background: #2360bc url(graphics/bg-menu-active.png) repeat-x 0 0;border-left:1px solid #1052aa; border-right:1px solid #1052aa;}
#menu ul li.active a:hover{color:#fff; text-shadow:0 0px 0 #fff;}
#menu ul li a:hover{color: #424b5d;text-shadow:0 1px 0 #fff;filter: dropshadow(color=#ffffff,offX=0,offY=1);background-color:#cbd1da}
/* end of Menu */



/* Navigation ********************************************************************************/
#nav{width:910px; height:60px; line-height:60px; background:transparent url(graphics/bg-nav.png) no-repeat 0 0; padding:0 20px; color:#fff; }
#nav  small{ color:#b6c0ce; font-size:12px}
#nav a{font-size:12px; color:#fff}
#nav a:hover{color:#b6c0ce}

/* end of Navigation */



 /* Content **********************************************************************************/
 
 
  /* end of Content */
  
 

/* Hilight-box ***********************************************************************************/
.hilight-box{background:url(graphics/hilight-box.png) repeat-x 0 0; width:100%; height:129px; border-top:1px solid #fff; padding-top:20px}
.hilight-box h2{text-shadow:0 1px 0 #fff;filter: dropshadow(color=#ffffff,offX=0,offY=1);}
.hilight-box .three-columns li{float:left;display:inline; color:#5b6c7e; height:100px;}
.hilight-box .three-columns li{ width:270px; margin:0px; padding:0px 20px; border-left:1px solid #fff; border-right:1px solid #a9bbc4; }
.hilight-box .three-columns li.last{ border-right:none}
.hilight-box .three-columns li.first{border-left:none; }
/* end of Hilight box */

/* Footer ***********************************************************************************/
#footer h3{ font-size:14px; line-height:1.5em }
#footer .three-columns li{float:left;display:inline; color:#fff; height:100px;}
#footer .three-columns li{ width:288px; margin:0px; padding:0px 20px; border-left:1px solid #75ace8; border-right:1px solid #013f82; opacity:0.8;filter:alpha(opacity=80);}
#footer .three-columns li.last{text-align:right; padding-right:0; border-right:none}
#footer .three-columns li.first{border-left:none; padding-left:0}
#footer a{color:#fff; text-transform: lowercase}
#footer a:hover{color:#eee; text-decoration:underline}



#footer-menu ul li{display: inline;}

#footer-menu ul li a{float: left;color: #fff;padding: 2px 10px 30px 10px;text-decoration: none;  font-size:10px; text-transform:uppercase }

#footer-menu ul li.active a{color: #ccc;  }
#footer-menu ul li.active a:hover{color:#ccc; text-shadow:0 0px 0 #fff;}
#footer-menu ul li a:hover{color: #ccc; }
/* end of Footer */



/* Home layout ******************************************************************************/
#leftcolumn {  width: 670px;float: left;}
#rightcolumn { float: right; width: 263px; display: inline; position: relative;}


#rightcolumn  #flights{margin-bottom:30px; height:310px; background:#005ab8 url(graphics/bg-flights.png) no-repeat 0 0; color:#fff; padding:10px;}
#rightcolumn  #flights h1{font-size:20px; margin:8px 0;}
#rightcolumn  #flights li{padding:6px 0;}
#rightcolumn  #flights li .dates, #rightcolumn  #flights li .airlines{font-size:10px; line-height:10px}
#rightcolumn  #flights li a{display:block; width:240px;  text-decoration:none; color:#fff;}
#rightcolumn  #flights li a:hover{color:#d8e6f2}
#rightcolumn  #flights li.spacer{border-top:1px solid #000; border-bottom:1px solid #fff;opacity:0.3;filter:alpha(opacity=30); height:0px; line-height:0px; padding:0px; font-size:1px}


#rightcolumn #newsletter{height:88px; background:url(graphics/bg-newsletter.png) no-repeat 0 0; padding:10px; overflow:hidden; margin-bottom:15px; text-shadow:0 1px 0 #fff;filter: dropshadow(color=#ffffff,offX=0,offY=1); }
#rightcolumn #newsletter a{display:block; padding:20px 0; color:#626b6e}

#leftcolumn .two-columns li {float:left;display:inline; text-shadow:0 1px 0 #fff; }
#leftcolumn .two-columns li { width:280px; margin:10px 10px 30px 10px}
#leftcolumn .box li{background:url(graphics/hilight.png) repeat-y top left;font-size:12px; color:#716f7d;padding:3px 0px 3px 20px}
#leftcolumn .box li h2{font-size:18px}

/* Subpage layout ***************************************************************************/
#subpage{ background:#f2f5f6; padding:0 20px 20px 20px; overflow:hidden; font-size:13px; line-height:1.7em}

.intro{ margin:20px 0 0 0; color:#4d72a0/*809ca6*/; font-size:15px; line-height:1.5em}
.line{border-bottom:1px solid #fff;  margin:20px 0 20px 0}
.line span{display:block; border-bottom:1px solid #e2e6e7; padding:0px 0 0px 0;}

#subpage-nivoslider{float:right; width:342px; height:272px; margin-left:20px}


/*#left-nav{ width:180px; background: url(graphics/bg-left-nav.png) repeat-y 0 0; float:left; min-height:200px; margin-right:20px; margin-left:-20px;    overflow:hidden }


#left-nav a{color:#7f9ba5; display:block; padding-left:20px; height:24px; line-height:25px;border-bottom:1px solid #fff; width:140px; border-top:1px solid #e2e6e7; overflow:hidden; width:180px; font-size:11px}
#left-nav a.active, #left-nav a.active:hover{color:#fff; background: url(graphics/bg-left-nav-active.png) no-repeat 0 0; width:160px;}
#left-nav a:hover{background: url(graphics/bg-left-nav-hover.png) no-repeat 0 0; width:153px; color:#3b648f}*/

#left-nav{ width:180px; background: url(graphics/bg-left-nav.png) repeat-y 0 0; float:left;/* height:460px; */margin-right:20px; margin-left:-20px;    overflow:hidden; font-size:11px }
#left-nav ul{width:173px; }
#left-nav a{color:#4b6276; display:block; padding-left:20px; height:24px; line-height:25px;border-bottom:1px solid #fff; width:153px; border-top:1px solid #e2e6e7; overflow:hidden; width:150px; text-transform:capitalize;}
#left-nav a.active, #left-nav a.active:hover{color:#fff; font-weight:bold; background:   #37658c url(graphics/bg-left-nav-active.png) no-repeat 0 0; width:160px; border-top:1px solid #f2f5f6; border-bottom:1px solid #f2f5f6}
#left-nav   a:hover{/* background: url(graphics/bg-left-nav-hover.png) no-repeat 0 0; */ width:150px; color:#3b648f}

#left-nav ul ul{padding-left:20px; background:#f6fafb; width:153px; overflow:hidden}
#left-nav ul ul a{color:#37658c; display:block; padding-left:20px; height:24px; line-height:25px;  width:120px; border:none   }
#left-nav ul ul a.active, #left-nav ul ul a.active:hover{background:#f6fafb;  font-weight:bold; color:#24435d;}
#left-nav ul ul a:hover{background:#f6fafb; width:153px; color:#3b648f}









.text{margin-left:180px;}
.small{font-size:11px}
.text p, .full-text p{margin-bottom:20px}
.full-text h1, .full-text h2,.full-text h3,.text h1, .text h2, .text h3{color:#1d6ac0 /*#4d72a0*/}
.jobs{ }
.jobs .infobox .info{text-align:left}
.jobs .infobox .info li{line-height:1.6em}
.jobs-box strong{color:#1d6ac0; font-weight:bold; font-size:20px;}
.jobs-box {  line-height:1.6em; background:#fff; border:1px solid #e8eced; padding:20px}
.work-for-us{width:75%}
/* end of subpage layput */


/* Specials **********************************************************************************/
.blue-button {/*background-color:#3b648f;*/ color:#fff; cursor:pointer; padding:5px 15px; border:1px solid #1662b7; margin: 5px 0; text-transform:uppercase; font-size:13px; -moz-border-radius: 15px;
border-radius: 15px;
background: #00438d; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2174cf', endColorstr='#00438d'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2174cf), to(#00438d)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2174cf,  #00438d); /* for firefox 3.6+ */}
.blue-button:hover{
background: #2174cf; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00438d', endColorstr='#2174cf'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00438d), to(#2174cf)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #00438d,  #2174cf); /* for firefox 3.6+ */ color:#fff}


.four-columns{ overflow:hidden}
.four-columns li{float:left;display:inline; color:#fff; height:270px;border:1px solid #f2f5f6; background-color:#fff}
.four-columns li{ width:202px; margin:0px 6px 22px 6px; padding:6px; }

.four-columns li.last{ margin-right:0; }
.four-columns li.first{ margin-left:0}
.four-columns.carousel li { margin: 0px 12px 22px 0px; }
.four-columns li img.pics{width:200px; height:123px; background:url(graphics/shadow1.png) no-repeat bottom left; padding:1px 1px 13px 1px}


.four-columns li h2{  padding-left:5px; line-height:22px}
.four-columns li p{color:#716f7d; font-size:12px; padding-left:5px; line-height:14px; }
.four-columns li .packageinfo{height:60px; overflow:hidden }
.four-columns li a.link{color:#4e7b8b;  text-transform:uppercase; margin-top:10px; display:block;/* background-color:#f2f5f6; border:1px solid #eaeff1;*/ padding:2px 8px; text-align:right }
.four-columns li  a.link:hover{color:#064a93; background-color:#ecf3f8}



#specials a.button{font-weight:normal; font-size:11px; text-transform:uppercase; text-decoration:none; color:#fff; background-color:#4f749a; padding:1px; margin-top:3px; display:block; width:90px; height:15px; margin-left:0px; text-align:center}
#specials a.button:hover{background-color:#224d7a; text-decoration:none}

#destinations li {height:290px; margin-bottom:5px; }
#destinations li p{font-size:12px; line-height:1.6em; }
#destinations li h2{font-size:17px; margin:7px 0}
#destinations li p a{line-height:30px}

/* Contact page ***************/
#map-bg{width:496px; height:347px; padding:1px 1px 0 0; background:url(graphics/bg-map.png) no-repeat 0 0}
#map{width:495px; height:325px; }
/* end of contact page */



/************ JOBS **************/
#jobs ul{margin:10px 0}
#jobs ul li{list-style-type:square; list-style-position:inside; line-height:1.6em}
#jobs .box{border:1px solid #ccc; background-color:#fff; font-size:14px; font-style:italic; margin:20px 0}

/*********************************/



/*************** Newsletter Form *************************/
#mc_embed_signup, #mc_embed_signup form{width:300px; }


/*************** Form *************************/
input{margin:0}
.form{font-size:10px;background-color:#f2f5f6; color:#888;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #e2e6e7;padding-top: 1.5em;margin: .5em 0;background-color: #f2f5f6;color: #888;text-align: left; padding:20px;overflow:hidden;}

.form label{/*display:block; */ width:250px; margin-bottom:2px; }
.form div{margin-bottom:10px; overflow:hidden;  }
.form input, .form select, .form textarea{width:250px; background-color:#fff; border:1px solid #b0b0b0; font-size:10px; color:#666; padding:2px 0; margin:0; }
.form .short{width:130px; float:left}
.form .short select{width:100px;}
.form .last{float:none}

.form .button {/*background-color:#3b648f;*/ color:#fff; cursor:pointer; padding:5px 15px; border:1px solid #1662b7; margin: 5px 0; text-transform:uppercase; font-size:13px; -moz-border-radius: 15px;
border-radius: 15px;
background: #00438d; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2174cf', endColorstr='#00438d'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#2174cf), to(#00438d)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #2174cf,  #00438d); /* for firefox 3.6+ */}
.form .button:hover{
background: #2174cf; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00438d', endColorstr='#2174cf'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#00438d), to(#2174cf)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #00438d,  #2174cf); /* for firefox 3.6+ */}

.form .left-col{width:300px; float:left;}
.form .right-col {width:300px; float:right;}

.form h2{margin:10px 0 10px 0; color:#3b648f}
.form .line{margin-top:5px; margin-bottom:25px}


/* package overview */

.overview{width:357px;  height:280px; -moz-border-radius: 6px;
border-radius: 6px;
 margin:0 0 15px 180px; padding:5px 0; border:1px solid #e8e8e8; background: #fff; /* for non-css3 browsers */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f5f6'); 
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f1f5f6)); 
background: -moz-linear-gradient(top,  #ffffff,  #f1f5f6); */}
.overview .attachment-airline-logo{ position:relative;margin-top:240px;  margin-left:100px; height:29px}
.overview ul{background: url(graphics/overview-bg.png) no-repeat top left; margin:-12px 0px 0 -5px;width:257px; padding:25px 50px 5px 50px; position:absolute; z-index:100; overflow:hidden}
.overview ul li{margin-bottom:1px;  line-height:24px; font-size:11px; border-bottom:1px dotted #ddd; font-family:Tahoma, sans-serif;}
.overview ul li span{display:block; float:left; width:125px; text-align:right; font-weight:bold; padding:0 5px; color:#809ca6; font-size:10px; }


/*  Filter */


.filter ul li{display:block; float:left;  text-transform:uppercase; color:#809ca6; font-size:12px; }
.filter ul li a{display:block; padding:3px 10px;background-color:#809ca6; margin-right:5px;color:#fff}
.filter ul li a:hover{background-color:#fff; color:#809ca6}


/* filter made of world map divided into continents */
div#continents-map-background { position: relative; width: 950px; height: 228px; background: white; }
div#continents-map-background { text-transform:uppercase; color:#fff; font-size:11px; }
div#continents-map-background img.bg { position:absolute; top: 0; left: 0; display:none; }
div#continents-map-background img#img-all-continents { display: block; }
div#continents-map-background h1 { position:absolute; top: 40px; left: 30px; width: 360px; line-height: 40px; font-size:40px}
div#continents-map-background a { z-index: 101; position:absolute; display:block; padding:3px 10px;background-color:#197bc3; margin-right:5px; color:#fff; }
div#continents-map-background a:hover { background-color:#2e2e7f; }
div#continents-map-background a.selected { background-color:#2e2e7f; }
div#continents-map-background a.selected2 { background-color:#2e2e7f; }
img#continents-map { position: absolute; top:10px; left:400px; }
map#continents { }
map#continents area { outline: none; }

div#continents-map-background a#all-continents { top: 20px; left: 850px; }
div#continents-map-background a#continent-africa { top: 130px; left: 600px; }
div#continents-map-background a#continent-asia { top: 60px; left: 700px; }
div#continents-map-background a#continent-australia { top: 180px; left: 750px; }
div#continents-map-background a#continent-north-america { top: 30px; left: 400px; }
div#continents-map-background a#continent-europe { top: 30px; left: 600px; }
div#continents-map-background a#continent-middle-east { top: 90px; left: 650px; }
div#continents-map-background a#continent-south-america { top: 180px; left: 500px; }
div#continents-map-background a#continent-central-america { top: 100px; left: 380px; }



/*******************************************/
/*******************************************/
/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
.mobile{display:none}
#mobileimage{display:none}
#socials{float:left; margin-top:10px; margin-right:5px; line-height:30px}
}
/**************************************************************/
/**************************************************************/
/***************** Tablets and mobile phones ******************/

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

.attachment-950wide{max-width:100%; height:auto}
#top-bar .left{padding-left:5px; width:260px;}
#top-bar .inner{width:96%; margin:0 auto}
#top-bar .right{width:310px; font-size:10px;}


#menu{height:46px;}
#menu div.inner{width:98%; height:46px; text-align:center}

#menu ul{font: normal 11px Arial;width:100%;height:46px; line-height:46px;text-transform:uppercase; text-align:center; }
#menu ul li a{padding: 2px 6px;}




#nav{  background-image:none; background:#005ab8; min-height:60px; line-height:40px; font-size:30px; padding:0;  width:100%; }
#nav h1{height:auto; background:#005ab8;padding:0 20px;}


#content div.inner{width:98%}
.image-link{display:none}
.inner{width:98% }


/****** packages *******/
.four-columns li{ width:202px; margin:0px 6px 22px 6px; padding:6px; }
.four-columns li.last{ margin:0px 6px 22px 6px; }
.four-columns li.first{margin:0px 6px 22px 6px;}


/******* single package ********/

#left-nav{display:none;}
.text{margin-left:10px;}

.destination-page #left-nav{display:inline}
.destination-page #left-nav ul li ul{padding:0;}
.destination-page #left-nav ul li a{display:none}

.destination-page #left-nav ul li ul li a, .destination-page #left-nav ul li a.active{display:inline; float:left;padding:4px 10px; width:90px; font-size:13px;color:#fff; line-height:22px; border:none}
.destination-page #left-nav ul li a.active{display:inline; width:auto; background-image:none}
.destination-page #left-nav ul li ul li a:hover{display:inline; float:left;padding:4px 10px;width:90px; color:#005ab8}
.destination-page #left-nav ul li ul li a.active{color:#005ab8; padding:4px 10px; line-height:22px;}

.destination-page #left-nav, .destination-page #left-nav ul{width:100%; background:#005ab8}
.destination-page #left-nav{margin-bottom:20px; margin-left:1px;}


#subpage-nivoslider{float:none;   margin:0 auto; overflow:hidden}


.overview{width:100%;  height:300px; margin:0 0 20px 0 }
.overview .attachment-airline-logo{ position:relative;margin-top:270px;  margin-left:100px; height:29px}
.overview ul{background: url(graphics/overview-bg.png) no-repeat top left; margin:-12px 0px 0 -5px; width:70%; padding:25px 50px 5px 50px; position:absolute; z-index:100; overflow:hidden}
.overview ul li{margin-bottom:1px;  line-height:28px; font-size:14px; border-bottom:1px dotted #ddd; font-family:Tahoma, sans-serif;}
.overview ul li span{display:block; float:left; width:145px; text-align:right; font-weight:bold; padding:0 5px; color:#809ca6; font-size:13px; }


/****** home *******/

#content{width:98%; margin:auto;}

#leftcolumn {width: 100%;float:none; max-width:768px;}
#leftcolumn .two-columns li { text-align:left; }
#leftcolumn .two-columns li a{float:right;}


#rightcolumn {width: 100%;float:none; max-width:768px; background:black}
#rightcolumn #flights{width:300px; float:left; background-image:none;font-size:16px;}
#rightcolumn #facebookbox{width:300px; float:left; margin-left:10px;  height:330px;}
#rightcolumn .wrapper{width:650px; margin:0 auto; background:black}

#newsletter{width:98%; margin:0 auto;}
#newsletter img{width:100%; }


/**********footer********/
#footer{background-image:none; height:auto; margin:0; padding:10px 0 0 0}
#footer div.inner{width:100%; background-image:none; height:auto; margin:0; padding:0}
#footer-menu{display:none}



#footer h3{ font-size:14px; line-height:1.5em }
#footer .three-columns li{float:none;display:block; height:auto; text-align:center;}
#footer .three-columns li{ width:auto; margin:0px; padding:0px; border:none; font-size:10px}
#footer .three-columns li.first{display:none}
#footer .three-columns li.last{text-align:center; border-bottom:none; border-top:1px solid #0b284e; padding-top:10px;margin-top:10px; background-color:#033678; padding-bottom:20px}
#footer .three-columns li.first{ }
#footer a{color:#fff; text-transform: lowercase}
#footer a:hover{color:#eee; text-decoration:underline}
#footer .left, #footer .right{float:none}

/********* contact ************/
.hilight-box{background:url(graphics/hilight-box.png) repeat 0 0; width:100%; height:129px; border-top:1px solid #fff; padding-top:20px}
.hilight-box h2{text-shadow:0 1px 0 #fff;filter: dropshadow(color=#ffffff,offX=0,offY=1);}
.hilight-box .three-columns li{float:left;display:inline; color:#5b6c7e; height:100px;}
.hilight-box .three-columns li{ width:200px; margin:0px; padding:0px 20px; border-left:1px solid #fff; border-right:1px solid #a9bbc4; }


#randpackages{ max-height:290px; overflow:hidden}
#randpackages img{width:100%}
#subpage{font-size:12px;line-height:1.5em}
.button{font-size:14px;padding:6px; height:auto; text-align:center; display:block; width: 30%; margin:5px auto}
.small{font-size:14px;}

}



/**************************************************************/
/**************************************************************/
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {


#mobileimage{display:none}

#logo{width:35%}
#banner{width:60%}
#logo img{width:100%}
#banner img{ height:auto;width:100%}
#banner{background-image:none; padding:1px; width:auto; margin-top:10px;}

div#continents-map-background { width: 760px;   }

#subpage-nivoslider{float:left;   margin:0 auto; overflow:hidden; margin-right:15px;}

.text{width:auto;}
.content{min-height:330px;}
#mc_embed_signup {width:auto;}
#mc_embed_signup form {width:260px;  border:none; padding:0; margin-left:360px; }

.overview{width:350px;  height:280px; margin:0 0px 20px 360px }
.overview .attachment-airline-logo{ position:relative;margin-top:250px;  margin-left:80px; height:29px}
.overview ul li{margin-bottom:1px;  line-height:24px; font-size:11px; border-bottom:1px dotted #ddd; font-family:Tahoma, sans-serif; width:280px;}
.overview ul li span{display:block; float:left; width:145px; text-align:right; font-weight:bold; padding:0 5px; color:#809ca6; font-size:11px; }

/* Contact page ***************/
#map-bg{width:456px; height:347px; padding:1px 1px 0 0; background:url(graphics/bg-map.png) no-repeat 0 0}
#map{width:455px; height:325px; }
/* end of contact page */
}






/**************************************************************/
/**************************************************************/
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {


#mobileimage img{max-width:100%}
#menu{height:72px; background-image:none}
#menu div.inner{width:98%; height:72px;background-image:none }

#menu ul{font: normal 11px Arial;width: 100%;  line-height:36px;text-transform:uppercase;}
#menu ul li a{padding: 0px 6px; height:36px; border:none;}
#menu ul li{height:36px; line-height:36px; padding:0; margin:0}
#content div.inner{width:98%}

.inner{width:98% }
#nav h1{font-size:18px; text-align:center; line-height:24px; padding-top:10px}
.button{display:block; width:50%}

/********* subpage *******/


/****** packages *******/
.four-columns{ overflow:hidden}
.four-columns li{}
.four-columns li{  width:40%; height:270px; }
div#continents-map-background{display:none}
.four-columns li img.attachment-specials-thumb, .four-columns li img.pics{width:100%; height:auto; background:none; padding:1px 1px 13px 1px}
.four-columns li h2{  padding-left:5px; line-height:22px}
.four-columns li p{color:#716f7d; font-size:1em; padding-left:5px; line-height:1.2em; }
.four-columns li .packageinfo{height:auto; overflow:hidden }
.four-columns li a.link{color:#4e7b8b;  text-transform:uppercase; margin-top:10px; display:block;/* background-color:#f2f5f6; border:1px solid #eaeff1;*/ padding:2px 8px; text-align:right }
.four-columns li  a.link:hover{color:#064a93; background-color:#ecf3f8}

/****** home *******/

#slider{width:90%; }
.home  .slider-wrapper {display:none}



#rightcolumn  #flights{background-image:none}
#leftcolumn .two-columns li {width:90%; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:5px;margin-top:10px; background-image:none;}
#leftcolumn .box li{padding:0;}
#rightcolumn .wrapper{width:100%; }
#rightcolumn  #flights{width:96%; text-align:left;padding:10px 2% 0 2%}
#facebookbox{width:100%;  }


/********* contact ************/
.hilight-box{background-image:none; background-color:#cbdde6; width:100%; height:300px; }

.hilight-box .three-columns li{float:left;display:inline; color:#5b6c7e; height:130px; font-size:14px; line-height:1.5em}
.hilight-box .three-columns li{ width:190px; margin:0px; padding:0px 20px; border-left:none; border-right:none; }
#map-bg{width:100% height:347px; padding:1px 1px 0 0; background-image:none; float:none;}
#map{max-width:100%}

/******** form ***********/

.form{font-size:13px;}

.form label{ width:300px; }
.form input, .form select, .form textarea{width:300px; }
/*.form .short{width:150px; }
.form .short select{width:100px;}
font-size:13px; }
*/
.form .left-col{width:350px; float:none;}
.form .right-col {width:350px; float:none;}


}



/**************************************************************/
/**************************************************************/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
html, body {}
#logo{width:35%; }
#logo img{width:100%}
#banner img{ height:auto;width:100%}
#banner{width:60%;  background-image:none; padding:1px;  margin-top:10px}

#top-bar {height:55px;}
#top-bar .inner{padding:0;  width:100%}
#top-bar .right{clear:left; float:none; width:100%; background-color:#eee; padding: 2px 0px; height:25px; overflow:hidden}
#top-bar .left{clear:left; float:none; width:100%; padding: 2px 10px;  }

#top-bar ul li{display:block; text-align:left;}
#top-bar ul li a{color:#3280d8}
#top-bar ul li a:hover{color:#888}



}


/**************************************************************/
/**************************************************************/
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

body, html{/*background:green*/}
#top-bar {height:55px;}
#top-bar .inner{padding:0;  width:100%}
#top-bar .right{clear:left; float:none; width:100%; background-color:#eee; padding: 2px 0px; height:25px; overflow:hidden}
#top-bar .left{clear:left; float:none; width:100%; padding: 2px 10px;  }

#top-bar ul li{display:block; text-align:left;}
#top-bar ul li a{color:#3280d8}
#top-bar ul li a:hover{color:#888}


#header{ width:100%; height:auto;}

#menu{height:78px; background-image:none}
#menu div.inner{width:98%; height:78px;background-image:none }
#menu ul{font: normal 13px Arial;width: 100%;  line-height:26px;text-transform:uppercase;}
#menu ul li a{padding: 0px 6px; height:26px; border:none; border-bottom:1px solid #ccc}
#menu ul li{height:26px; line-height:26px; padding:0; margin:0}

#logo{text-align:center;}
#logo img{width:100%}
#banner img{ height:auto;width:100%}
#banner{float:left;  background-image:none; padding:1px; width:auto;  margin-top:10px}
#subpage{font-size:14px;line-height:1.5em}


.four-columns li{ width:90%; height:auto; }

.image-link{display:block; }
.image-link img{width:98%; margin:10px 0 0 2%}



#subpage-nivoslider{float:none;   margin:0 auto; overflow:hidden; width:260px;}

.overview{width:100%;  height:440px; margin:0 0 20px 0 ;  }
.overview .attachment-airline-logo{ margin-top:410px;  margin-left:0px; height:29px}

.overview ul{padding:0;  margin:-12px 0px 0 0px;  width:auto; background-image:none}
.overview ul li{text-align:left; margin:18px 0 0 0; padding:0 10%; border:none; line-height:16px;}
.overview ul li span{display:block; float:none; font-size:13px; width:100%; text-align:left; line-height:15px;  padding:0}

#randpackages{display:none}
.infobox strong{display:block}
.infobox a{display:block; clear:left}
.hilight-box{height:400px;}

/*********** form ***********/

.form{border:none; padding:0; width:80%;margin:0;font-size:13px; }
.form label{ width:99% }
.form input, .form select, .form textarea{width:99% }
.form .left-col{width:100%; float:none;}
.form .right-col {width:100%; float:none;}
#mc_embed_signup, #mc_embed_signup form{width:100% }

.button{ width: 70%;}
}

form .error { color: red; font-weight: bold }