/* resets */
a {cursor: pointer; outline: 0; text-decoration: none;}
ul,ol,li {margin: 0; padding: 0; list-style: none;}
header, footer, section, nav {display: block; margin: 0; padding: 0;}
iframe {display: block;}
img {border: 0}
	
/* global layout */
body {background: #292c31 url(../Images/bodybg.gif) no-repeat 50% 0; margin: 0; padding: 20px 0 0 0;}
#wrapper {margin: 0 auto; padding: 0 30px; width: 930px;}
header {border-bottom: 1px solid #666; height: 123px;}
header h1 {background: url(../Images/logo_white.gif) no-repeat; display: block; float: left; height: 52px; margin: 30px 0 0 0; text-indent: -9999px; width: 155px;}
/* -- Pro tip. mainNav and countrySelctor are components(their css lives in components), the follwing lines just position them on the grid -- */
header .countrySelctor {float: right; height: 30px;}
header .mainNav {clear: right; float: right; padding: 30px 0 0 0;}
footer {border-top: 1px solid #666; padding: 9px 0; height: 40px;}
.flash .flashAlternate {display: none;}
.flash object {display: block;}
.flash embed {display: block;}
      
/* 1 col grid */
.oneColGrid {padding: 10px 0 0 0;}
.twoColGrid {padding: 10px 0 80px 0;}
.twoColGrid .leftCol {float: left; margin:  0 50px 15px 0; width: 590px;}
.twoColGrid .rightCol {float: left; margin: 13px 0 0 0; width: 270px;}