@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; list-style:none; 	}
*:focus {outline: none;}
html { height:100%;}
body { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#6c6b6c; height:100%; position:relative; background:url(../images/bg_page.png); }

.wrapper { height:100%; width:970px; margin:0 auto; position:relative; padding-top:50px; 	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; }

.logo { position:absolute; top:9px; left:11px;}
.header { height:55px; position:relative; z-index: 2;  }
ul.navi { position:absolute; right:20px; top:20px; font-size:14px; font-weight:bold; text-transform:uppercase; }
ul.navi li { float:left; display:inline-block; margin:0 0 0 30px; padding-bottom: 3px;}

ul.navi li:hover .dropdown { display:block;}
ul.navi li .dropdown { background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.3); position:absolute; right:-5px; top:18px; border-radius:3px; width:125px; display:none; overflow:hidden;}
ul.navi li .dropdown li { border-top:1px #bfbfbf solid; display:block; float:none; margin:0; font-weight:normal; margin-top:-1px; text-transform:none; padding:0; }
ul.navi li .dropdown li a { padding:5px 10px; display:block; text-shadow:0 0 1px rgba(255,255,255,0.9); margin:0;}
ul.navi li .dropdown li a:hover { background:#f1f1f1;}

ul.sitenavi { position:absolute; top:-20px; right:20px; text-transform:uppercase;}
ul.sitenavi li { float:left; display:inline-block; margin:0 0 0 15px; font-size:10px; text-shadow:0 1px 0 rgba(255,255,255,0.9);}

a { color:#414042; text-decoration:none}
a:hover { color:#414042; text-decoration:underline;}
a.active { color:#cf1e79;}

.content { border-radius:5px; background:white; box-shadow: 0 0 5px rgba(0,0,0,0.2); position:relative;  }
.footer { background:url(../images/bg_footer.png) no-repeat top center; margin:30px 0 20px; text-align:center; padding:10px 0 20px; font-size:11px;  text-shadow:0 1px 0 rgba(255,255,255,0.9); position:absolute; width:100%; left:0; bottom: -145px; }

.home .content { height:500px; margin:0; position:absolute; top:50%; margin-top:-250px; left:0; width:100%;  }

.main { height:360px; background:url(../images/bg_home.png) top center; overflow:hidden; }
.mainnavi { margin-top:-9px; border-radius:0 0 5px 5px; overflow:hidden; position: relative; z-index: 2;}
.mainnavi li { height:85px; padding-top:9px;/* width:194px;*/ width: 242px; display:inline-block; float:left; font-size:11px; opacity:0.5; text-shadow:0 1px 0 #FFFFFF;  }
.mainnavi li:hover { opacity:1;}
.mainnavi li a { display:block; height:62px; border-left:1px #bfbfbf solid; border-right:1px #bfbfbf solid; padding: 15px 20px 10px 15px; margin-left: -1px; }
.mainnavi li:last-child { width:244px;}
.mainnavi li:last-child a { border:none; border-left:1px #bfbfbf solid;  padding-right:15px;}
.mainnavi li.active { background:url(../images/bg_active.png) top center no-repeat; color:#a9a9aa; opacity:1;}
.mainnavi li.active :hover { background:none;}
.mainnavi li a:hover { text-decoration:none; background:#f1f1f1; }
.mainnavi li.active a { color:#a9a9aa; text-shadow:0 1px 0 rgba(0,0,0,0.45); }

.page_header1 { font-weight:bold; background:url(../images/bg_home.png) no-repeat center -370px; padding:100px 0 0 20px; height:50px; font-size:34px; color:white; text-shadow:0 1px 0 rgba(0,0,0,0.6); }
.mm { background-position:center -200px;}
.fo { background-position:center -50px;}
.tlr {background-position:center -310px;}
.adv { background-position:center -265px; }


.copy { border-bottom:1px #BFBFBF solid; min-height:300px; padding:20px;}
.copy p { padding:0 0 15px;}
.copy a { color:#cf1e79;}
.c1 { border-right:1px #bfbfbf solid; width:620px; display:inline-block; float:left; padding-right:30px; min-height:300px;}
.c2 { margin:0 -1px; display:inline-block; float:left; width:240px; padding:30px 20px 20px; }
.c0 { padding-right:30px; min-height:300px;}

.related { border-bottom:1px #bfbfbf solid; padding:0 0 20px; margin-bottom:15px; }

.valueprop { font-size:18px; margin:0 50px 20px 0;}

.c_list {margin-bottom:10px;}
.c_list li { background:url(../images/bullet.png) no-repeat 0 5px; list-style-type:none;  padding: 0 0 5px 20px;}


/*Content Rotator navigation*/
.cfix {height:1px; clear:both; margin-top:-1px;}
li.nobg { background:none;}
.black { color:#0b0b0b;}
.icons { background:url(../images/icon_sprit.png) no-repeat; width:34px; height:30px; display:inline-block; float:left; margin: 3px 0px 35px 0;}
.product { background-position:0 0; margin-right:10px; }
.movie { background-position:-55px 0; }
.trip { background-position:-100px 0; width: 30px; }
.traveller { background-position:-140px 0; }
.advt { background-position:-186px 0; }

/*Active Styles*/
.mainnavi li.active .product  { background-position:0 -36px;}
.mainnavi li.active .movie { background-position:-55px -36px; }
.mainnavi li.active .trip { background-position:-100px -36px; }
.mainnavi li.active .traveller { background-position:-140px -36px; }
.mainnavi li.active .advt { background-position:-186px -36px; }

.intro { width:485px; margin:125px 40px 0 20px; display:inline-block; float:left; text-shadow:0 1px 0 rgba(0,0,0,0.25); color:white; }
.intro_image { width:425px; display:inline-block; float:left; text-align:center; padding-top:20px; } 

a.more { padding-right:8px; text-decoration:underline; background:url(../images/white_arrow.png) no-repeat right 5px; color:white; }

.f_links { margin:15px 15px 10px 10px; color:#999; font-size:10px; display:inline-block;}

/*Common Styles */
.slideshow { height:130px; overflow:hidden;}
.keyfeat { border:2px #fff solid; border-radius:15px; padding:15px 15px 5px; box-shadow:0 0 3px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.1) inset; margin:0 0 15px; background: url(../images/bg_starburst.gif) no-repeat #f4f4f4; color:#000; text-shadow:0 1px 0 rgba(255,255,255,0.6);}

a.btn_fb { background:url(../images/btn_social.png) no-repeat 0 0; color:#6d6c6d;  display:inline-block; width:65px; height:23px; padding:0 0 0 27px; font-size:10px; line-height:11px; text-transform:uppercase; text-align:left; margin-right:20px; }
a.btn_fb:hover { background-position:0 -30px; text-decoration:none;}

a.btn_tw { background:url(../images/btn_social.png) no-repeat -110px 0; color:#6d6c6d;  display:inline-block; width:65px; height:23px; padding:0 0 0 27px; font-size:10px; line-height:11px; text-transform:uppercase; text-align:left; }
a.btn_tw:hover { background-position:-110px -30px; text-decoration:none;}
.images { border-radius:2px; border:1px white solid; box-shadow:0 0 3px rgba(0,0,0,0.3);}
h1, h2, h3 { font-weight:normal;}
.block { display:block; }
.bold { font-weight:bold;}
.caps { text-transform:uppercase;}
.mb { margin-bottom:10px;}
.m5 {margin-bottom:5px;}
.f10 { font-size:10px;}
.f11 { font-size:11px;}
.f34 { font-size:34px; line-height:34px; letter-spacing:-1px;}
.f14 { font-size:14px;}
.f16 { font-size:16px;}
.f20 { font-size:20px;}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; border-radius: 5px;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #fff; background:#fff; border-radius: 7px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#fff;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}