/*

	G I A N T'S  G A T E
 	J O U R N E Y S
	v 2.0
	
	B A N F F  [ T A B L E T  P O R T R A I T ]

*/

/*	[1] B A S E
---------------------------------------------------------------------- */

/*body::before { content:"Banff : Tablet Media Query (768)"; font-weight:normal; color:#fff; display:block; text-align:center; background:rgba(191,41,0, 0.9); position:absolute; top:0; left:0; right:0; z-index:99; padding:2px 0px; }*/
#frame { background-image:url(/site/templates/graphics/frame_bottomleft.png), url(/site/templates/graphics/frame_bottomright.png); background-position:left bottom, right bottom; background-repeat: no-repeat; text-align:center; padding-bottom:40px; overflow:hidden; }

/*	[4] L A Y O U T
---------------------------------------------------------------------- */

#navigator { display:none; }
#navigator .icon { display:none; }
#sitemenu { margin:0 auto; min-height:170px; background-image: url(/site/templates/graphics/background_taranaki.jpg); background-position:center top; background-repeat:no-repeat; border-bottom:2px solid #BF2900; position:relative; }
#sitemenu nav ul { list-style:none; }
#sitemenu nav li { float:left; display:inline; background-image: url(/site/templates/graphics/divider_menu.png); background-position:right bottom; background-repeat:no-repeat; height:53px; overflow:hidden; }
#sitemenu nav li:last-child { background:none; }
#sitemenu p { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.750em; font-weight:normal; font-style:normal; line-height:22px; }
#sitemenu .button { padding:0px 15px; margin:0px; height:57px; }
#sitemenu .button:hover { color:#FFF; background:#FF3700; border-top:1px solid #BF2900; }
#sitemenu .homepage { width:232px; height:70px; display:block; position:absolute; left:50%; top:41px; margin-left:-116px; }
#sitemenu .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.4em; font-style:normal; margin:8px 0px 0px; display:block; line-height:1em; }
#sitemenu .logo { width:232px; height:70px; background:url(/site/templates/graphics/journeys_logo.png); }
#sitelinks { width:622px; display:block; position:absolute; left:50%; top:117px; margin-left:-311px; }

