/******************************************************************* layout ********************************************************************/

#wrapper {
	display: flex; display: -webkit-flex;
	margin: 0 auto; 
	width: 1400px;
}
main {
	order: 2;
	padding-bottom: 150px;
	width: 810px; 
	background: url(../images/badgers-road-sign.png) no-repeat bottom right;
}
#home main {padding-bottom: 230px;}
#navleft {
	order: 1;
	width: 295px;
	background-color: #000;
	background-image: url(../images/stripes-left.png), url(../images/stripes-right.png);
	background-position: top left, top right;
	background-repeat: repeat-y;
	font: 16px/21px arial, verdana, garuda, sans-serif;
}
#navright {
	order: 3; 
	padding-bottom: 60px;
	width: 295px;
	background-color: #000;
	background-image: url(../images/stripes-left.png), url(../images/stripes-right.png);
	background-position: top left, top right;
	background-repeat: repeat-y;
	font: 16px/21px arial, verdana, garuda, sans-serif;
}

/******************************************************************* all pages ********************************************************************/

body {font: 17px/22px arial, verdana, garuda, sans-serif; background: #fff; color: #000;}

header {margin: 20px auto; width: 685px; height: 137px; background: url(../images/logo.png) no-repeat top left;}

#maincontent {padding: 5px 30px;}

#maincontent h1 {margin: 0 0 3px; font: 45px 'badgerscript', 'Comic Sans MS', sans-serif; text-align: center;}
#maincontent h2 {margin: 40px 0 2px; font: 35px 'badgerscript', 'Comic Sans MS', sans-serif;}
#maincontent > h2:first-child {margin-top: 0;}
#maincontent h3 {margin: 35px 0 35px; font: 35px 'badgerscript', 'Comic Sans MS', sans-serif; text-align: center;}

p {margin: 10px 0;}
p:first-child {margin-top: 0;}
p:last-child {margin-bottom: 0;}
#maincontent h1 + p {margin-top: 0;}
#maincontent h2 + p {margin-top: 0;}

#maincontent ul {margin: 33px 80px 33px 40px;}
#maincontent h2 + ul {margin-top: 20px;}
#maincontent li {margin-bottom: 10px; padding-left: 40px; background: url(../images/bullets-main.png) no-repeat 0 0;}
#maincontent img {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

#sharebuttons {width: 100%; height: 50px; margin: 45px 0 0 0;}
#home #sharebuttons {margin: 30px 0 0 0;}
#returnhome {float: left; margin: 20px 0 0 30px; width: 166px; height: 58px; background: url(../images/returnhome.png) no-repeat top left; text-indent: -9999px;}

#maincontent a:link {color: #9C0814; text-decoration: underline;}
#maincontent a:visited {color: #9C0814; text-decoration: underline;}
#maincontent a:hover {color: #000; text-decoration: underline;}
#maincontent a:active {color: #9C0814; text-decoration: underline;}

#intentionallyblankspace {margin: 30px auto; width: 223px; height: 264px; background: url(../images/intentionallyblankspace.png) no-repeat top left;}

/******************************************************************* home page ********************************************************************/
.intro-button {float: left; margin: 15px 10px 10px 0; font: 35px 'badgerscript', 'Comic Sans MS', sans-serif; cursor: pointer;}
#intro-tandc-button {}
#intro-ins-button {}
#intro-intro-heading {cursor: auto;}
.intro-button > span {letter-spacing: 5px;}
#ins-print-button {cursor: pointer;}

#intro-tandc-button + p {clear: both;}
#intro-tandc-button + p + ul {clear: both;}
#intro-tandc-button + p + ul + p {clear: both;}
#intro-ins-button + p {clear: both;}
#intro-ins-button + p + ul {clear: both;}
#intro-ins-button + p + ul + p {clear: both;}
#intro-ins-button + p + ul + p + p {clear: both;}
#intro-ins-button + p + ul + p + p + p {clear: both;}
#intro-ins-button + p + ul + p + p + p + p {clear: both;}

.intro-tandc-text {display: none;}
.intro-ins-text {display: none;}
#ins-print-text {display: none;}
#intro-intro-heading {display: none;}
#home #maincontent ul {margin: 25px 80px 25px 40px;}
#home #maincontent li {margin-bottom: 10px; padding-left: 40px; background: url(../images/bullets-main.png) no-repeat 0 0;}

/*#home #maincontent h1 {display: none;}*/
#imagbisc {margin: 50px auto; width: 400px; height: 290px; background: url(../images/home-freeimaginarybiscuit.png) no-repeat top left;}
#weboyear {margin: 50px auto; width: 400px; height: 254px; background: url(../images/home-websiteoftheyear.png) no-repeat top left;}
#seekhelp {margin: 50px auto; width: 400px; height: 239px; background: url(../images/home-seekmedicalhelp.png) no-repeat top left;}

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

.mainfeatureswrapper {padding: 5px 0;}
.mainfeatureswrapperinner {}

.mainfeatures {float: left; margin: 0 30px; width: 356px;} /** margin: 0 30px; width: 345px     margin: 0 28px; width: 349px; **/
.mainfeatures:nth-child(2) {margin-left: 0;} 
.mainfeatures h2 {font: 35px 'badgerscript', 'Comic Sans MS', sans-serif;}
.mainfeatures h2 + p {margin-top: 0;}
.mainfeatures > ul > li {margin-top: 30px;}
.mainfeatures > ul > li:first-child {margin-top: 0;}

.mainfeatures ul ul {margin: 15px 0;}
.mainfeatures ul h2 + ul {margin-top: 2px;}
.mainfeatures ul ul li {margin-bottom: 10px; padding-left: 35px; background: url(../images/bullets-main.png) no-repeat 0px -1px;}

.mainfeatures a:link {color: #9C0814; text-decoration: underline;}
.mainfeatures a:visited {color: #9C0814; text-decoration: underline;}
.mainfeatures a:hover {color: #000; text-decoration: underline;}
.mainfeatures a:active {color: #9C0814; text-decoration: underline;}

.dot {clear: both; width: 1px; height: 1px; margin: 0; padding:0; background: url(../images/dot.png) no-repeat top left;}

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

.mainmenu {clear: both; margin: 40px 120px;} /** margin: 50px 130px then 70px 120px**/
#mainmenufirst {margin-top: 0;}
.mainmenu ul {padding-right: 20px;}
.mainmenu li {margin: 28px 0;}
.mainmenu li:first-child {margin-top: 11px;}
.mainmenu li:last-child {margin-bottom: 20px;}

.mainmenu h1 {padding: 20px 20px 16px; font: 35px 'badgerscript', 'Comic Sans MS', sans-serif; text-align: center; background: url(../images/mainmenuh1.png) no-repeat top left;} 
.mainmenu h2 {margin-left: 92px; font: 33px 'badgerscript', 'Comic Sans MS', sans-serif;} 
.mainmenu p {margin-left: 92px;} 
.mainmenu h2 + p {margin-top: 1px;}

.mainmenu h2 a:link {color: #000; text-decoration: none;}
.mainmenu h2 a:visited {color: #000; text-decoration: none;}
.mainmenu h2 a:hover {color: #9C0814; text-decoration: none; background: url(../images/headingunderline-hover.png) repeat-x 0 24px;}
.mainmenu h2 a:active {color: #000; text-decoration: none;}
.mainmenu p a:link {color: #000; text-decoration: none;}
.mainmenu p a:visited {color: #000; text-decoration: none;}
.mainmenu p a:hover {color: #9C0814; text-decoration: none;}
.mainmenu p a:active {color: #000; text-decoration: none;}

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

.thumb {float: left; clear: left; margin: 2px 5px 0 7px; width: 90px; height: 90px;}

#thumb-footballquiz {background: url(../images/thumb-footballquiz.png) no-repeat top left;}
#thumb-jobsonjobsworthcv, #thumb-jobsonjobsworthapp {background: url(../images/thumb-jobsonjobsworth.jpg) no-repeat top left;}
#thumb-colouroftheday {background: url(../images/thumb-colouroftheday.png) no-repeat top left;}
#thumb-guessthenumber {background: url(../images/thumb-guessthenumber.png) no-repeat top left;}
#thumb-athletesfoot {background: url(../images/thumb-athletesfoot.png) no-repeat top left;}
#thumb-badgersong {background: url(../images/thumb-badgersong.png) no-repeat top left;}
#thumb-cheeseroll {background: url(../images/thumb-cheeseroll.png) no-repeat top left;}
#thumb-giveusyourpersonaldata {background: url(../images/thumb-giveusyourpersonaldata.png) no-repeat top left;}
#thumb-jokepage {background: url(../images/thumb-jokepage.png) no-repeat top left;}
#thumb-wordoftheday {background: url(../images/thumb-wordoftheday.png) no-repeat top left;}
#thumb-strangesentences {background: url(../images/thumb-strangesentences.png) no-repeat top left;}
#thumb-weeklyawardwinners {background: url(../images/thumb-weeklyawardwinners.png) no-repeat top left;}
#thumb-tommytomkinsfanclub {background: url(../images/thumb-tommytomkinsfanclub.png) no-repeat top left;}
#thumb-nationalbadgerday {background: url(../images/thumb-nationalbadgerday.png) no-repeat top left;}
#thumb-weareallmoles {background: url(../images/thumb-weareallmoles.png) no-repeat top left;}
#thumb-badgersdirect {background: url(../images/thumb-badgersdirect.png) no-repeat top left;}
#thumb-postmanalgebrachallenge {background: url(../images/thumb-postmanalgebrachallenge.png) no-repeat top left;}
#thumb-badgerquest {background: url(../images/thumb-badgerquest.png) no-repeat top left;}
#thumb-bravenewword {background: url(../images/thumb-bravenewword.png) no-repeat top left;}
#thumb-badgerorgy {background: url(../images/thumb-badgerorgy.png) no-repeat top left;}

#thumb-bluequits {position: relative; background: url(../images/thumb-bluequits.png) no-repeat top left;}
	#thumb-bluequits-arrow {position: absolute; top: -49px; left: -112px; z-index: 99999; width: 101px; height: 85px; background: url(../images/thumb-bluequits-arrow.png) no-repeat top left;}
#thumb-reallifebadgernews {position: relative; background: url(../images/thumb-reallifebadgernews.png) no-repeat top left;}
	#thumb-reallifebadgernews-arrow {position: absolute; top: -32px; left: -110px; z-index: 99999; width: 109px; height: 74px; background: url(../images/thumb-reallifebadgernews-arrow.png) no-repeat top left;}

#thumb-meettheteam {width: 179px; height: 90px; background: url(../images/thumb-meettheteam-sign.png) no-repeat top left; z-index: 99999;}

/*********/

#thumb-guessthenumber, #thumb-athletesfoot, #thumb-badgersong, #thumb-cheeseroll, #thumb-wordoftheday, #thumb-weeklyawardwinners, #thumb-nationalbadgerday, #thumb-weareallmoles, #thumb-postmanalgebrachallenge, #thumb-meettheteam, #thumb-badgerquest, #thumb-bravenewword, #thumb-reallifebadgernews, #thumb-badgerorgy {width: 70px; height: 70px; background-size: 70px 70px;}

#thumb-colouroftheday, #thumb-jobsonjobsworthcv, #thumb-jobsonjobsworthapp, #thumb-footballquiz, #thumb-giveusyourpersonaldata, #thumb-badgersdirect, #thumb-bluequits, #thumb-tommytomkinsfanclub, #thumb-jokepage, #thumb-strangesentences {width: 65px; height: 65px; background-size: 65px 65px;}

#thumb-meettheteam {margin-left: -70px; width: 140px; height: 70px; background-size: 140px 70px;}

/******************************************************************* nav stripes ********************************************************************/

#navleft .navmenu {padding: 60px 0 0 50px;  width: 190px;}
#navright .navmenu {padding: 60px 0 0 60px; width: 185px;}

#twitter {margin: 0 0 17px; width: 157px; height: 30px; background: url(../images/navmenu-twitter.png) no-repeat top left;}
#facebook {margin: 46px 0 16px; width: 155px; height: 33px; background: url(../images/navmenu-facebook.png) no-repeat top left;}
#blog {margin: 48px 0 16px; width: 109px; height: 38px; background: url(../images/navmenu-blog.png) no-repeat top left;}
#shop {margin: 47px 0 16px; width: 191px; height: 36px; background: url(../images/navmenu-shop.png) no-repeat top left;}
#linkedin {margin: 47px 0 16px; width: 133px; height: 31px; background: url(../images/navmenu-linkedin.png) no-repeat top left;}
#jobvacancies {margin: 39px 0 17px; width: 182px; height: 29px; background: url(../images/navmenu-jobvacancies.png) no-repeat top left;}
#contactus {margin: 43px 0 14px; width: 190px; height: 32px; background: url(../images/navmenu-contactus.png) no-repeat top left;}

#shortcuts {margin: 0 0 18px; width: 131px; height: 26px; background: url(../images/navcuts-shortcuts.png) no-repeat top left;}
#longcuts {margin: 42px 0 11px; width: 113px; height: 36px; background: url(../images/navcuts-longcuts.png) no-repeat top left;}
#somemoreshortcuts {margin: 45px 0 19px; width: 143px; height: 62px; background: url(../images/navcuts-somemoreshortcuts-tall.png) no-repeat top left;}
#afewmoreshortcuts {margin: 44px 0 18px; width: 152px; height: 71px; background: url(../images/navcuts-afewmoreshortcuts-tall.png) no-repeat top left;}
#nomoreshortcuts {margin: 48px 0 21px; width: 133px; height: 60px; background: url(../images/navcuts-nomoreshortcuts-tall.png) no-repeat top left;}

.navmenu h2 {text-indent: -9999px;}
.navmenu li {margin-bottom: 4px; padding-left: 30px; background: url(../images/bullets-nav.png) no-repeat 2px 7px; font-size: 90%;}

.navmenu a:link {color: #fff; text-decoration: none;}
.navmenu a:visited {color: #fff; text-decoration: none;}
.navmenu a:hover {color: #9C0814; text-decoration: underline;}
.navmenu a:active {color: #fff; text-decoration: underline;}

#falselinks li {color: #fff;}
#falselinks li:hover {text-decoration: underline; color: #9C0814; cursor: pointer;}

/******************************************************************* standard ********************************************************************/

strong, b {font-weight: bold;}
em, i {font-style: italic;}
abbr {text-transform: uppercase;}
sup {vertical-align: super; font-size: 0.8em;}
address {margin: 25px 50px;}

.inline-center {text-align: center;}
.block-center {display: block; margin: 30px auto;}
.curved-corners {-webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.text-small {font-size: 0.8em;}
.text-verysmall {font-size: 0.65em;}
.highlightbox {margin: 30px 60px;}

/****************************************************************** forms *******************************************************************/

#form p {
	margin: 30px 0 15px;
	font-weight: bold;
}
#form p.fontnormal {font-weight: normal; margin-top: 15px;}
#form ul {
	margin: 15px auto; /** 0 50px 25px 20px;**/
}
#form li {
	margin-bottom: 15px;
	text-indent: -25px;
	background: none;
}
#form .input-text, #form textarea {
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #fff;
}
#form .input-text:focus, #form textarea:focus {border: 1px solid #9C0814; outline: none;}
#form .input-submit {
	margin: 20px auto;
	border: none; outline: none;
	font: 30px 'badgerscript', 'Comic Sans MS', sans-serif; background-color: #fff;
	text-transform: uppercase;
}
#form .input-submit:hover, #form .input-submit:focus {
	border: none; outline: none;
	color: #9C0814;
	cursor: pointer;
}
.invis {visibility: hidden;}
.g-recaptcha {margin: 20px auto;}