/*  RESET  ============================================================================= */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

.resetlist { margin:0; padding:0; list-style-type:none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a {
text-decoration:none;
color:#1e2f52;
-moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -webkit-transition: color 0.2s linear; transition: color 0.2s linear;
cursor:pointer;
}


a:focus {
  outline: thin dotted #666;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
  color:#1e2f52;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  max-width: 100% ; /* Can't use !important here due to google maps*/
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}



.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}


/*  GENERAL SELECTORS ============================================================================= */

body	{ font: normal 87%/1.5 sans-serif, Arial; color:#666; }

h1, h2, h3, h4, h5, h6	{ font-family: sans-serif, Arial; margin:0; padding:0; color:#666; font-size:1.5em; font-weight:bold; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#017610; }

hr              { float:left;clear:both; background:#ddd; height: 1px;border: 0;  width: 100%; margin:1em 0; }

p,ul,ol		{ margin-bottom: 1em; }
.clear          { clear:both; }

/*  All ============================================================================= */

.wrap		{ float:left; width:100%; margin:0; padding:0;}
.inner		{ margin:0 auto; width:94%; max-width:1024px;}


/*Google map and carousel center for screen > 1900 */
.slidecontainer { width:1900px; padding:0; overflow:hidden; margin:0 auto 1em auto;}
.mapcontainer { width:1900px; height:300px; border:0; margin:0 auto 1em auto; display: none;}

/*Google map and carousel 100% for screen < 1900 */
@media screen and (max-width: 1900px)
{
	.slidecontainer { float:left; width:100%; position:relative; padding:0; overflow:hidden; }
	.mapcontainer { float:left; width:100%; position:relative;}
}

#map_canvas { width:100%; max-width:1900px; height:100%;}

/* For Google maps */
#map_canvas img {
    max-width: none; 
}

h1 { font-size:3.2em; color: #666 ;padding:0 0 .5em 0; }
h2 { font-size:1.5em; color: #017610 ; }
.col { /*background: #fff; border:1px #ccc solid;*/ padding:0; text-align:center;}
/*.col img {width:100%; height:auto; }*/
.box { border:0px #999 solid; text-align:left;}
.boxpg { border:0px #666 solid; text-align:left;}
.box_noborder { border:0; text-align:left;}

.box_social { margin: 1.5em 0 1.2em 0; }

.topborder {border-top: 2px #ccc solid; }
.pgtopborder {border-top: 2px #666 solid; }
.topmargin { padding-top:1em;}
.bottommargin1 { padding-bottom:1em;}
.topmargin480 {}




.textbox { text-align: left; padding:0 0 2em 0; font-size: 1.2em; color: #222; margin:0; }
.textboxpad { text-align: left; padding:1.5em 0 1.5em 0; font-size: 1.2em; color: #222; margin:0; }
.bottomlink  { text-align: left; padding:1em 0 1em 0; font-size: 1.2em; color: #222; margin:0; }

#main { background:#fff; padding:1em 0; }

/* Header ==============================================*/

header 		{ padding:0.2em 0 0.2em 0;  background:#1da220; text-align:center;   }

a#logo 		{ float:left; margin:0em; display:block; width:80px;}

.tagline { color:#fff; font-family: 'Gloria Hallelujah', sans-serif; font-size:1.8em; font-weight: 100; letter-spacing:0.5px; font-style: italic; padding-top:0.7em;}

/* Main nav ==============================================*/

.navIcon { display:none; }

.mainNav {  font-family: sans-serif, arial; background: #017610; }
.mainNav ul { list-style-type:none; margin:0; padding:0; border:0; }
.mainNav li { float:left; border-left:1px #1da220 solid; position:relative; margin:0; padding:0; z-index:9;}
.mainNav li:last-child {border-right:1px #1da220 solid}

@media (hover: hover) {
    .mainNav li:hover { background:#08298A; /*position:relative; z-index:8;*/ !important; }
}
.mainNav li a:active { text-decoration: none; !important; }
.mainNav li.layersup { position:relative; z-index:50;}
.mainNav li.layersub { position:relative; z-index:15;}

.mainNav a {  display:block; color: #fff; padding:0.4em 1.2em 0.5em 1.2em; font-size:1.2em; } 	
.mainNav ul.children li a { display:inline-block; text-indent:0; font-size:1.2em; padding:0.4em 100% 0.4em 0; margin:0; white-space: nowrap; }	

@media (hover: hover) {
    .mainNav ul.children li:hover { background-color:#08298A; border:0; }
}

.mainNav ul.children { display:none; position:absolute; top:auto; left:auto; background-color:#848484;  width:180px; padding:0;  border:0; box-shadow:4px 4px 4px rgba(0,0,0,0.2);  }
.mainNav ul.children li { width:100%; background:none; text-indent:0.8em; border:0px #ddd dotted; padding:0; margin:0;  }

.grey { background-color:#585858; }

a.menuToggle { display:none; }

.borderinspired {border-top: 1px #ccc dotted; margin:0;}
.redborder {border-top: 1px red solid;}

/* Index ==============================================*/

.flex-caption { background:rgba(0, 0, 0, 0.75); width:25%; padding:1em; position:absolute; bottom:5%; left:0; color:#fff; text-align:right; }
.flex-caption h3 { font-size:1.8em; color:#fff; margin:0;padding:0; }
.flex-caption h5 { color:#999; font-size:1.1em; letter-spacing:0.5px; text-transform:uppercase; font-weight:normal; }
.flex-caption p:last-child { margin:0; padding:0; }
.flex-caption a.button { margin-top:0.2em; color:#fff }

.imagebox {position:relative;}
.imagebox img { max-width:100%; height:auto; }
/*.imagebox_outer {position:relative;width:100%; height:100%;}
.imagebox_inner {display:inline-block;}*/
/*.imagebox_inner  img {max-width: 100%; max-height: 100%; position: fixed; bottom: 0; left: 0; margin: auto; overflow: auto; right: 0; top: 0;}*/
.imagetextsmall { font-size: 0.8em; padding:0 0.5em; margin:0; background: rgba(0, 0, 0, 0.75); color: #888; position:absolute; bottom:2%; left:0; display:block;}
.textboxindex { padding:0.5em 0 1.5em 0; border:0px red solid;}

/* Board ===================================================================*/

.main_board { background:#fff; border-top:0px #666 solid; padding:2em 0 1em 0; font-family: sans-serif, arial; }

.boardheader { color:#999; font-size: 1.5em; font-weight:400; border-bottom:2px #ccc solid; margin: 0 0 0.5em 0; }
.boardheaderfull{ color:#999; font-size: 1.5em; font-weight:400; border-bottom:2px #ccc solid; margin: 0 0 0 0; }
.boardheader2 { color:#999; font-size: 1.5em; font-weight:400; border-bottom:2px #ccc solid; margin: 0 0 0.25em 0; }
.boardheadersub { color:#999; font-size: 1.5em; font-weight:400; border-bottom:2px #ccc solid; margin: 1.25em 0 0.25em 0; }
.board ul { font-size: 1.3em; font-weight:600; margin-top: 0; padding-top: 0; margin-left: 0; padding-left: 0; list-style-type: none;}
.board2 ul { font-size: 1.3em; font-weight:600; margin-top: 0; padding-top: 0.25em; margin-left: 0; padding-left: 0; list-style-type: none;}

ul.selectcountry  li a { color: #017610; text-decoration: none; }
ul.selectcountry  li a:visited { color: #017610; text-decoration: none;}
ul.selectcountry  li a:hover, ul.selectcountry  li a:active { color: #017610; text-decoration: underline;	}

ul.selectregion  li a { color: #cc6600; text-decoration: none; }
ul.selectregion  li a:visited { color: #cc6600; text-decoration: none;}
ul.selectregion  li a:hover, ul.selectregion li a:active { color: #cc6600; text-decoration: underline;	}

ul.selectinterest  li a { color: #993333; text-decoration: none; }
ul.selectinterest  li a:visited { color: #993333; text-decoration: none;}
ul.selectinterest  li a:hover, ul.selectinterest li a:active { color: #993333; text-decoration: underline; }

ul.selectgallery  li a { color: #185B9C; text-decoration: none; }
ul.selectgallery  li a:visited { color: #185B9C; text-decoration: none;}
ul.selectgallery  li a:hover, ul.selectgallery li a:active { color: #185B9C; text-decoration: underline; }

ul.selectguide  li a { color: #c11174; text-decoration: none; }
ul.selectguide  li a:visited { color: #c11174; text-decoration: none;}
ul.selectguide  li a:hover, ul.selectguide li a:active { color: #c11174; text-decoration: underline; }

/* Photogallery ==============================================*/

.loading #container { opacity: 0; }
.loading:before  { content: 'Loading...'; display: block; margin:1em 0 1em 0; text-align: center; color: #666; font-weight: bold; font-size: 3em; opacity: 0.5; }

.bg_black { background-color: #000; }
.main_pg { padding:2em 0; font-family: sans-serif, arial; margin:0; border: 0px blue solid;}
.photogallerycontainer { width:100%; max-width:1900px; overflow:hidden; margin-bottom: 1em;}

.greenlink a { color: #017610; text-decoration: none; }
.greenlink a:visited { color: #017610; text-decoration: none; }
.greenlink a:hover, .greenlink a:active { color: #017610; text-decoration: underline; }

.bluelink a { color: #185B9C; text-decoration: none; }
.bluelink a:visited { color: #185B9C; text-decoration: none; }
.bluelink a:hover, .bluelink a:active { color: #185B9C; text-decoration: underline; }

.lightgreenlink a { color: #1da220; text-decoration: none; }
.lightgreenlink a:visited { color: #1da220; text-decoration: none; }
.lightgreenlink a:hover, .lightgreenlink a:active { color: #1da220; text-decoration: underline; }

.pinklink a { color: #c11174; text-decoration: none; }
.pinklink a:visited { color: #c11174; text-decoration: none; }
.pinklink a:hover, .pinklink a:active { color: #c11174; text-decoration: underline; }

.orangelink a { color: #c60; text-decoration: none; }
.orangelink a:visited { color: #c60; text-decoration: none; }
.orangelink a:hover, .orangelink a:active { color: #c60; text-decoration: underline; }

.flexslider .slides img {width: auto; display: block; margin-left: auto; margin-right: auto;}
.flex-centered .slides {width: 100%!important; text-align: center;}
.flex-centered .slides li {display: inline-block!important; *display: inline!important; float: none!important;}
.flexslider { white-space: nowrap; border: 0px red solid; margin-bottom:2em; }
.flexslider:last-child { margin:0; }

.flex-caption-pg { display:block; padding:1em; position:relative; color:#666; text-align:center; }
.textboxpg { text-align: left; padding:0 0 2em 0; font-size: 1.2em; color: #797979; margin:0; border: 0px yellow solid;}
.pgheader { color:#666; font-size: 1.5em; font-weight:400; border-bottom:2px #666 solid; margin: 0 0 0.5em 0; }


/* places =================================================================*/

.flagborder { border: 0px #ccc solid; }

.textboxplace { text-align: left; padding:0 1em 1em 1em; font-size: 1.2em; color: #222; margin:0; } 
.placeheader h3 { color: #999; font-size:1.1em; margin:0.5em 0 0 0; padding: 0}
.placeheader h2 { color: #666; font-size:2.2em; }
.placeheader h4 { color: #999; font-size:1.2em; font-weight:300; margin:0 0 0.5em 0;}
.topplaceheader h2 { color: #666; font-size:2.2em; margin:0.7em 0 0.7em 0; padding: 0}
.topplaceheader h2 img { cursor:pointer; }
.link_boxes {margin:0; padding:0 1em 1em 1em; border: 0px blue solid;}
.links { font-size: 1.1em; }
.links a {color: #fff; text-decoration: none;}
.links a:visited {color: #fff; text-decoration: none;}
.links a:hover, .links  a:active {color: #fff; text-decoration: underline;}

ul.guidemenu{ float: left; width: 100%; padding: 0; margin: 0; list-style-type: none;}
.guidemenu li { display: inline; padding:1em 1.5em; float: left; font-size: 1.5em ;}

.countryinfo {padding:0; margin:2em 0 1.5em 0; font-size: 1em; color:#666;}
.countryinfo img {float: left; display:inline-block; margin: 0 2em 2em 0;}
.countryinfo div {display:inline-block;}
.rightboxplace { margin:0 0 0 1em; padding:1.5em 0 0 0; }
.leftboxplace { margin:0 0 0 0; padding:1.5em 0 1.5em 0; }

.markerimg {height: 1em;}

.photogallerylink {color:#fff; padding:0.4em; background-color: #185B9C; text-align:center; }
.similarplaceslink {color:#fff; padding:0.4em; background-color: #017610; text-align:center; }
.cityguidelink {color:#fff; padding:0.4em; background-color: #c11174; text-align:center; }
.regionguidelink {color:#fff; padding:0.4em; background-color: #C60; text-align:center; }

.travelreportlink {color:#fff; padding:0.4em; background-color: #017610; text-align:center; }
.toptenlink {color:#fff; padding:0.4em; background-color: #185B9C; text-align:center; }

.imagetext { font-size: 0.9em; padding:0.2em 0 3em 0;}
.imagepaddingifnotext { padding:0.2em 0 3em 0;}
.imagepaddingifnotextfull { padding:0.2em 0 3em 0;}
.imagepaddingwtextfull { padding:0.2em 0 0 0;}
.bottommargin { padding:0 0 2em 0; margin:0; }
.bottommarginsmall { padding:0 0 1em 0; margin:0; }

.fullscreen img { cursor:pointer; }
.container_fullscreen {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 1); z-index:100; text-align:center; cursor:pointer;}
.inner_fullscreen {display:inline-block;padding:2%;}
.fullscreenimg {max-width: 100%; max-height: 100%; bottom: 0; left: 0; margin: auto; overflow: auto; position: fixed; right: 0; top: 0;}

.pagenumbers { font-size: 1.7em; color: #222; padding-bottom:0; margin-bottom:1em;}
.pagenumbers a {border:2px #fff solid;padding:0 0.4em 0 0.4em;text-decoration: none;}
.pagenumbers a:visited {border:2px #fff solid;text-decoration: none;}
.pagenumbers a:hover, .pagenumbers a:active {border:2px #017610 solid;background-color: #017610; color:#fff;text-decoration: none;}
.pagenumbers span {border:2px #017610 solid;padding:0 0.4em 0 0.4em;}

/* Editor state ==============================================*/

span.edited { background-color:#ff9; border:1px solid #f90; padding: 3px; }
div.hidediv { border: none; display: none; position: relative; margin-left:-2px; z-index: 4;}

/* info box on map =================================================================*/

.mapinfobox h4 { color: #666; font-size:1.3em;}
.mapinfobox h5 { color: #999; font-size:1em; font-weight:normal;}
.mapinfobox h6 { color: #999; font-size:1em; font-weight:normal;}
.mapinfobox a {color: #017610; text-decoration: none; outline: 0;}
.mapinfobox a:visited {color: #017610; text-decoration: none;}
.mapinfobox a:hover, .mapinfobox a:active {color: #017610; text-decoration: underline;}
.mapinfobox div { float:left; display:block; padding:0; margin:0 2em 1em 0;}
.mapinfobox div:last-child { margin:0;}

.number h5 { font-size:1.2em; }
.mapinfoimageframe { height:70px; width:70px; overflow: hidden;}
.mapinfoimage { max-height:70px;}

/*  Trip report ==================*/
.trsheader h2 { color: #666; font-size:2.2em; margin:0.5em 0 0 0;}
.trsheader h3 { color: #999; font-size:1.2em; font-weight:200; margin:0 0 1em 0;}

.trheader h2 { color: #666; font-size:2.2em;}
.trheader h3 { color: #999; font-size:1.2em; font-weight:200; margin:0;}
.trheader h4 { color: #999; font-size:1.2em; font-weight:200; margin:0 0 2em 0;}

/* Top 10 */
.intro { font-size: 1.4em; color: #666; }
.comment { font-size: 1em; color: #666; }
.iconleft {float:left; margin:0.1em 1em 0.1em 0;}
.clearboth {clear: both;}

/* Scam */
.scamheader h2 { color: #666; font-size:2.2em; margin:0.5em 0 0 0; }
.scamheader h3 { color: #999; font-size:1.2em; font-weight:200; margin:0 0 1em 0;}
.intro { font-size: 1.4em; color: #666; }

.textmain { font-size: 1.2em; color: #222;}

ul.scammenu{ width: 100%; padding: 0; margin: 2em 0 2em 0; list-style-type: none;}
.scammenu li { padding:0 1em; font-size: 1.5em ;}

/* guide books  */

.procon { margin: 0.5em 0 0 0;}

/* travel insurance  */

.ti img { float: left; margin: 0 0 4em 0; border:1px #666 solid; padding:0;}
.textboxti { text-align: left; padding:0 0 1.5em 2em; font-size: 1.2em; color: #222; margin:0; }
.link_boxti {margin:0; padding:0 0 3em 2em;} 

/*
*************************************************

THE RESPONSIVE GRID SYSTEM
Taken from http://www.responsivegridsystem.com/

*************************************************
*/

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0;
	margin: 0;
}



/*  GROUPING  ============================================================================= */


.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

/*  GRID COLUMN SETUP   ==================================================================== */

.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}

.col:first-child { margin-left: 0; } /* all browsers except IE6 and lower */

.col_places {
	display: block;
	float:left;
	margin: 0 0 0 1.6%;
}

.col_places:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  GRID OF TWO   ============================================================================= */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}

.span_2_of_2_places {
	width: 100%;
}

.span_1_of_2_places {
	width: 49.2%;
}


/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	width: 32.26%; 
}

.span_3_of_3_about {
	width: 100%; 
}

.span_2_of_3_about {
	width: 66.13%; 
}

.span_1_of_3_about {
	width: 32.26%; 
}


/*  GRID OF FOUR   ============================================================================= */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}




/*  FOOTER ============================================================================= */

footer 	{ padding:1.2em 0 0 0; }
footer a, footer a:hover { color:#fff; }
footer .col { background: #585858; padding:1em 0; text-align:left;}
footer ul { list-style-type:none; margin:0; padding:0; border:0; }

footer 	{ color:#aaa; font-size:1.2em;  }

.footer1 h4 { color:#d8d8d8; font-size:1.2em; border-bottom:1px #D8D8D8 solid; padding: 0 0 0.5em 0 ; margin:0 2em 1em 0; font-family: sans-serif, Arial; font-weight:normal; }
.footer1 li a, .footer1 li a:visited { color:#fff; text-decoration:none; }
.footer1 li a:hover, .footer1 li a:active { color:#fff; text-decoration:underline; }
.footer1 li { padding:0 0 0.3em 0;  }

.footer1 { background:#585858; color:#d8d8d8; }
.footer2 { background:#424242 ; color:#d8d8d8; font-size:1em; text-align:center; margin:0; padding:2em 0; border:0;}



/*  MEDIA QUERIES ============================================================================= */


/* e.g. iPad Landscape */
@media screen and (max-width: 1130px)
{
	
	.mainNav li { /*width:12%;*/  }
	.mainNav a { font-size:1.1em; padding:0.6em 0.8em;  }
	.mainNav ul.children li a { font-size:1.1em; }
	
}

@media screen and (max-width: 1024px)
{
	#carousel { width:100%;}
}
	
@media screen and (max-width: 920px)
{
	.mainNav a { font-size:1em; padding:0.6em 0.8em;  }
	.mainNav ul.children li a { font-size:1em; }
	
}


/* e.g. iPad Portrait  768 px set to 800 so it fits the menu*/
@media screen and (max-width: 800px)
{
	body { font-size:84%; }
	.tagline { /*display:none;*/ font-size:1.5em; padding-top:1.1em; }	


	/*.mainNav li { width:24%; border-bottom:1px #fff solid; border-top:1px #ddd solid; } */
	/*.mainNav li ul li { border-left:0; } */
	/*.mainNav ul li:hover ul { width:100%; } */

	.mainNav a { font-size:1.1em; }
	.mainNav ul.children li a { font-size:1.1em; }

	.mainNav li { width:49.5%; border:1px #1da220 solid; }
	.mainNav ul li { border-top:0; }
	.mainNav li ul li { border-left:0; }
	/*.mainNav ul li ul li { border:0; } */

	.mainNav ul.children { width:100%}
	.mainNav ul.children li { background:#848484; border-top:1px #fff solid; }
	
	.borderinspired {border-top: 0px #ccc dotted; }
	
	.flex-caption { padding 0.3em;}
	.flex-caption h3 { font-size:1.5em;}
	.flex-caption h5 { font-size:0.9em; letter-spacing:0.5px;  }
	
	.imagetextsmall { font-size: 0.7em; }
	.imagetext { padding:0 0 0 0;}
	.imagepaddingifnotext { padding:0 0 0 0;}
	.imagepaddingwtextfull { padding:0.2em 0 2em 0;}

	h1 { font-size:2.4em; padding:0 0 .5em 0; }
	h2 { font-size:1.2em; }
	footer { font-size:1.1em; }
	footer h4 { font-size:1.3em; }

	.guidemenu li { padding:0.8em 1.5em; font-size: 1.4em;}
	.scammenu li { font-size: 1.4em ;}
	
	.col_places { margin: 0 0 1% 0; }
	.span_2_of_2_places { width: 100%; }
	.span_1_of_2_places { width: 100%; }
	
	.span_3_of_3_about { width: 100%; }
	.span_2_of_3_about { width: 100%; }
	.span_1_of_3_about { width: 100%; }

	.textboxplace { text-align: left; padding:1em 0 1em 0;}
	
	.link_boxes { margin:0; padding:0;}
	.rightboxplace { margin:0 0 1em 0; }
	.leftboxplace { padding:1.5em 0 1em 0; }

	
	.placeheader h2 { font-size:2em; }
	.topplaceheader h2 { font-size:2em;}
	.trheader h2 { font-size:2em; }
	.trsheader h2 { font-size:2em; }
	.scamheader h2 { font-size:2em; }
	
	.boardheader { margin: 0 0 0.5em 0; }
	.boardheaderfull { margin: 0 0 0.5em 0;}
	.boardheader2 { margin: 0 0 0.4em 0; }
	.boardheadersub { color:#999; font-size: 1.5em; font-weight:400; border-bottom:2px #ccc solid; margin: 1.25em 0 0.25em 0; }
	.pgheader { }
	.board ul { font-size: 1.2em; }
	.board2 ul { font-size: 1.2em; padding-top: 0; }
	ul.selectcountry  li {margin: 0 0 0.5em 0;}
	ul.selectregion  li {margin: 0 0 0.5em 0;}
	ul.selectinterest  li {margin: 0 0 0.5em 0;}
	ul.selectcategory li {margin: 0 0 0.5em 0;}
	ul.selectgallery li {margin: 0 0 0.5em 0;}	
	ul.selectguide  li {margin: 0 0 0.5em 0;}

	.mapinfobox h4 { color: #666; font-size:1.2em; }
	.mapinfobox h5 { color: #999; font-size:0.9em; font-weight:normal;}
	.mapinfobox h6 { color: #999; font-size:0.9em; font-weight:normal;}
	
	.link_boxti {margin:0; padding:0 0 2em 2em;}

}


@media screen and (max-width: 800px) and (hover: hover)
{
	.mainNav ul.children li:hover { background:#08298A; border-top:1px #fff solid; }
}

@media screen and (max-width: 760px)
{
	.mainNav li { width:49.5%; border:1px #1da220 solid; }
	.mainNav li ul li { border-left:0; }
	.mainNav ul li ul li { border:0; }
	
}

@media screen and (max-width: 600px)
{
	.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6,
	.span_1_of_7, .span_2_of_7, .span_3_of_7, .span_4_of_7, .span_5_of_7, .span_6_of_7, .span_7_of_7,
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 {
	width: 100%; margin:0 0 1em 0;
	}

	

	
	a#logo img { width:70%; }
	.tagline { /*display:none;*/ font-size:1.1em; padding-top:0.9em; }
	
	.flex-caption { padding 0.3em;}
	.flex-caption h3 { font-size:1.3em;}
	.flex-caption h5 { font-size:0.9em; letter-spacing:0.5px;  }

	.imagetextsmall { display: none; }
}


/* e.g. Large Smartphones */
@media screen and (max-width: 480px)
{
	/*To avoid white space to the right*/
	.inner {overflow:hidden;}

	a#logo img { width:50px; }
	.tagline { display:none; }

	.navIcon { float:right; display:block; inset; margin-top:2px; padding:8px; border:none; cursor:pointer; }
	.navIcon img { height:2em; }

	
	.mainNav .inner { width:100%;}
	a.menuToggle { cursor:pointer; float:left; display:block; color:#fff; padding:0.8em 0; width:100%; text-align:left; text-indent:1em; border-bottom:1px #ddd solid; background: #1e2f52; font-weight:bold; }
	a.menuToggle img { float:right; padding: 4px 10px 0 0 ; }
	#show_menu { display:none; }	
	

	.mainNav a { font-size:1.3em; }
	.mainNav ul.children li a { font-size:1.3em; }
	.mainNav ul.children { position:relative; box-shadow:none; width:100%}
	.mainNav ul.children li { background:#848484; border-top:1px #fff solid; }
	

	.mainNav ul { border:0; }
	.mainNav li:nth-child(1) { border-top:0; }
	.mainNav li { width:100%; border-left:0; border-right:0; border-bottom:1px #fff solid; }
	/*.mainNav li ul li:last-child { padding-bottom:8px; } */
	/*.mainNav li:hover { background:#08298A; } */
	

	.col { margin: 1% 0 1% 0%; }
	.span_2_of_2 { width: 100%; }
	.span_1_of_2 { width: 100%; }
	.span_3_of_3 { width: 100%; }
	.span_2_of_3 { width: 100%; }
	.span_1_of_3 { width: 100%; }
	.span_4_of_4 { width: 100%; }
	.span_3_of_4 { width: 100%; }
	.span_2_of_4 { width: 100%; }
	.span_1_of_4 { width: 100%; }

	.mainbg { height:auto; }
	
	.flex-caption { padding:0.3em; bottom:0;}
	.flex-caption h3 { font-size:0em;}
	.flex-caption h5 { font-size:0.9em; letter-spacing:0.5px;  }
	
	.imagetextsmall { font-size: 0.75em; display: block}

	h1 { font-size:2em; padding:0 0 .5em 0; }
	h2 { font-size:1.2em; }

	.placeheader h3 { font-size:1.1em; }
	.placeheader h2 { font-size:1.8em; }
	.placeheader h4 { font-size:1.2em; }
	.topplaceheader h2 { font-size:1.8em;}
	
	.trheader h2 { font-size:1.8em; }
	.trsheader h2 { font-size:1.8em; }
	.scamheader h2 { font-size:1.8em; }
	

	footer { font-size:1.2em; }
	footer h4 { font-size:1.2em; } 

	.box { border-bottom:2px #ccc solid;}
	.boxpg { border-bottom:2px #666 solid;}
	.box_noborder { border:0; }
	
	.textbox { padding:0 0 2em 0;}
	.textboxpad { padding:2em 0 2em 0;}

	.boardheader { }
	.boardheaderfull { margin: 0.5em 0 0.5em 0;}
	.boardheader2 { margin: 0.5em 0 0.5em 0; }
	.boardheadersub { color:#999; font-size: 1.5em; font-weight:400; border-bottom:2px #ccc solid; margin: 1.20em 0 0.25em 0; }
	.pgheader { }
	.board ul { font-size: 1.4em; }
	.board2 ul { font-size: 1.4em; }
	
	.toppaddingat480 { padding-top:0.75em;}

	ul.selectcountry  li {margin: 0 0 0.2em 0;}
	ul.selectregion  li {margin: 0 0 0.2em 0;}
	ul.selectinterest  li {margin: 0 0 0.2em 0;}
	ul.selectcategory li {margin: 0 0 0.2em 0;}
	ul.selectgallery li {margin: 0 0 0.2em 0;}	
	ul.selectguide  li {margin: 0 0 0.2em 0;}

	div.country { margin: 0 0 -1em 0;}
	div.country:last-child { margin:0 0 0 0;}
	
	div.menubox { margin: 0 0 -1em 0;}
	div.menubox:first-child { padding: 1em 0 0 0;}
	div.menubox:last-child { margin:0 0 0 0; padding: 0 0 1em 0;}
	
	ul.scammenu { margin:0.5em 0 0.5em 0; }
	.scammenu li { padding:0.1em 0 0.1em 0 ;}
	
	.textboxti { padding:0.5em 0 1.5em 0; }
	.ti img { margin: 0 0 1em 0;}
	.link_boxti {margin:0; padding:0 0 2em 0;}  
}

@media screen and (max-width: 480px) and (hover: hover)
{
	.mainNav li:hover { background:#08298A;}
	.mainNav ul.children li:hover { background:#08298A; border-top:1px #fff solid; }
}

/* e.g. Small Smartphones */
@media screen and (max-width: 320px)
{
}


/* Only show big intro bg on big screens */
@media screen and (min-width: 601px) {
	
}
@media screen and (min-width: 1300px)
{
	a#logo img { width:569px; }
}
/* And on non-media query browsers too */

/* Force Nav and TopNav to show past 480px; */
@media only screen and (min-width: 481px) {
	#show_menu { display:block !important; }
}