/*
CSS Document
complied by Guy Hoogewerf - www.ncompass.co.uk - ©2009
*/
* {
	margin: 0;
	padding: 0;
}

/* mac hide \*/
html, body {
	height: 100%;
	width: 100%;
}
/* end hide */

body {
	background: #7b858a url(../images/beargrylls-background.jpg) no-repeat center bottom fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #d6d6d6;
	text-align: center;
}
header, section, footer {
	display: block;
	width: 730px;
	margin: 0 auto;
}
a:link, a:visited {
	color: #d6d6d6;
}
a:hover, a:active {
	color: #ab2218;
}
/* Header */
header {
}
header h1 {
	background: #d6d6d6 url(../images/header-background.png) no-repeat top left;
	text-indent: -999em;
	height: 64px;
	margin-top: -15px;
}

/* Content */
section {
	background: url(../images/section-background.png) repeat-y bottom right;
	min-height: 100%;
}
section #showcase {
	height: 181px;
	background: url(../images/showcase-background.jpg) no-repeat top left;
	text-align: left;
}
article {
	float: left;
	display: block;
	text-align: left;
	width: 540px;
	padding: 25px 10px 25px 30px;
/*	padding-bottom: 999em;
	margin-bottom: -999em;
*/
}
article h2 {
	text-align: left;
	margin-bottom: 17px;
}
article h3 {
	text-align: left;
	margin: 20px 0 10px;
	font-size: 11px;
}
article p {
	line-height: 16px;
	margin-bottom: 11px;
}
article ul {
	margin-left: 40px;
}
article li {
	margin: 3px 0px;
}

