/*********** Stripping Browser Styling ***********/

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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit; }

* {	margin: 0; padding: 0; }
html, body { height: 100%; }

/********** Global Style ************/

body { font-family: Arial, Helvetica, sans-serif; }
.back-1 { background: #F7A275 url(images/back1.jpg) no-repeat fixed center top; }
.back-2 { background: #244960 url(images/back2.jpg) no-repeat fixed center top; }
.back-3 { background: #b2b1c0 url(images/back3.jpg) no-repeat fixed center top; }
.back-4 { background: #6b4932 url(images/back4.jpg) no-repeat fixed center top; }
h1 { color: #fff; padding-bottom: 16px; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; }
h2 { color: #fff; padding-bottom: 16px; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; }
h1 a { text-decoration: none; color: #fff; font-size: 24px; }
h1 a:hover { border-bottom: 1px dotted #554E27; }
h3 { color: #fff; padding-bottom: 18px; font-size: 24px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: lighter; }
p { color: #979797; font-size: 12px; line-height: 18px; padding-bottom: 18px; }
a { color: #B8B8B8; font-size: 12px; }
a:hover { color: #efefef; text-decoration: none; }
.cleaner { clear: both; height: 0px; overflow: hidden; }
.button-left { float: left; }
.button-left a { display: block; border: 1px solid #979797; background: url(images/button-left.png) no-repeat 0 0; text-align: center; height: 30px; line-height: 30px; width: 105px; padding: 0 15px 0 30px; text-decoration: none; margin: 20px 0 0 20px; overflow: hidden; }
.button-left a:hover { border: 1px solid #fff; }
.button-right { float: right; }
.button-right a { display: block; border: 1px solid #979797; background: url(images/button-right.png) no-repeat right top; text-align: center; height: 30px; line-height: 30px; width: 105px; padding: 0 30px 0 15px; text-decoration: none; margin: 20px 20px 0 0; overflow: hidden; }
.button-right a:hover { border: 1px solid #fff; }

/********** Site Structure ************/

.main-wrap { margin: 0 auto; width: 962px; padding: 140px 0 25px 0; background: url(images/fmt-logo.png) no-repeat center 10px; }
.container { border: 1px solid #fff; }
.navigation { height: 60px; border-bottom: 1px solid #96989B; background: url(images/nav-back.png) repeat 0 0; }
.content-wrap { padding-bottom: 20px; background: url(images/content-wrap-back.png) repeat; position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */ }
.content-wrap-wide { padding-bottom: 20px; background: url(images/content-back.png) repeat; position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */ }
.content { float: left; width: 650px; }
.sub-content { float: right; width: 310px; background: url(images/side-dropshadow.png) repeat-x 0 0; }

/********** Main Navigation ************/

.navigation ul { list-style: none; float: left; }
.navigation ul li { display: block; float: left; width: 160px; }
.navigation ul li a { height: 46px; font-size: 11px; text-decoration: none; font-style: italic; color: #A3A3A3; font-family: Georgia, "Times New Roman", Times, serif; display: block; padding: 14px 0 0 20px; }
.navigation ul li a span { font-size: 13px; font-weight: bold; color: #fff; display: block; font-style: normal; font-family: Arial, Helvetica, sans-serif; }
.navigation ul li a:hover { background: url(images/content-back.png) repeat 0 0; }

/********** Main Content Area ************/

.content .gallery-post { margin: 20px 20px 0 20px; border: 1px solid #AAADB2; display: inline; padding: 20px 20px 0 20px; background: url(images/content-back.png) repeat 0 0; float: left; width: 568px; }
.content .gallery-post h1 { padding-bottom: 8px; }
.content .gallery-post img { border: 1px solid #fff; width: 160px; height: 50px; float: left; }
.content .blog-post { margin: 20px 20px 0 20px; border: 1px solid #AAADB2; display: inline; padding: 20px 20px 0 20px; background: url(images/content-back.png) repeat 0 0; float: left; width: 568px; }
.content .blog-post h1 { padding-bottom: 8px; }
.content .blog-post img { border: 1px solid #fff; width: 160px; height: 160px; display: block; }
.content .post-content { padding-left: 20px; float: left; width: 380px; }
.content a.thumb-link { padding: 1px; float: left; margin-bottom: 20px; display: block; width: 162px; }
.content a.thumb-link:hover { background: #fff; }
.content .foot-notes { border-top: 1px solid #5F5E61; padding: 10px 20px; margin: 0 -20px; background: url(images/footnotes-back.png) repeat-x 0 0; height: 18px; }
.content .foot-notes p { display:block; float: left; padding: 0; font-style: italic; color: #727272; }
.content .foot-notes p span { display: block; padding-right: 10px; border-right: 1px dotted #AAADB2; float: left; margin-right: 10px; color: #efefef; font-style: normal; }
.content .foot-notes a { display:block; float: right; padding: 0 0 0 15px; font-size: 14px; margin-top: -1px; background: url(images/link-arrow.gif) no-repeat left center; }

.content .blog-post ol.comments { color: #fff; }
.content .blog-post ol.comments li { margin: 0 16px 15px 16px; border: 1px solid #AAADB2; padding: 20px 20px 0 20px; background: url(images/content-back.png) repeat 0 0; color: #979797 }
.content .blog-post .comments-table td { color: #979797; padding: 5px 10px; }

/********** Sub-Content ************/

.sub-content div { padding: 25px 25px 7px 25px; border-bottom: 1px solid #0E0E12; border-top: 1px solid #29292C; }
.sub-content .welcome { border-top: none; }
.sub-content .welcome strong { font-weight: normal; }
.sub-content .snapshot { border-bottom: none; }
.sub-content .twitter div { border: none; padding: 0 5px 20px 0; }
.sub-content .twitter ul { list-style: none; }
.sub-content .twitter ul li { font-size: 12px; color: #979797; line-height: 18px; padding-bottom: 18px; }
.sub-content .twitter ul li a { display: block; }
.sub-content .journal-categories { color: #fff; }
.sub-content .journal-categories ul { padding: 5px 10px 20px; list-style: none; margin-left: 5px; }
.sub-content .journal-categories ul li { padding: 3px; font-size: 11px; color: #979797; }
.sub-content .journal-categories ul li a { font-size: 14px; }
.sub-content .journal-categories ul li a.active { font-weight: bold;  color: #fff; font-size: 15px; }

/********** Gallery ************/

.gallery-page { float: left; width: 960px; display: inline; position: relative; }
.gallery-page h1 { position: absolute; top: 20px; left: 20px; width: 600px; height: 30px; }
.gallery-page .galleria_container { display: inline; width: 600px; float: left; clear: left; padding: 5px; margin: 70px 19px 0; background: url(images/content-back.png) repeat 0 0; border: 1px solid #AAADB2; }
.gallery-page .gallery-list { width:280px; padding: 15px; float: right; }
.gallery-page .gallery-list li { width:60px; height:60px; border: 1px solid #000; margin: 4px; }
.gallery-page .gallery-list li.hover{ border-color:#000; }
.gallery-page .gallery-list li.active{ border-color:#bbb; }
.gallery-page .nav { float: left; clear: left; width: 600px; padding: 20px 25px; text-align: center; }
.gallery-page .nav a { padding: 0 5px; }
.gallery-page .caption { display: none !important; }

.galleria_wrapper { height: 450px; background: url(images/gallery-instruction.gif) no-repeat center center; }

.galleria { list-style:none; width:200px; }
.galleria li { display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0; }
.galleria li a{ display:none; }
.galleria li div{position:absolute; display:none; top:0; left:180px; }
.galleria li div img{ cursor:pointer; }
.galleria li.active div img,.galleria li.active div{ display:block; }
.galleria li img.thumb { cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto; }
* html .galleria li div span{ width:400px; } /* MSIE bug */

/********** Static Pages ************/

.signature { display: block; text-indent: -9999px; width: 110px; height: 35px; background: url(images/signature.gif) no-repeat 0 0; }

.contact-form { padding: 10px; }
.contact-form legend { display: none; }
.contact-form label { color: #fff; padding-bottom: 5px; }
.contact-form input { padding: 2px; margin-bottom: 10px; }
.contact-form textarea { font-family: Arial, Helvetica, sans-serif; padding: 2px; margin-bottom: 10px; }

.contact-form .zemSubmit { padding: 3px; font-size: 13px; margin-top:9px; }

.contact-form .zemText { width: 250px; }

.contact-form .zemError { font-size: 12px; border: 1px solid #f9b418; background: #ffeaa9; padding: 10px; margin: 0 0 14px; list-style: none; }
.contact-form .zemError li { padding: 3px; }

.contact-form .zemThanks { border: 1px solid #f9b418; background: #ffeaa9; padding: 10px; margin: 0 0 14px; } 
.contact-form .zemThanks p { color: #000; padding: 0; }

/********** Browse by Place ************/

.travels-page { float: left; width: 960px; display: inline; position: relative; }

.travels-page .welcome { margin: 15px 15px 0; padding: 14px; border: 1px solid #AAADB2; background: url(images/content-back.png) repeat; width: 900px; }

.travels-container { padding: 15px 10px; }
.travels-country { float: left; width: 205px; padding: 9px; margin: 5px; height: 185px; background: url(images/content-back.png) repeat; border: 1px solid #AAADB2; position: relative; /* peekaboo bug fix for IE6 */ min-width: 0; /* peekaboo bug fix for IE7 */ }
.travels-country ul { list-style: none; }
.travels-country ul li { padding: 2px 0 2px 30px; }
.travels-country ul li.travels-gallery { background: url(images/icon-camera.png) no-repeat 3px center; }
.travels-country ul li.travels-journal { background: url(images/icon-pencil.png) no-repeat 3px center; }
.travels-country ul li a { display: block; height: 18px; line-height: 18px; overflow: hidden; }

a.view-all-link { position: absolute; display: block; height: 27px; width: 211px; bottom: 0; left: 0; background: url(images/footnotes-back.png) repeat-x 0 0; border-top:1px solid #5F5E61; line-height: 27px; padding-left: 12px; padding-bottom: 2px; }

/********** Footer ************/	

.footer { background: url(images/footer-back.png) no-repeat center bottom; width: 660px; height: 30px; padding: 10px 15px 0; margin: 15px auto -25px; }
.footer p { padding: 0; line-height: 29px; height: 29px; font-size: 11px; text-shadow: 0 -1px 0 #000; }
.footer p.copyright { display: block; float: left; text-align: left; width: 330px; color: #aaa; }
.footer p.credit { display: block; float: right; text-align: right; width: 330px; color: #aaa; font-size: 10px; }
.footer p.credit a { color: #ccc; font-size: 10px; }

/*
 * jQuery Nivo Slider v2.0
 * http://nivo.dev7studios.com
 */
 
/* The Nivo Slider styles */
.sub-content .nivoSlider { position:relative; padding: 0; border:0; width: 230px; height: 210px; overflow: hidden; border: 1px solid #eee; margin: 10px; }
.sub-content .nivoSlider img { position:absolute; top:0px; left:0px; }
/* If an image is wrapped in a link */
.sub-content .nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none; }
/* The slices in the Slider */
.sub-content .nivo-slice { display:block; position:absolute; z-index:50; height:100%; padding: 0; border:0; }
/* Caption styles */
.sub-content .nivo-caption { position:absolute; left:0; bottom:0; background:#000; color:#fff; opacity:0.8; width:100%; z-index:89; padding:0; }
.sub-content .nivo-caption p { padding:5px; margin:0; }
/* Direction nav styles (e.g. Next & Prev) */
.sub-content .nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; }
.sub-content .nivo-prevNav { left:0; border:0; padding: 0; }
.sub-content .nivo-nextNav { right:0; border:0; padding: 0; }
/* Control nav styles (e.g. 1,2,3...) */
.sub-content .nivo-controlNav a { position:relative; z-index:99;cursor:pointer; }
.sub-content .nivo-controlNav a.active { font-weight:bold; }