* { 
	margin: 0; 
	padding: 0; 
    }

section body { 
	height: 100%;
	width: 100%; 
	position: absolute;
	color: #7D7C7A;
  line-height: 1.6em;  
	font-size: 62.5%; 
	text-align: left; /* ie6 fix */ 
    }

/* html5 elements */
header, section, article, aside, footer {
	display: block;
    }

section h1 { 
	width:515px;
	float:left;
	line-height: 1.2em; 
	color: #301D30;
 }
 
section h2 { 
	color: #301D30;
	padding-bottom: 5px;
	margin:0;
  }

section h3 { font-size: 12px; 
	font-weight: 600; 
	padding-bottom: 0; 
	color: #666666; 
  }

section h4 { 
	font-size: 12px; 
	font-weight: 600; 
	padding:5px 0;
	margin:0;  
	color:#FFFFFF;
  }
	
section h5 { 
	font-size: 12px; 
	font-weight: 600; 
	padding:22px 0;  
	color:#301D30;
  }

section p, section li, section dt, section dd { 
	font-size: 12px; 
  padding-bottom: 0.8em;
	color: #5e5f61;
  line-height: 1.6em;  
  }

section ul { list-style: none; }

section dt { 
	padding: 15px 20px 0 0; 
	font-weight: 600; 
	}
	
section dd { padding-right: 20px; }
	
section dd ul li { padding:0; }
	
section img { border: 0; }

