* {background-repeat:no-repeat; margin: 0; padding:0; border:0;}
html, body {text-align:center;}

body {background-color:#fff; background-image: url(resources/img/backgrounds/body_bg.jpg); background-position:top; background-repeat:repeat-x; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px;}

div {text-align:left;}

div.clr {clear:both;}

div#main {width:965px; margin:auto; background: url(resources/img/backgrounds/top_bg.jpg) no-repeat top left; min-height: 400px;}


a {font-size:10px; color:#CD196A; text-decoration:none; margin-bottom: 2px;}
a:hover {color:#000; text-decoration:underline;}

#popUp {	position:absolute; color:#FFFFFF; visibility:hidden; top:-10px; left:-100px; padding:0; margin:0; z-index:100; display:block; }
#popUp A { color:#FFFFFF; padding:0; margin:0; display:block; }
#popUp IMG { border:0px solid #0000FF; padding:0; margin:0; display:block; border:10px solid #1F2324;}
#popUp p#inchide { font-size:11px; font-weight:bold; padding:0; margin:0; display:block; background-color:#EE5903; padding:5px 10px; width:100%;}

div#containerSideNavWide { height: auto; width: 165px; }

/* ------------------------------------ HEADER ------------------------------------ */

div#main div#header {height:95px; padding-top:55px;}

div#main div#header div.logo {width:250px; height:115px; position:absolute; top:20px; margin-left:50px;} 
div#main div#header div.logo a {width:250px; height:115px; display:block; text-indent: -20000px;} 

div#main div#header ul#topNavigation {float:right; width:450px; height:14px; list-style-type:none; padding: 27px 0 0 20px;}
div#main div#header ul#topNavigation li {display:inline; margin:0; padding:0; float:left; margin-right:30px;}
div#main div#header ul#topNavigation li span {display:none;}

ul#topNavigation .about_tallinn, .about_tallinn:hover, .about_tallinn_active { background: url(resources/img/navigation/topnavigation.gif) no-repeat; width: 72px; height: 14px !important; display: block; }
ul#topNavigation .about_tallinn {background-position: 0 -14px; }
ul#topNavigation .about_tallinn:hover, .about_tallinn_active { background-position: 0 0;}

ul#topNavigation .about_parnu, .about_parnu:hover, .about_parnu_active { background: url(resources/img/navigation/topnavigation.gif) no-repeat; width: 68px; height: 14px !important; display: block; }
ul#topNavigation .about_parnu {background-position: -100px -14px; }
ul#topNavigation .about_parnu:hover, .about_parnu_active { background-position: -100px 0;}

ul#topNavigation .flights_tallinn, .flights_tallinn:hover, .flights_tallinn_active { background: url(resources/img/navigation/topnavigation.gif) no-repeat; width: 90px; height: 14px !important; display: block; }
ul#topNavigation .flights_tallinn {background-position: -197px -14px; }
ul#topNavigation .flights_tallinn:hover, .flights_tallinn_active { background-position: -197px 0;}

ul#topNavigation .weather, .weather:hover, .weather_active { background: url(resources/img/navigation/topnavigation.gif) no-repeat; width: 46px; height: 14px !important; display: block; }
ul#topNavigation .weather {background-position: -315px -14px; }
ul#topNavigation .weather:hover, .weather_active { background-position: -315px 0;}


/* ------------------------------------ *********** ------------------------------------ */

div#main div#content {width:865px; margin:0 50px 0 50px;}

div#presentation {width:865px; overflow: hidden; margin-bottom:10px;}

/* ------------------------------------ NAVIGATION ------------------------------------ */


ul#navigation {float:left; width:230px; height:176px; background: url(resources/img/backgrounds/navigation_bg.jpg); list-style-type:none; padding: 29px 0 0 20px;}
ul#navigation li {display:inline; margin:0; padding:0;}
ul#navigation li span {display:none;}

ul#navigation .destination, .destination:hover, .destination_active { background: url(resources/img/navigation/navigation.jpg) no-repeat; width: 209px; height: 26px !important; display: block;  margin:0; padding:0;}
ul#navigation .destination {background-position: 0 0; }
ul#navigation .destination:hover, .destination_active { background-position: 0 -151px;}

ul#navigation .special, .special:hover, .special_active { background: url(resources/img/navigation/navigation.jpg) no-repeat; width: 209px; height: 25px !important; display: block;  margin:0; padding:0;}
ul#navigation .special {background-position: 0 -26px; }
ul#navigation .special:hover, .special_active { background-position: 0 -177px;}

ul#navigation .reservation, .reservation:hover, .reservation_active { background: url(resources/img/navigation/navigation.jpg) no-repeat; width: 209px; height: 25px !important; display: block;  margin:0; padding:0;}
ul#navigation .reservation {background-position: 0 -51px; }
ul#navigation .reservation:hover, .reservation_active { background-position: 0 -202px;}

ul#navigation .accomodation, .accomodation:hover, .accomodation_active { background: url(resources/img/navigation/navigation.jpg) no-repeat; width: 209px; height: 25px !important; display: block;  margin:0; padding:0;}
ul#navigation .accomodation {background-position: 0 -76px; }
ul#navigation .accomodation:hover, .accomodation_active { background-position: 0 -227px;}

ul#navigation .testimonials, .testimonials:hover, .testimonials_active { background: url(resources/img/navigation/navigation.jpg) no-repeat; width: 209px; height: 25px !important; display: block;  margin:0; padding:0;}
ul#navigation .testimonials {background-position: 0 -101px; }
ul#navigation .testimonials:hover, .testimonials_active { background-position: 0 -252px;}

ul#navigation .terms, .terms:hover, .terms_active { background: url(resources/img/navigation/navigation.jpg) no-repeat; width: 209px; height: 25px !important; display: block;  margin:0; padding:0;}
ul#navigation .terms {background-position: 0 -126px; }
ul#navigation .terms:hover, .terms_active { background-position: 0 -277px;}




/* ------------------------------------ DESCRIPTION ------------------------------------ */

div#description {width:605px; height:205px; float:right;}


/* ------------------------------------ PRIMARY ------------------------------------ */

div#primary {width:605px; float:right;}

div#primary div.banner {width:605px; height:108px; margin-bottom:35px;}

div#primary div.article {width:400px; float: left;}
div#primary div.article h1 {font-size:25px; letter-spacing: -1px; margin-bottom: 10px;}
div#primary div.article div.head {font-size:12px; color:#333; margin-bottom: 15px; font-weight: bold; }
div#primary div.article div.body {font-size:12px; color:#454545;}
div#primary div.article div.observations {color:#777; font-size: 10px;}
div#primary div.article div.head p, div.body p {margin-bottom:15px;}

div#primary div.article div.body span.chapter {font-size:21px; font-weight:bold;}


div#primary div.articles {margin-bottom:40px; width:400px; float: left;}

div#primary div.body a {font-size:11px;}

div#primary div.article div.body ul {list-style-type:none;}
div#primary div.article div.body ul li {padding-left:10px; background-image: url(resources/img/bullets/bullet-smallest.gif); background-position: 0 7px; margin-bottom:5px; }

div#primary div.article a.imgLeft {padding:1px; background: #fff; border: 5px solid #CAD0DE; float:left; margin-right:5px;}
div#primary div.article a.imgRight {padding:1px; background: #fff; border: 5px solid #CAD0DE; float:right; margin-left:5px;}

div#primary div.article a.imgLeft:hover {border:5px solid #CD196A;}
div#primary div.article a.imgRight:hover {border:5px solid #CD196A;}

div#primary div.full {width:605px; float: none;}
div#primary div.half {width:285px; float: left;}
div#primary div.right {width:295px; float: right;}
div#primary div.right h2 {margin-bottom:13px; margin-top:9px;}

div#primary div.right p {margin-bottom:7px; color:#444; font-size:10px;}
div#primary div.right p strong {color:#222; font-size:11px;}
div#primary div.right p strong.contentStrong {color:#000; font-weight:normal;  font-size:10px;}


div#primary ul#photosList {list-style-type:none; float:right; width: 195px; margin-top:40px;}
div#primary ul#photosList li {margin-bottom:7px;}
div#primary ul#photosList li a {padding:1px; background: #fff; border: 5px solid #CAD0DE; display:block; width:183px; }
div#primary ul#photosList li a:hover {border: 5px solid #861947;}

div#primary ul.chapters {list-style-type:none; float:right; width: 165px; margin-top:40px; border-left:1px solid #E5C9D4; padding:10px 0 10px 10px;}
div#primary ul.chapters li {background-image: url(resources/img/bullets/bullet-files.gif); background-position: 0 3px; padding-left:15px; margin-bottom:3px;}
div#primary ul.specialParty li {background-image: url(resources/img/bullets/special-party-packages.gif);  background-position: 0 1px; padding-left:20px; margin-bottom:5px;}
div#primary ul.chapters li a {font-size:10px;}
div#primary ul.specialParty li a {font-size:11px; font-weight:bold;}


ul.flights { margin-bottom:25px;list-style: none; display:block; overflow:hidden; }
ul.flights li { float:left; list-style: none; width:195px; margin-right:10px; margin-top:5px;  }
ul.flights li.last {margin-right:0;}
ul .flightCategory {font-size:17px; color:#444; letter-spacing:-1px; font-weight:bold; width:190px; }
ul.flights li a {font-weight:bold; width:200px; padding-left:10px; background-image: url(resources/img/bullets/outside-link.gif); background-position: 0 4px;  }
ul.flights li a:hover {background-image: url(resources/img/bullets/outside-link-hover.gif); }

ul.flights li a.image {display:block; overflow:hidden; width:60px; padding:2px; margin:0; background-image:none; background-color:#fff; border:3px solid #CAD0DE; float:left; margin-right:10px; height:40px; margin-bottom:10px; background-position:0 2000px;}
ul.flights li a.image:hover {border:3px solid #861947; }


ul.photos { margin-bottom:0;list-style: none; display:block; overflow:hidden; }
ul.photos li { float:left; list-style: none; width:400px; background:none; }
ul.photos li a.image {display:block; overflow:hidden; width:60px; padding:2px; margin:0; background-image:none; background-color:#fff; border:3px solid #CAD0DE; float:left; margin-right:7px; height:40px; margin-bottom:10px; background-position:0 2000px;}
ul.photos li a.image:hover {border:3px solid #861947; }


/* ------------------------------------ SECONDARY ------------------------------------ */

div#secondary {width:250px; float:left;}
div#secondary div#contact {width:210px; height:134px; background: url(resources/img/backgrounds/contact-bg.gif); padding:20px; overflow:hidden;}
div#secondary div#contact h1 {margin-bottom:5px;}
div#secondary div#contact h2 {font-size:12px; margin-top:3px;}
div#secondary div#contact ul {list-style-type:none;}
div#secondary div#contact ul li {margin:0; padding:0; background-image: url(resources/img/bullets/bullet-email.gif); background-position:0 5px; padding-left:15px;}
div#secondary div#contact ul a {font-size:10px; font-weight:bold; color:#CD196A; text-decoration:underline; margin-bottom: 2px;}
div#secondary div#contact ul a:hover {color:#000; text-decoration:none;}
div#secondary div#contact p {color:#222222; margin-top:10px; line-height:13px;}
div#secondary div#contact p a {color:#CD196A; text-decoration:underline; margin-bottom: 2px;}
div#secondary div#contact p a:hover {color:#000; text-decoration:none;}

/* ------------------------------------ FOOTER ------------------------------------ */

div#footer {width:965px; height:180px; background: url(resources/img/backgrounds/bg-footer.jpg); background-position:right bottom; clear:both; position: relative; font-size:10px;}
div#footer div.copyright {color:#E5E5E5; position:absolute; left:125px; top:93px;}
div#footer div.copyright p {text-align:right; width:160px; line-height: 12px; margin-bottom: 10px;}
div#footer div.copyright p.created {color:#333;}
div#footer div.copyright p.created a {color:#333;}
div#footer div.copyright p.created a:hover {color:#000;}
div#footer div.copyright p a {color:#E5E5E5; font-weight:bold; text-decoration:none;}
div#footer div.copyright p a:hover {color:#fff; text-decoration:underline;}

div#footer ul.topNav {position:relative; left:335px; top:95px; background-image: url(resources/img/misc/horiz_line_footer.gif); background-position: bottom; background-repeat:repeat-x; width:300px; padding-left:10px; list-style-type: none; height:17px;}
div#footer ul.topNav li {float:left; margin-right:10px;}
div#footer ul.topNav li a {color:#fff; font-weight:bold; text-decoration:none;}
div#footer ul.topNav li a:hover {color:#FAC80B;text-decoration:underline;}

div#footer ul.leftNav {position:relative; left:335px; top:97px; width:550px; padding-left:10px; list-style-type: none; height:17px;}
div#footer ul.leftNav li {float:left; margin-right:10px;}
div#footer ul.leftNav li a {color:#fff; font-weight:normal; text-decoration:none;}
div#footer ul.leftNav li a:hover {color:#000; text-decoration:underline;}


body.wide {}
body.wide div#primary div.article {width:100%;}

body.noHeader div#presentation {float:left; width:250px;}
body.noHeader div#primary {}

body.noHeader.menu ul#navigation {height:226px; background-image: url(resources/img/backgrounds/navigation_bg_wide.jpg); }
body.noHeader.menu ul#navigation li ul {background-image: url(resources/img/backgrounds/nav-dotts.gif); background-position:bottom; background-repeat:repeat-x; width:210px; padding-top:5px;padding-bottom:10px; }
body.noHeader.menu ul#navigation li ul li {display:block; float:none; padding-left:10px; list-style: none;}
body.noHeader.menu ul#navigation li ul li a {font-size:12px; padding-left:15px; color:#CD8EA8; background-image: url(resources/img/bullets/nav-bullet.gif); background-position:0 5px; font-weight:bold;}
body.noHeader.menu ul#navigation li ul li a:hover {color:#fff; padding-left:15px; text-decoration:none; background-image: url(resources/img/bullets/nav-bullet-on.gif); background-position:0 5px; font-weight:bold;}
body.noHeader.menu ul#navigation li ul li a.active {color:#fff; padding-left:15px; text-decoration:none; background-image: url(resources/img/bullets/nav-bullet-on.gif); background-position:0 5px; font-weight:bold;}