article .img {
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: #92999c solid 1px;
	background-color: #6b7377;
	padding: 7px;
}
article .imgleft {
	float: left;
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: #92999c solid 1px;
	background-color: #6b7377;
	padding: 7px;
	margin: 0px 5px 20px 0px;
	clear: left;
}
article .imgright {
	float: right;
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: #92999c solid 1px;
	background-color: #6b7377;
	padding: 7px;
	margin-left: 5px;
}
.panel {
	float: right;
	width: 134px;
	padding: 15px;
}
.clear {
	clear: left;
}
aside {
	display: block;
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border: #92999c solid 1px;
	background-color: #6b7377;
	padding: 7px;
	margin-bottom: 11px;
}
aside h3 {
	text-align: left;
	margin: 5px 0;
	font-size: 11px;
	font-style: italic;
}
aside td {
	padding: 0px 20px;
	text-align: left;
}
aside ul {
	margin-left: 40px;
}
aside li {
	margin: 3px 0px;
}
aside .newsleft {
	float: left;
	border: none;
	margin: 3px 3px 0px 0px;
}
aside .newsright {
	float: right;
	border: none;
	margin: 3px 3px 0px 0px;
}
aside .bookcover {
	border:1px solid #d6d6d6;
	padding:10px;
	margin: 3px 0px;
}
.hr {
	clear: left;
	background: url(../images/divider.png) no-repeat top left;
	margin: 20px 0px;
	height: 1px;
}
.hr hr {
	display: none;
}
/* Forms */
#form {
	padding-bottom: 5px;
	padding-top: 5px;
}
fieldset {
	border: none;
}
label {
	color: #d6d6d6;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	display: block;
	width: 80px;
	float: left;
	margin-bottom: 5px;
	padding-top: 2px;
}
input.login {
	color: #00436e;
	display: inline;
	height: 16px;
	width: 80px;
	font-size: 11px;
	float: left;
	margin-left: 5px;
}
input.textfield {
	color: #00436e;
	display: inline;
	height: 18px;
	width: 120px;
	font-size: 11px;
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
select.textfield {
	color: #00436e;
	display: inline;
	height: 18px;
	width: 120px;
	font-size: 11px;
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
}
input.submit {
	color: #00436e;
	height: 19px;
	font-size: 10px;
	margin-left: 85px;
}
#form br {
	clear: left;
}
/* Navigation */
nav {
	float: right;
	padding-top: 55px;
	width: 150px;
	text-align: left;
/*	padding-bottom: 999em;
	margin-bottom: -999em;
*/
}
nav ul li {
	list-style: none;
}
nav ul li a, nav ul li span {
	height: 20px;
	width: 120px;
	display: block;
	text-indent: -999em;
}
nav ul li #home:link, nav ul li #home:visited { background: url(../images/nav-panel.png) no-repeat right top; }
nav ul li #home:hover, nav ul li #home:active { background: url(../images/nav-panel.png) no-repeat center top; }
nav ul li #homeon { background: url(../images/nav-panel.png) no-repeat left top; }
nav ul li #biography:link, nav ul li #biography:visited { background: url(../images/nav-panel.png) no-repeat right -20px; }
nav ul li #biography:hover, nav ul li #biographyon:active { background: url(../images/nav-panel.png) no-repeat center -20px; }
nav ul li #biographyon { background: url(../images/nav-panel.png) no-repeat left -20px; }
nav ul li #scouts:link, nav ul li #scouts:visited { background: url(../images/nav-panel.png) no-repeat right -40px; }
nav ul li #scouts:hover, nav ul li #scouts:active { background: url(../images/nav-panel.png) no-repeat center -40px; }
nav ul li #scoutson { background: url(../images/nav-panel.png) no-repeat left -40px; }
nav ul li #books:link, nav ul li #books:visited { background: url(../images/nav-panel.png) no-repeat right -60px; }
nav ul li #books:hover, nav ul li #books:active { background: url(../images/nav-panel.png) no-repeat center -60px; }
nav ul li #bookson { background: url(../images/nav-panel.png) no-repeat left -60px; }
nav ul li #talks:link, nav ul li #talks:visited { background: url(../images/nav-panel.png) no-repeat right -80px; }
nav ul li #talks:hover, nav ul li #talks:active { background: url(../images/nav-panel.png) no-repeat center -80px; }
nav ul li #talkson { background: url(../images/nav-panel.png) no-repeat left -80px; }
nav ul li #charity:link, nav ul li #charity:visited { background: url(../images/nav-panel.png) no-repeat right -100px; }
nav ul li #charity:hover, nav ul li #charity:active { background: url(../images/nav-panel.png) no-repeat center -100px; }
nav ul li #charityon { background: url(../images/nav-panel.png) no-repeat left -100px; }
nav ul li #photos:link, nav ul li #photos:visited { background: url(../images/nav-panel.png) no-repeat right -120px; }
nav ul li #photos:hover, nav ul li #photos:active { background: url(../images/nav-panel.png) no-repeat center -120px; }
nav ul li #photoson { background: url(../images/nav-panel.png) no-repeat left -120px; }
nav ul li #map:link, nav ul li #map:visited { background: url(../images/nav-panel.png) no-repeat right -140px; }
nav ul li #map:hover, nav ul li #map:active { background: url(../images/nav-panel.png) no-repeat center -140px; }
nav ul li #mapon { background: url(../images/nav-panel.png) no-repeat left -140px; }
nav ul li #press:link, nav ul li #press:visited { background: url(../images/nav-panel.png) no-repeat right -160px; }
nav ul li #press:hover, nav ul li #press:active { background: url(../images/nav-panel.png) no-repeat center -160px; }
nav ul li #presson { background: url(../images/nav-panel.png) no-repeat left -160px; }
nav ul li #ontv:link, nav ul li #ontv:visited { background: url(../images/nav-panel.png) no-repeat right -180px; }
nav ul li #ontv:hover, nav ul li #ontv:active { background: url(../images/nav-panel.png) no-repeat center -180px; }
nav ul li #ontvon { background: url(../images/nav-panel.png) no-repeat left -180px; }
nav ul li #store:link, nav ul li #store:visited { background: url(../images/nav-panel.png) no-repeat right -200px; }
nav ul li #store:hover, nav ul li #store:active { background: url(../images/nav-panel.png) no-repeat center -200px; }
nav ul li #storeon { background: url(../images/nav-panel.png) no-repeat left -200px; }
nav ul li #ask:link, nav ul li #ask:visited { background: url(../images/nav-panel.png) no-repeat right -220px; }
nav ul li #ask:hover, nav ul li #ask:active { background: url(../images/nav-panel.png) no-repeat center -220px; }
nav ul li #askon { background: url(../images/nav-panel.png) no-repeat left -220px; }
nav ul li #health:link, nav ul li #health:visited { background: url(../images/nav-panel.png) no-repeat right -240px; }
nav ul li #health:hover, nav ul li #health:active { background: url(../images/nav-panel.png) no-repeat center -240px; }
nav ul li #healthon { background: url(../images/nav-panel.png) no-repeat left -240px; }
nav ul li #blog:link, nav ul li #blog:visited { background: url(../images/nav-panel.png) no-repeat right -260px; }
nav ul li #blog:hover, nav ul li #blog:active { background: url(../images/nav-panel.png) no-repeat center -260px; }
nav ul li #blogon { background: url(../images/nav-panel.png) no-repeat left -260px; }
nav ul li #contact:link, nav ul li #contact:visited { background: url(../images/nav-panel.png) no-repeat right -280px; }
nav ul li #contact:hover, nav ul li #contact:active { background: url(../images/nav-panel.png) no-repeat center -280px; }
nav ul li #contacton { background: url(../images/nav-panel.png) no-repeat left -280px; }
nav ul li #login { background: url(../images/nav-panel.png) no-repeat center -300px; }
nav ul li #corporate:link, nav ul li #corporate:visited { background: url(../images/nav-panel.png) no-repeat right -336px; }
nav ul li #corporate:hover, nav ul li #corporate:active { background: url(../images/nav-panel.png) no-repeat center -336px; }
nav ul li #journalist:link, nav ul li #journalist:visited { background: url(../images/nav-panel.png) no-repeat right -352px; }
nav ul li #journalist:hover, nav ul li #journalist:active { background: url(../images/nav-panel.png) no-repeat center -352px; }

#twitter {
	width: 140px;
	margin: 15px 5px;
	text-align: center;
}
#twitter a:link, #twitter a:visited, facebook a:link, #facebook a:visited {
	color: #b2c7d4;
	text-decoration: none;
}
#twitter a:hover, #twitter a:active, #facebook a:hover, #facebook a:active {
	color: #b2c7d4;
	text-decoration: underline;
}
#twitter #twithd {
	height: 20px;
	position: relative;
	z-index:4; 
}
.twtr-widget {
	margin: 15px 0px 5px 0px;
}
#twitter .twtr-hd,#twitter .twtr-ft {
	display: none;
}
#facebook {
	text-align: center;
}
#facebookhd {
	height: 10px;
	position: relative;
	z-index:4; 
}
#facebookcontent {
	position: relative;
}
#facebookft {
	margin-top: 85px;
}
/* Footer */
.push {
	clear: left;
}
#myfloat {
	z-index: 10;
}