/*

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

*/

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

/*body::before { content:"Robson : Desktop Media Query (1200)"; display:block; text-align:left; color:#ff3300; background:rgba(255,255,255, 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; 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.875em; font-weight:normal; font-style:normal; line-height:22px; }
#sitemenu .button { padding:0px 20px; 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:40px; margin-left:-116px; }
#sitemenu .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.6em; font-style:normal; margin:4px 0px 2px; display:block; line-height:1em; }
#sitemenu .logo { width:232px; height:70px; background:url(/site/templates/graphics/journeys_logo.png); }
#sitelinks { width:760px; display:block; position:absolute; left:50%; top:117px; margin-left:-380px; }

#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; }
#graphis .fullWidth, #reports .fullWidth { max-width:906px; margin:0px auto; position:relative; }
#graphis .heroSlider .rsOverflow, #graphis .royalSlider .heroSlider { height:400px !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; }
#graphis .infoBlock h3 { text-transform:uppercase; letter-spacing:0.05em; }
#graphis .infoBlock p { color:#fff; margin-bottom:0px; line-height:18px; }
#graphis .infoBlock { width:700px; height:60px; position:absolute; left:50%; margin-left:-350px; padding-top:24px; top:320px; background:url(/site/templates/graphics/hm_info_background.png) center top no-repeat; text-align:center; display:block; overflow:hidden; }
#graphis .regionBlock { position:absolute; left:50%; margin-left:-320px; top:346px; text-align:left; }
#graphis .dateBlock { position:absolute; right:50%; margin-right:-320px; top:346px; text-align:right; }
#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:906px; height:200px; border:1px solid #999; }
#featured { width:906px; margin:0px auto 8px; position:relative; }
#ribbon1 { width:333px; height:25px; background:url(/site/templates/graphics/journeys_ribbon.png) left top no-repeat; position:absolute; right:-1px; top:30px; padding:1px 0px 0px 20px; color:#fff; letter-spacing:0.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#ribbon2 { width:333px; height:25px; background:url(/site/templates/graphics/journeys_ribbon.png) left top no-repeat; position:absolute; right:-2px; top:20px; padding:1px 0px 0px 20px; color:#fff; letter-spacing:0.2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#headline { width:906px; padding-bottom:20px; border-bottom:1px dashed #ccc; clear:both; margin:30px auto 10px; }
#reports .heroSlider .rsOverflow, .royalSlider .heroSlider { height:390px !important; }
#reports #latest { position:absolute; left:50%; margin-left:-62px; bottom:4px; }
#reports .slate { width:906px; height:310px !important; margin:0px auto 20px; padding-bottom:20px; border-bottom:1px dashed #ccc; overflow:hidden; display:block; }
#reports .slate img { width:204px; height:150px; border:1px solid #ccc; }
#reports .slate .divide { width:27px; float:left; background:url(/site/templates/graphics/divider_reports.png) center top no-repeat; min-height:200px; }
#reports .slate .slide { width:206px; 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:906px; margin:20px auto 0px; text-align:left; overflow:visible; display:block; }
.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:0.875em; height:40px; line-height:40px; padding:0px 22px; }
ul.tabs-content { display:block; margin:0 0 20px; padding:0; }
.contextual { width:906px; height:201px; padding:20px 0px; }

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

#toolbar { position:absolute; left:30px; top:78px; }
#toolbar a, #social a { margin-right:10px; }
#toolbar .pw { display:inline-block; }
#copyright { position:absolute; left:395px; top:85px; text-align:center; }
#social { position:absolute; left:620px; 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:6px; }
#social .long { display:inline-block; }
#social .short { display:none; }
.fb-like.hover { width:295px; height:30px; padding-top:10px; overflow:visible; border:1px solid #ccc; display:block; }
.popup li div{ position:absolute; z-index:10; top:-42px; right:8px; background:#fafafa; text-align:center; width:0; height:0; overflow:hidden; border:none; }
.popup li:hover div { width:295px; height:30px; padding-top:10px; overflow:visible; border:1px solid #ccc; display:block; }


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

#overview { width:906px; margin:0px auto; clear:both; }
#hm-articles { width:50%; padding:20px 30px; 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:80px; margin:0px 20px 20px 0px; float:left; min-height:120px; }
#hm-articles .copy { float:left; width:203px; }
#hm-intro { width:50%; border-right:1px solid #ccc; padding:20px 30px; 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:80px; margin:0px 20px 20px 0px; float:left; min-height:120px; }

article { width:906px; margin:30px auto; padding-bottom:20px; }
#content { width:648px; float:left; padding-right:30px; text-align:left; }
#imgbar { width:208px; float:left; padding:0px 10px; text-align:center; background: url(/site/templates/graphics/background_sidebar.png) top left no-repeat; }
#imgbar .photo { width:160px; float:none; margin:0px auto; }
#sidebar { width:198px; float:left; padding-left:30px; text-align:left; background: url(/site/templates/graphics/background_sidebar.png) top left no-repeat; }

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

#books { width:906px; margin:20px auto; border-top:1px solid #ccc; padding-top:20px; }
#books.clipped li { overflow:hidden; }
#books .adjust { padding-top:9px; }
#books .col4, #books .wcol4 { width:226px; padding:0px 13px 20px; float:left; text-align:left; white-space:nowrap; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#books .col4 span, #books .wcol4 span { white-space:normal; }
#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:url(/site/templates/graphics/background_sidebar.png) top right no-repeat; }
#books .right3, #books .wright3, #tabbedcontent .right3 { background:url(/site/templates/graphics/background_sidebar.png) top right no-repeat; }
#books .subitem { margin-left:10px; }
#tabbedcontent .col4 { width:226px; 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:30px; margin:0px auto; clear:both; }
.reportextras .routemap, .reportextras .tripgallery { width:50%; height:52px; }
.reportextras .routemap h3, .reportextras .tripgallery h3 { font-size:1.5em; color:#fff; text-indent:10px; }
.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:645px; height:470px; background-color:#333; border:2px solid #666; float:left; margin-right:30px; }
#routebar { width:167px; float:left; }
#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:30px; }
#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:21px; border-bottom:1px dashed #3e4e6a; float:left; margin-bottom:30px; }

#closer { width:906px; overflow:visible; min-height:40px; margin:0px auto; padding:30px 0px 20px; display:block; clear:both; }
#notification { width:665px; float:left; padding:8px 0px 0px 12px; border-top:1px solid #ccc; border-right:1px solid #ddd; text-align:left; }
#action { width:228px; 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; }

#gallery { width:906px; 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.714em; font-family:'DIN'; }
.gallery-wrapper { overflow:hidden; display:block; border-bottom:1px solid #DDD; padding-bottom:20px; margin-bottom:25px; }

#galleria { width:906px; margin:0px auto; padding-top:30px; text-align:left; clear:both; }
#galleria .photo { width:208px; min-height:260px; margin-right:18px; float:left; text-align:center; }
#galleria .photo img { width:204px; height:auto; margin-bottom:10px; }
#galleria .photo .title { width:180px; 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:906px; margin:0px auto; padding-top:30px; text-align:left; clear:both; }
#category .slide, #gallery .slide { width:206px; float:left; padding-top:8px; text-align:left; margin-right:20px; position:relative; }
#category .slide img, #gallery .slide img { width:204px; height:150px; }
#category .ribbon { width:59px; height:25px; background:url(/site/templates/graphics/journeys_ribbonsm.png) left top no-repeat; position:absolute; right:-2px; top:28px; padding:4px 0px 0px 5px; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

#contact { width:720px; 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:422px; 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:440px; padding-left:30px; float:left; }
#submission { width:720px; margin:0px auto; padding:30px 0px; clear:both; text-align:center; }

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

.error404 { width:310px; height:300px; background:#fafafa; padding:20px; margin-bottom:10px; }
.subtitle img { width:155px; height:24px; vertical-align:text-top; margin:0px 5px; }