/*

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

*/

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

/*body::before { content:"Kananaskis : iPhone Media Query (480)"; font-weight:normal; display:block; text-align:center; color:#fff; background:rgba(62,78,106, 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; }

/*	[2] T Y P E
---------------------------------------------------------------------- */

h1 { font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2.625em; color:#FF3700; font-weight:normal; line-height:48px; margin-bottom:6px; }
h2 { font-family:"DIN Light", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.625em; color:#FF3700; font-weight:normal; line-height:36px; margin-bottom:10px; }

/*	[3] L I N K S
---------------------------------------------------------------------- */

#sitemenu { margin:0 auto; min-height:150px; background-image: url(/site/templates/graphics/background_taranaki.jpg); background-position:center top; background-repeat:no-repeat; border-bottom:2px solid #BF2900; position:relative; }
#sitelinks a { width:100%; height:28px; padding:14px 0px 2px; color:#FFF; text-decoration:none; display:block; }
#sitelinks a:hover { color:#FFF; }
#sitelinks li:hover { background-color:#FF3700; }

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

#sitemenu .logo { width:232px; height:70px; background:url(/site/templates/graphics/journeys_logo.png) no-repeat center top; margin:45px auto 0px; }
#navigator { margin:20px auto 0px; width:300px; display:block; padding:1px; background-image:url('/site/templates/graphics/frame_navigation.png'); background-position:bottom; background-repeat:no-repeat; margin-bottom:4px; }
#navigator .icon { font-family:"Entypo Custom"; vertical-align:-10%; }
#sitelinks { margin:0 auto; width:300px; }
#sitelinks ul { list-style:none; margin:0 auto; }
#sitelinks li { background:#3E4E6A; margin-bottom:1px; }
#sitelinks li:last-child { margin-bottom:4px; }
#sitelinks p { font-family:"DIN Bold", "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.875em; font-weight:normal; font-style:normal; line-height:12px; margin:0px; }
#sitelinks .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.2em; font-style:normal; margin-right:6px; }
#toggle { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.5em; font-style:normal; width:60px; background:none; vertical-align:-10%; color:#5D759F; cursor:pointer; }

#graphis { width:100%; padding:20px 0px; background:url(/site/templates/graphics/background_reference.jpg) center top no-repeat; overflow:visible; border-bottom:1px solid #ccc; margin-bottom:30px; }
#graphis .fullWidth { max-width:317px; margin:0px auto; position:relative; }
#graphis .heroSlider .rsOverflow, .royalSlider.heroSlider { height:140px !important; }
#graphis .rsMinW .rsGCaption { display:none; }
#graphis .infoBlock h3 { text-transform:uppercase; letter-spacing:0.05em; font-size:1em; line-height:1em; }
#graphis .infoBlock p { color:#fff; margin-bottom:0px; line-height:16px; font-size:0.75em; }
#graphis .infoBlock { width:200px; height:50px; position:absolute; left:50%; margin-left:-100px; padding-top:16px; top:90px; 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:340px; height:auto; border:1px solid #999; }
#featured { width:340px; margin:0px auto 8px; position:relative; }
#ribbon1 { display:none; }
#ribbon2 { display:none; }

#headline { width:340px; padding-bottom:20px; border-bottom:1px dashed #ccc; clear:both; margin:30px auto 10px; }
#headline .subtitle img { display:none; }
#reports .heroSlider .rsOverflow, .royalSlider .heroSlider { height:390px !important; }
#reports #latest { position:absolute; left:50%; margin-left:-62px; bottom:8px; }
#reports .slate { width:340px; height:300px !important; margin:0px auto 20px; padding-bottom:20px; border-bottom:1px dashed #ccc; overflow:hidden; display:block; }
#reports .slate img { width:74px; height:auto; border:1px solid #ccc; }
#reports .slate .divide { width:12px; float:left; background:url(/site/templates/graphics/divider_reports.png) center top no-repeat; min-height:200px; }
#reports .slate .slide { width:76px; float:left; padding-top:0px; text-align:center; position:relative; }
#reports .slate .slide h3 { font-size:1em; line-height:1em; margin:8px 0px; }
#reports .slate .slide .subitem { line-height:1.2em; }
#reports .slate .slide .tabular { font-size:0.75em; line-height:1.2em; }
#reports .slate .ribbon { display:none; }

#tabbedcontent { width:340px; margin:20px auto 0px; text-align:left; overflow:visible; display:block; }
#tabbedcontent h2 { display:none; }
#tabbedcontent .stagger .highlight { display:block; margin:2px 0px 0px 1px; }
.tabs-col { width:100%; float:none; padding:0px 5px 0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.tabs dd a, .tabs li a { color:#6f6f6f; display:block; font-size:12px; height:40px; line-height:40px; padding:0px 12px; }
ul.tabs-content { display:block; margin:20px 0px; padding-top:10px; }
.contextual { display:none; }

#sitefooter { width:404px; 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; }
#sitefooter nav li { float:left; display:inline; padding:0px 10px; }
#sitefooter nav li:first-child { padding-left:10px; }
#sitefooter .switch1 { display:none; }
#sitefooter .switch2, #sitefooter .switch3 { display:inline; }
#sitefooter .gap { margin-right:90px; }
#footnav { margin:0 auto; width:290px; 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; }

#social { position:absolute; top:82px; left:50%; margin-left:-142px; }
#social .icon { font-family:"Entypo Custom"; font-style:normal; font-weight:normal; font-size:1.5em; font-style:normal; vertical-align:-10%; margin-right:4px; }
#social .long { display:inline-block; }
#social .short { display:none; }
#toolbar { position:absolute; top:117px; left:50%; margin-left:-121px; padding:0 20px 7px; border-bottom:1px solid #CCC; }
#toolbar a, #social a { margin-right:6px; }
#toolbar .pw { display:none; }
#copyright { position:absolute; top:172px; left:50%; margin-left:-85px; text-align:center; padding:17px 0px 30px; }
.fb-like.hover { width:280px; 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:280px; height:30px; padding-top:10px; overflow:visible; border:1px solid #ccc; display:block; }

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

#hm-articles { width:100%; max-width:300px; margin:0px auto; border-top:1px solid #ccc; padding:30px 0px 0px; text-align:left; float:none; display:block; }
#hm-articles .title { background:url(/site/templates/graphics/hm_articles_background.png) no-repeat; width:165px; text-align:center; padding-top:100px; margin:0px auto 20px; }
#hm-articles .copy h4 { text-align:center; border-top:1px dashed #ddd; padding-top:12px; }
#hm-intro { width:100%; max-width:300px; margin:0px auto; padding:30px 0px; text-align:left; float:none; display:block; }
#hm-intro .title { background:url(/site/templates/graphics/hm_intro_background.png) no-repeat; width:165px; text-align:center; padding-top:100px; margin:0px auto 20px; }

article { width:100%; margin:30px auto 0px; }
#content { width:100%; float:none; padding:0px 20px 20px; text-align:left; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#sidebar { width:100%; float:none; padding:30px; text-align:left; border-top:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#imgbar { width:100%; float:none; padding:30px 10px; 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 10px 20px 0px; }
#sidebar img { width:198px; margin:0 auto; display:block; }
.division1 { width:100%; float:none; display:block; }
.division2 { width:100%; float:none; display:block; }

#books { width:340px; margin:20px auto; border-top:1px solid #ccc; padding-top:30px; }
#books .col4 { width:170px; padding:0px 13px 20px; float:left; display:inline-block; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#books .right1, #tabbedcontent .right1 { background:url(/site/templates/graphics/background_sidebar.png) top right no-repeat; }
#books .right2, #tabbedcontent .right2 { background:none; }
#books .right3, #tabbedcontent .right3 { background:url(/site/templates/graphics/background_sidebar.png) top right no-repeat; clear:both; }
#tabbedcontent .col4 { width:170px; padding:0px 13px 20px; float:left; display:inline-block; text-align:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#tabbedcontent .subitem { margin:10px 0px 0px; }

#tabbedcontent.reportextras{ padding-top:40px; margin:0px auto 20px; clear:both; border-top:1px solid #CCC; }
.reportextras ul.tabs-content { padding-top:0px; }
.reportextras .emblem { display:none; }
.reportextras .routemap, .reportextras .tripgallery { width:50%; height:52px; }
.reportextras .routemap h3, .reportextras .tripgallery h3 { font-size:1.3em; color:#fff; text-indent:15px; }
.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:276px; height:350px; background-color:#333; border:2px solid #666; float:none; margin:0px 0px 10px 0px; }
#routebar { width:276px; 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 { display:none; }
#routebar .division5 { width:100%; float:none; }
#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:340px; margin:15px auto 0px; 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.286em; font-family:'DIN'; }
#gallery .slide { width:150px; float:left; padding-top:8px; min-height:220px; text-align:left; margin-right:20px; position:relative; }
.gallery-wrapper { overflow:hidden; display:block; }

#galleria { width:340px; margin:0px auto; padding-top:10px; text-align:left; clear:both; }
#galleria .photo { width:160px; min-height:220px; margin-right:10px; float:left; text-align:center; }
#galleria .photo img { width:156px; height:auto; margin-bottom:10px; }
#galleria .photo .title { width:140px; margin:0px auto; display:block; font-family: "DIN", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.75em; 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:340px; margin:0px auto; padding-top:30px; text-align:left; clear:both; }
#category .slide { width:150px; float:left; padding-top:8px; min-height:240px; text-align:left; margin-right:20px; position:relative; }
#category .slide img, #gallery .slide img { width:150px; height:auto; }
#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:340px; overflow:visible; padding-top:30px; border-top:1px solid #ccc; margin:0px auto; text-align:center; clear:both; }
#return { width:340px; 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:340px; margin:30px auto; padding:0px 0px 30px; border-bottom:1px solid #ddd; text-align:left; display:block; overflow:hidden; }
#contact .input-text { width:327px; 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:321px; 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:340px; float:none; border-right:1px solid #ddd; }
#letter { width:340px; float:none; }
#submission { width:340px; 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:315px; height:24px; vertical-align:text-top; margin:0px auto; display:block; }