#graphis { width:100%; padding:20px 0px; background:url(/site/templates/graphics/background_cartography.png) center top no-repeat; overflow:visible; border-bottom:1px solid #ccc; margin-bottom:30px; }
#graphis .fullWidth { max-width:612px; margin:0px auto; position:relative; }
#graphis .heroSlider .rsOverflow, .royalSlider.heroSlider { height:270px !important; }
#graphis .rsMinW .rsGCaption { position:absolute; float:none; bottom:30px; left:0px; text-align:left; background:#ff3700; background:rgba(255,55,0, 0.70); color:#FFF; padding:5px 10px; width:auto; border-top:1px solid #bf2900; border-radius:2px; font-size:0.875em; }
#graphis .infoBlock h3 { text-transform:uppercase; letter-spacing:0.05em; }
#graphis .infoBlock p { color:#fff; margin-bottom:0px; line-height:18px; }
#graphis .infoBlock { width:500px; height:50px; position:absolute; left:50%; margin-left:-250px; padding-top:24px; top:200px; background:url(/site/templates/graphics/hm_info_background.png) center top no-repeat; text-align:center; display:block; overflow:hidden; }
#graphis .regionBlock, #graphis .dateBlock { display:none; }
#graphis2 { width:100%; background:url(/site/templates/graphics/background_reference.jpg) center top no-repeat; padding-top:30px; overflow:visible; border-bottom:1px solid #ccc; margin-bottom:30px; }
#graphis2 img { width:620px; height:auto; border:1px solid #999; }
#featured { width:620px; margin:0px auto 8px; position:relative; }
#ribbon1 { width:270px; height:25px; background:url(/site/templates/graphics/journeys_ribbon.png) left top no-repeat; position:absolute; right:-1px; top:30px; padding:1px 0px 0px 15px; font-size:0.875em; color:#fff; letter-spacing:0.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#ribbon2 { width:300px; height:25px; background:url(/site/templates/graphics/journeys_ribbon.png) left top no-repeat; position:absolute; right:-1px; top:10px; padding:1px 0px 0px 15px; font-size:0.875em; color:#fff; letter-spacing:0.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#headline { width:612px; padding-bottom:20px; border-bottom:1px dashed #ccc; clear:both; margin:30px auto 10px; }
#headline .subtitle img { width:75px; height:24px; vertical-align:text-top; margin:0px 5px; }
#reports .heroSlider .rsOverflow, .royalSlider .heroSlider { height:390px !important; }
#reports #latest { position:absolute; left:50%; margin-left:-62px; bottom:4px; }
#reports .slate { width:612px; height:310px !important; margin:0px auto 20px; padding-bottom:20px; border-bottom:1px dashed #ccc; overflow:hidden; display:block; }
#reports .slate img { width:136px; height:auto; border:1px solid #ccc; }
#reports .slate .divide { width:20px; float:left; background:url(/site/templates/graphics/divider_reports.png) center top no-repeat; min-height:200px; }
#reports .slate .slide { width:138px; float:left; padding-top:8px; text-align:left; position:relative; }
#reports .slate .ribbon { width:59px; height:25px; background:url(/site/templates/graphics/journeys_ribbonsm.png) left top no-repeat; position:absolute; right:1px; top:28px; padding:4px 0px 0px 5px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#tabbedcontent { width:620px; margin:20px auto 0px; text-align:left; overflow:visible; display:block; }
#tabbedcontent .stagger .highlight { display:block; margin:2px 0px 0px 1px; }
.tabs-col { width:50%; float:left; padding:5px 5px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.tabs dd:first-of-type { margin-left:5px; }
.tabs dd a, .tabs li a { color:#6f6f6f; display:block; font-size:12px; height:40px; line-height:40px; padding:0px 8px; }
.t-intro dd a, .tabs li a { font-size:14px !important; padding:0px 20px !important; }
.contextual { width:620px; height:auto; padding:20px 0px; }

#sitefooter { width:714px; margin:0 auto 30px; background-image: url(/site/templates/graphics/background_footer.png); background-position:center top; background-repeat:no-repeat; text-align:center; position:relative; padding-bottom:10px; }
#sitefooter nav li { float:left; display:inline; padding:0px 10px; }
#sitefooter nav li:first-child { padding-left:10px; }
#sitefooter .gap { margin-right:33px; }
#sitefooter .switch1, #sitefooter .switch3 { display:inline; }
#sitefooter .switch2 { display:none; }
#footnav { margin:0 auto; width:700px; padding-top:5px; }
#footnav p { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em; color:#CCC; font-weight:normal; font-style:normal; }

#toolbar { position:absolute; left:14px; top:78px; }
#toolbar a, #social a { margin-right:6px; }
#toolbar .pw { display:none; }
#copyright { position:absolute; left:277px; top:85px; text-align:center; }
#social { position:absolute; left:500px; top:78px; }
#social .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.7em; font-style:normal; vertical-align:-10%; margin-right:4px; }
#social .long { display:none; }
#social .short { display:inline-block; }
.fb-like.hover { width:180px; height:30px; padding-top:10px; overflow:visible; border:1px solid #ccc; display:block; }
.popup li div{ position:absolute; z-index:10; top:-42px; right:2px; background:#fafafa; text-align:center; width:0; height:0; overflow:hidden; border:none; }
.popup li:hover div { width:180px; height:30px; padding-top:10px; overflow:visible; border:1px solid #ccc; display:block; }

/*	[5] M O D U L E S
---------------------------------------------------------------------- */

#hm-articles { width:50%; border-top:1px solid #ccc; padding:20px; text-align:left; float:left; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#hm-articles .title { background:url(/site/templates/graphics/hm_articles_background.png) no-repeat; width:165px; text-align:center; padding-top:90px; margin:0px auto 20px; }
#hm-articles .copy h4 { text-align:center; border-top:1px dashed #ddd; padding-top:12px; }
#hm-intro { width:50%; border-top:1px solid #ccc; border-right:1px solid #ccc; padding:20px; text-align:left; float:left; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#hm-intro .title { background:url(/site/templates/graphics/hm_intro_background.png) no-repeat; width:165px; text-align:center; padding-top:90px; margin:0px auto 20px; }
#hm-intro .copy p { border-top:1px dashed #ddd; padding-top:24px; }

article { width:100%; margin:30px auto; padding-bottom:0px; }
#content { width:100%; float:none; padding:0px 30px 30px; text-align:left; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#imgbar { width:100%; float:none; padding:30px 30px 0px 30px; text-align:left; border-top:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#imgbar .photo { width:160px; float:left; margin:0px 20px 20px 0px; }
#sidebar { width:100%; float:none; padding:30px 30px 0px 30px; text-align:left; border-top:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.division1 { width:198px; float:left; }
.division2 { width:66%; float:left; padding:40px 0px 0px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.division3 { width:66%; float:left; padding:0px 0px 30px 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
ul.tabs-content { display:block; margin:0 0 20px; padding:0; }

#maps_platform { width:620px; height:580px; padding:10px; margin:20px auto; background: url(/site/templates/graphics/background_mapping.png) repeat-x; display:block; overflow:visible; }
#maps { width:620px; height:580px; }

#books { width:620px; margin:20px auto; border-top:1px solid #ccc; padding-top:30px; }
#books .adjust { padding-top:10px; }
#books .col4, #books .wcol4 { width:310px; padding:0px 13px 20px; float:left; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#books .right1, #books .wright1, #tabbedcontent .right1 { background:url(/site/templates/graphics/background_sidebar.png) top right no-repeat; }
#books .right2, #books .wright2, #tabbedcontent .right2 { background:none; }
#books .right3, #books .wright3, #tabbedcontent .right3 { background:url(/site/templates/graphics/background_sidebar.png) top right no-repeat; }
#books .subitem { margin-left:5px; }

#tabbedcontent .col4 { width:310px; padding:0px 13px 20px; float:left; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#tabbedcontent .subitem { margin:10px 0px 0px; }

.reportextras{ padding-top:40px; margin:0px auto; clear:both; border-top:1px solid #CCC; }
.reportextras .routemap, .reportextras .tripgallery { width:50%; height:52px; }
.reportextras .routemap h3, .reportextras .tripgallery h3 { font-size:1.5em; color:#fff; text-indent:22px; }
.tabs dd.routemap a { background:#ccc; cursor:default; border:none; display:block; padding-top:15px; }
.tabs dd.tripgallery a { background:#ccc; cursor:default; border:none; display:block; padding-top:15px; }
.routemap_content { width:100%; height:530px; color:#fff; background:#fe3700 url(/site/templates/graphics/background_routemap.png) top center no-repeat; padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#routemap { width:556px; height:350px; background-color:#333; border:2px solid #666; float:none; margin:0px 0px 20px 0px; }
#routebar { width:556px; float:none; }
#routebar .blocklist li{ width:100%; border:1px solid #fff; background:#666; padding:5px 8px 0px 8px; margin-bottom:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#routebar .caption { margin-top:0px; }
#routebar .division4 { width:200px; float:left; margin-right:30px; }
#routebar .division5 { width:326px; float:left; }
#routebar .highlight { line-height:20px; margin:3px 0px 6px; }
.tripgallery_content { width:100%; color:#fff; background:#5d759f url(/site/templates/graphics/background_routemap.png) top repeat-y; padding:30px; overflow:hidden; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#tabbedcontent .photo { width:84px; padding-right:9px; border-bottom:1px dashed #3e4e6a; float:left; margin-bottom:30px; }

#gallery { width:620px; margin:15px auto; text-align:left; clear:both; }
#gallery h3 { line-height:18px; text-transform:uppercase; padding-bottom:15px; margin:16px 0px 12px; border-bottom:1px dashed #ddd; text-align:center; font-size:1.428em; font-family:'DIN'; }
.gallery-wrapper { overflow:hidden; display:block; border-bottom:1px dashed #CCC; padding-bottom:20px; margin-bottom:20px; }

#galleria { width:620px; margin:0px auto; padding-top:10px; text-align:left; clear:both; }
#galleria .photo { width:140px; min-height:220px; margin-right:15px; float:left; text-align:center; }
#galleria .photo img { width:136px; height:auto; margin-bottom:10px; }
#galleria .photo .title { width:130px; margin:0px auto; display:block; font-family: "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; color:#666; line-height:18px; margin-bottom:6px; }
#galleria .photo .source { width:100%; border-top:1px dashed #ddd; padding-top:6px; font-size:0.75em; }

#category { width:620px; margin:0px auto; padding-top:30px; text-align:left; clear:both; }
#category .slide, #gallery .slide { width:134px; float:left; padding-top:8px; text-align:left; margin-right:20px; position:relative; }
#category .slide img, #gallery .slide img { width:134px; height:97px; }
#category .ribbon { width:45px; height:25px; background:url(/site/templates/graphics/journeys_ribbonsm.png) left top no-repeat; position:absolute; right:-1px; top:18px; padding:4px 0px 0px 5px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#closer { width:620px; overflow:visible; min-height:40px; margin:0px auto; padding:30px 0px 20px; display:block; clear:both; }
#notification { width:419px; float:left; padding:8px 10px 0px; border-top:1px solid #ccc; border-right:1px solid #ddd; text-align:center; }
#action { width:180px; float:left; padding-top:12px; border-top:1px solid #ccc; text-align:center; }
#return { width:453px; min-height:40px; margin:0px auto; display:block; clear:both; padding-top:12px; border-top:1px solid #ddd; text-align:center; margin:0px auto; }

#contact { width:620px; margin:30px auto; border-top:1px solid #ccc; padding:30px 0px; border-bottom:1px solid #ddd; text-align:left; display:block; overflow:hidden; }
#contact .input-text { width:207px; padding:3px 5px; border:1px solid #ddd; background:#fff; color:#666; margin-bottom:10px; font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
#contact .input-textarea { width:322px; height:100px; padding:3px 8px; border:1px solid #ddd; background:#fff; color:#666; font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1em; }
#messenger { width:219px; padding-right:30px; float:left; border-right:1px solid #ddd; }
#letter { width:340px; padding-left:30px; float:left; }
#submission { width:620px; margin:0px auto; padding:30px 0px; clear:both; text-align:center; }

/*	[6] U T I L I T Y
---------------------------------------------------------------------- */

.roof { padding-top:20px; border-top:1px solid #ddd; }
.subtitle img { width:155px; height:24px; vertical-align:text-top; margin:0px 5px; }