/* links */
section a:link,
section a:visited { color: #301D30; text-decoration: none;}       

section a:hover,
section a:active  { color: #7D7C7A; text-decoration: underline; }    


/* 
	!to fit backgrounds in the left column:
	maps size 186px × 220px
	flag size: 179px x 150px
	images size: 150px x 165px
*/

/* main layout items */
section { width: 720px; background-color:#FFFFFF; float:left;} /*height: 1000px; margin: 290px 0 0 450px;*/   /* the page content */
article { width: 500px; overflow: hidden;padding-right: 15px; float: left; } /* the centre of the page - (page content left side) */
aside   { width: 198px; float: left;  } /* the right column */

aside ul { margin:0 0 15px 5px; padding:0; }
aside ul li { background: none; margin:0 0 6px 0; padding:0; }
aside ul li a {
	display:inline-block;
	position:relative;
	padding:2px 4px;
	color:#fff!important;
	background-color:#16a8ff;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
}
aside ul li a:hover,aside ul li a:focus,aside ul li a:active {background-color:#6fc9ff; text-decoration:none;}

aside ul li a.selected {background-color:#2e729a!important}

aside ul li a .tl,aside ul li a .tr,aside ul li a .br,aside ul li a .bl {position:absolute;width:3px;height:3px;background:url(../images/common/corners/corners-small-white.png) no-repeat}

/* right column */
/*aside ul { margin-bottom: 10px; margin-left:0!important; }
aside ul li { padding-bottom:0; background: none!important;}
aside ul li a:link, 
aside ul li a:visited { display: block; height: 28px; padding: 9px 0 2px 40px; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; 
						background:url(/images/countries/page-assets/tab-off.gif) no-repeat top left; }
aside ul li a:hover,
aside ul li a:active { display: block; height: 28px; padding:9px 0 2px 40px; text-decoration: none; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; 
 					   background:url(/images/countries/page-assets/tab-over.gif) no-repeat top left; }

aside ul li a.selected { display: block; height: 28px; padding:10px 0 1px 42px; text-decoration: none; color:#FFFFFF; font-size:16px; 
						 font-family:Georgia, "Times New Roman", Times, serif; 
 					     background:url(/images/countries/page-assets/tab-down.gif) no-repeat top left; }
*/
.map { width: 193px; height: 230px; padding: 5px 0 0 5px; background:url(/images/countries/page-assets/polaroid.gif) no-repeat top left; float: left; } /* map background */
.snapshot { width: 175px; height: 215px; padding: 24px 0 0 24px; background:url(/images/countries/page-assets/polaroid.gif) no-repeat top left; float: left; } /* photo & column background */
.flag { width: 193px; height: 170px; padding: 15px 0 0 5px; background:url(/images/countries/page-assets/polaroid-shorter.gif) no-repeat top left; float: left; } /* flag background */


/* centre */
article div#promo { width: 100%; height: 60px;margin-bottom:10px; background-color:#EEEEEE; }
article img { padding-right:10px; float: left; }


/* five reasons box */
#fiveReasons { width: 470px; padding: 80px 20px 20px 20px; margin-top:10px; background:url(/images/countries/page-assets/fivereasons-top.gif) no-repeat top left; }
#fiveReasons ul li { padding-left: 50px; min-height: 40px; font-size:14px;  }
#fiveReasons ul li.reasonOne   { background:url(/images/countries/page-assets/reasonOne.gif) no-repeat top left; }
#fiveReasons ul li.reasonTwo   { background:url(/images/countries/page-assets/reasonTwo.gif) no-repeat top left; }
#fiveReasons ul li.reasonThree { background:url(/images/countries/page-assets/reasonThree.gif) no-repeat top left;  }
#fiveReasons ul li.reasonFour  { background:url(/images/countries/page-assets/reasonFour.gif) no-repeat top left; }
#fiveReasons ul li.reasonFive  { background:url(/images/countries/page-assets/reasonFive.gif) no-repeat top left;  }
#fiveReasonsFooter { width: 470px; height:15px; margin-bottom:10px; padding: 0 20px 0 20px; background:url(/images/countries/page-assets/fivereasons-bottom.gif) no-repeat top left; }


/* things you do not know box */
#thingsYouMightNotKnowHeader { width: 470px; height:10px; padding: 0 20px 0 20px; background:url(/images/countries/page-assets/things-top.gif) no-repeat top left; }
#thingsYouMightNotKnow { width: 480px; padding: 20px 20px 0 10px; background:url(/images/countries/page-assets/things-bottom.gif) no-repeat bottom left; }
#thingsYouMightNotKnow div { width: 100%; background:url(/images/countries/page-assets/smilie.gif) no-repeat top left; }
#thingsYouMightNotKnow h2 { margin-left: 80px; margin-bottom: 10px;padding-bottom:7px; border-bottom: 3px dotted #c9c7a6; } 
#thingsYouMightNotKnow ul li { padding-left: 70px; font-size:14px; background-image:none; }


/* details box */
div#detailsBoxHeader { width: 520px;height:70px; background:url(/images/countries/page-assets/detail-top.gif) no-repeat top left;}
div#detailsBoxHeader h2 { color:#FFFFFF; height:18px; padding: 10px; }
div#detailsBoxFooter { width: 520px; padding: 0 20px;margin-bottom: 15px; background:url(/images/countries/page-assets/detail-bottom.gif) no-repeat bottom left; float: left;}
div#detailsBoxFooter img { padding:10px 0; float: left; }
div#detailsBoxFooter h3 { padding-top: 20px; padding-left:10px; font-size: 14px; float: left; }
div#detailsBoxFooter p { width: 460px; padding-bottom:20px; clear: both; float: left; }
div#detailsBox { width: 505px;padding-left: 15px;padding-top:5px; background:url(/images/countries/page-assets/detail-mid.gif) repeat-y top left; }
div#detailsBox div#breakout { width: 105px;height: 590px; float: right; margin: 0 10px; }


/* details box breakout column */
div#detailsBox div#breakout div { width: 94px;height: 110px; padding:0; margin: 0 0 8px 0; background:url(/images/countries/page-assets/panel.gif) no-repeat bottom left; text-align: center; }
div#detailsBox div#breakout div h5 { padding:8px 0 3px 0; }
div#detailsBox div#breakout div h5.currency { font-size:20px; padding:8px 0 3px 0; font-weight: 400; }
div#detailsBox div#breakout div img { padding: 4px 0 0 0; margin:0; float: none; }
div#detailsBox div#breakout div p { margin:0; padding:0; }

/* work & visas box */
div#visaHeader { width: 520px;height:70px; background:url(/images/countries/page-assets/visa-top.gif) no-repeat top left;}
div#visaHeader h2 { color:#FFFFFF; height:18px; padding: 10px; }
div#visaFooter { width: 520px; height:12px;padding: 0 20px;margin-bottom: 15px; background:url(/images/countries/page-assets/visa-bottom.gif) no-repeat bottom left; }
div#visa { width: 505px;padding-left: 15px;padding-top:5px; padding-bottom:20px; background:url(/images/countries/page-assets/visa-mid.gif) repeat-y top left; }
div#visa dd ul li { padding-left:15px; }