body {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	margin: 0;
}

img {
	border: 0;
}

.aligncenter {
	max-width: 100%;
}

td {
	padding :5px;
	margin: 0;
}

p {
	padding :0;
	margin: 0;
}
h3 {
	padding :0;
	margin: 0;
}

.LayoutBlue {
	background-color: #9898D6;
}
.LayoutBlue .page-content {
	background-image: url("/imgs/home/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.LayoutPurple {
	background-color: #A46AA4;
}
.LayoutPurple .page-content {
	background-image: url("/imgs/all-together/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.LayoutLightBlue {
	background-color: #AEBDFF;
}
.LayoutLightBlue .page-content {
	background-image: url("/imgs/inspiration/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.LayoutGreen {
	background-color: #A3CAA3;
}
.LayoutGreen .page-content {
	background-image: url("/imgs/attention/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.LayoutRed {
	background-color: #FB7B75;
}
.LayoutRed .page-content {
	background-image: url("/imgs/the-puzzle/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.LayoutBrown {
    background-color: #E3A35D;
}
.LayoutBrown .page-content {
	background-image: url("/imgs/the-quest/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.LayoutOrange {
	background-color: #FEC88C;
}
.LayoutOrange .page-content {
	background-image: url("/imgs/calendar/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.LayoutYellow {
	background-color: #FEE686;
}
.LayoutYellow .page-content {
	background-image: url("/imgs/the-shop/top-fade.gif");
	background-position: top left;
	background-repeat: repeat-x;
}

.page-content {
	background-color: #fff;
}


.Width {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.LoggedInOut {
	position: absolute;
	top: 12px;
	font-size: 11px;
	z-index: 100;
}

.MainNav {
	position: relative;
	height: 228px;
}

.MainNav .Logo .BTQ {
	position: absolute;
	left: 220px;
	top: -18px;
	z-index: 3;
}

.MainNav .Logo .BTQ img {
	height: 80px;
}

.MainNav .ItsTimeTop {
	position: absolute;
	top: -27px;
	right: 140px;
	z-index: 1;
	width: 224px;
	height: 125px;
	background-position: top left;
	background-repeat: no-repeat;
}

.LayoutBlue .MainNav .ItsTimeTop {
	background-image: url("/imgs/home/its-time-top.gif");
}

.LayoutPurple .MainNav .ItsTimeTop {
	background-image: url("/imgs/all-together/its-time-top.gif");
}

.LayoutLightBlue .MainNav .ItsTimeTop {
	background-image: url("/imgs/inspiration/its-time-top.gif");
}

.LayoutGreen .MainNav .ItsTimeTop {
	background-image: url("/imgs/attention/its-time-top.gif");
}

.LayoutRed .MainNav .ItsTimeTop {
	background-image: url("/imgs/the-puzzle/its-time-top.gif");
}

.LayoutBrown .MainNav .ItsTimeTop {
	background-image: url("/imgs/the-quest/its-time-top.gif");
}

.LayoutOrange .MainNav .ItsTimeTop {
	background-image: url("/imgs/calendar/its-time-top.gif");
}

.LayoutYellow .MainNav .ItsTimeTop {
	background-image: url("/imgs/the-shop/its-time-top.gif");
}




.MainNav .NavBlue {
	position: absolute;
	top: 72px;
	left: 196px;
	z-index: 2;
}

.MainNav .NavBlue img {
	height: 84px;
}

.MainNav .NavPurple {
	position: absolute;
	top: 74px;
	left: 290px;
	z-index: 2;
}

.MainNav .NavPurple img {
	height: 90px;
}

.MainNav .NavLightBlue {
	position: absolute;
	top: 76px;
	left: 370px;
	z-index: 2;
}

.MainNav .NavLightBlue img {
	height: 90px;
}

.MainNav .NavGreen {
	position: absolute;
	top: 82px;
	left: 460px;
	z-index: 2;
}

.MainNav .NavGreen img {
	height: 70px;
}

.MainNav .NavRed {
	position: absolute;
	top: 82px;
	left: 540px;
	z-index: 2;
}

.MainNav .NavRed img {
	height: 80px;
}

.MainNav .NavBrown {
	position: absolute;
	top: 67px;
	left: 620px;
	z-index: 2;
}

.MainNav .NavBrown img {
	height: 90px;
}

.MainNav .NavOrange {
	position: absolute;
	top: 83px;
	left: 684px;
	z-index: 2;
}

.MainNav .NavOrange img {
	height: 76px;
}


.MainNav .NavYellow {
	position: absolute;
	top: 84px;
	left: 750px;
	z-index: 2;
}

.MainNav .NavYellow img {
	height: 70px;
}


.SubNav {
	position: absolute;
	bottom: 58px;
	left: 210px;
	z-index: 4;
	background-position: top left;
	background-repeat: repeat-x;
	height: 62px;
}

.LayoutBlue .SubNav {
	background-image: url("/imgs/home/sub-nav-back.png");
	width: 325px;
}

.LayoutPurple .SubNav {
	background-image: url("/imgs/all-together/sub-nav-back.png");
	width: 275px;
}

.LayoutLightBlue .SubNav {
	background-image: url("/imgs/inspiration/sub-nav-back.png");
	width: 225px;
}

.LayoutGreen .SubNav {
	background-image: url("/imgs/attention/sub-nav-back.png");
	width: 274px;
}

.LayoutRed .SubNav {
	background-image: url("/imgs/the-puzzle/sub-nav-back.png");
	width: 275px;
}

.LayoutBrown .SubNav {
	background-image: url("/imgs/the-quest/sub-nav-back.png");
	width: 350px;
}

.LayoutOrange .SubNav {
	background-image: url("/imgs/calendar/sub-nav-back.png");
	width: 300px;
}

.LayoutYellow .SubNav {
	background-image: url("/imgs/the-shop/sub-nav-back.png");
	width: 300px;
}






.SubNav .Left {
	width: 20px;
	height: 62px;
	background-position: top left;
	background-repeat: no-repeat;
	position: absolute;
	left: -20px;
}

.LayoutBlue .SubNav .Left {
	background-image: url("/imgs/home/sub-nav-left.png");
}

.LayoutPurple .SubNav .Left {
	background-image: url("/imgs/all-together/sub-nav-left.png");
}

.LayoutLightBlue .SubNav .Left {
	background-image: url("/imgs/inspiration/sub-nav-left.png");
}

.LayoutGreen .SubNav .Left {
	background-image: url("/imgs/attention/sub-nav-left.png");
}

.LayoutRed .SubNav .Left {
	background-image: url("/imgs/the-puzzle/sub-nav-left.png");
}

.LayoutBrown .SubNav .Left {
	background-image: url("/imgs/the-quest/sub-nav-left.png");
}

.LayoutOrange .SubNav .Left {
	background-image: url("/imgs/calendar/sub-nav-left.png");
}

.LayoutYellow .SubNav .Left {
	background-image: url("/imgs/the-shop/sub-nav-left.png");
}


.SubNav .Right {
	width: 12px;
	height: 62px;
	background-position: top right;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	right: -12px;
}

.LayoutBlue .SubNav .Right {
	background-image: url("/imgs/home/sub-nav-right.png");
}

.LayoutPurple .SubNav .Right {
	background-image: url("/imgs/all-together/sub-nav-right.png");
}

.LayoutLightBlue .SubNav .Right {
	background-image: url("/imgs/inspiration/sub-nav-right.png");
}

.LayoutGreen .SubNav .Right {
	background-image: url("/imgs/attention/sub-nav-right.png");
}

.LayoutRed .SubNav .Right {
	background-image: url("/imgs/the-puzzle/sub-nav-right.png");
}

.LayoutBrown .SubNav .Right {
	background-image: url("/imgs/the-quest/sub-nav-right.png");
}

.LayoutOrange .SubNav .Right {
	background-image: url("/imgs/calendar/sub-nav-right.png");
}

.LayoutYellow .SubNav .Right {
	background-image: url("/imgs/the-shop/sub-nav-right.png");
}


.MainContent {
	border: 0px solid red;
	position: relative;
	min-height: 300px;
	text-align: left;
	width: 835px;
	margin: auto;
}

.MainContent .LeftCol {
	border: 0px solid orange;
	width: 230px;
	float: left;
}

.MainContent .CentreCol {
	border: 0px solid orange;
	margin-left: 230px;
	margin-right: 230px;
}

.MainContent .CentreColandRight {
	border: 0px solid orange;
	margin-left: 260px;
	margin-right: 35px;
}

.MainContent .RightCol {
	border: 0px solid orange;
	width: 220px;
	float: right;
}

.MainContent .WideCol {
	border: 0px solid orange;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.MainContent2 {
	margin-top: 22px;
}

.MainContent2 .WideCol2 {
	border: 0px solid orange;
	width: 750px;
	margin-left: 15px;
	margin-right: auto;
	text-align: left;
}


.MainContent .WideCol3 {
	border: 0px solid orange;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.LayoutBlue .MainContent .Fig1 {
	position: absolute;
	left: -120px;
	top: -150px;
}

.LayoutBlue .MainContent .Fig2 {
	position: absolute;
	left: -12px;
	top: -20px;
}



.LayoutBlue .MainContent .Fig3 {
	position: absolute;
	right: 16px;
	top: -276px;
}

.LogoFigures {
	position: absolute;
	left: 38px;
	top: 31px;
	z-index: 100;
}

.MainNav .BackBeans {
	position: absolute;
	left: 74px;
	top: 58px;
	z-index: 2;
	width: 727px;
	height: 133px;
	background-position: top left;
	background-repeat: no-repeat;
}



.MainNav .MainNav1 {

}


.MainNav a {
	text-decoration: initial;
	display: block;
	color: white;
}

.MainNav a span {
	display: block;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 12px;
}

.MainNav .MainNav1 a {
	background: url(/imgs/mainmenu/main-nav-blue.png) no-repeat;
	height: 84px;
	width: 94px;
}

.MainNav .MainNav1 a span {
	padding: 40px 30px;
}

.MainNav .MainNav2 a {
	background: url(/imgs/mainmenu/main-nav-purple.png) no-repeat;
	height: 90px;
	width: 115px;
}

.MainNav .MainNav2 a span {
	padding: 38px 25px;
}

.MainNav .MainNav3 a {
	background: url(/imgs/mainmenu/main-nav-light-blue.png) no-repeat;
	height: 90px;
	width: 105px;
}

.MainNav .MainNav3 a span {
	padding: 36px 31px;
}

.MainNav .MainNav4 a {
	background: url(/imgs/mainmenu/main-nav-green.png) no-repeat;
	height: 70px;
	width: 101px;
}

.MainNav .MainNav4 a span {
	padding: 30px 27px;
}

.MainNav .MainNav5 a {
	background: url(/imgs/mainmenu/main-nav-red.png) no-repeat;
	height: 80px;
	width: 105px;
}

.MainNav .MainNav5 a span {
	padding: 18px 19px;
}

.MainNav .MainNav6 a {
	background: url(/imgs/mainmenu/main-nav-brown.png) no-repeat;
	height: 90px;
	width: 86px;
}

.MainNav .MainNav6 a span {
	padding: 45px 26px;
}

.MainNav .MainNav7 a {
	background: url(/imgs/mainmenu/main-nav-orange.png) no-repeat;
	height: 76px;
	width: 81px;
}

.MainNav .MainNav7 a span {
	padding: 17px 15px;
}

.MainNav .MainNav8 a {
	background: url(/imgs/mainmenu/main-nav-yellow.png) no-repeat;
	height: 70px;
	width: 101px;
}

.MainNav .MainNav8 a span {
	padding: 28px 24px;
}



.SideCatNav {
	padding-right: 16px;
	padding-left: 16px;
}



.Clear {
	clear: both;
}

.Footer {
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	background-position: top left;
	background-repeat: repeat-x;
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 140px;
	padding-bottom: 40px;
}

.LayoutBlue .Footer {
	background-image: url("/imgs/home/bottom-fade.gif");
	background-color: #9898D6;
}

.LayoutPurple .Footer {
	background-image: url("/imgs/all-together/bottom-fade.gif");
	background-color: #A46AA4;
}

.LayoutLightBlue .Footer {
	background-image: url("/imgs/inspiration/bottom-fade.gif");
	background-color: #AEBDFF;
}

.LayoutGreen .Footer {
	background-image: url("/imgs/attention/bottom-fade.gif");
	background-color: #A3CAA3;
}

.LayoutRed .Footer {
	background-image: url("/imgs/the-puzzle/bottom-fade.gif");
	background-color: #FB7B75;
}

.LayoutBrown .Footer {
	background-image: url("/imgs/the-quest/bottom-fade.gif");
	background-color: #E3A35D;
}

.LayoutOrange .Footer {
	background-image: url("/imgs/calendar/bottom-fade.gif");
	background-color: #FEC88C;
}

.LayoutYellow .Footer {
	background-image: url("/imgs/the-shop/bottom-fade.gif");
	background-color: #FEE686;
}








.Footer .Logo {
	background-position: top center;
	background-repeat: no-repeat;
	height: 125px;
	width: 224px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.LayoutBlue .Footer .Logo {
	background-image: url("/imgs/home/logo-its-time-bottom.gif");
}

.LayoutPurple .Footer .Logo {
	background-image: url("/imgs/all-together/logo-its-time-bottom.gif");
}

.LayoutLightBlue .Footer .Logo {
	background-image: url("/imgs/inspiration/logo-its-time-bottom.gif");
}


.LayoutGreen .Footer .Logo {
	background-image: url("/imgs/attention/logo-its-time-bottom.gif");
}

.LayoutRed .Footer .Logo {
	background-image: url("/imgs/the-puzzle/logo-its-time-bottom.gif");
}

.LayoutBrown .Footer .Logo {
	background-image: url("/imgs/the-quest/logo-its-time-bottom.gif");
}

.LayoutOrange .Footer .Logo {
	background-image: url("/imgs/calendar/logo-its-time-bottom.gif");
}

.LayoutYellow .Footer .Logo {
	background-image: url("/imgs/the-shop/logo-its-time-bottom.gif");
}








.Footer .Logo .BTQ {
	position: absolute;
	bottom: 110px;
	left: -130px;
}

.Footer .Width {
	width: 960px;
}

.SideCatNav
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	/*margin-left: 8px;
	margin-right: 14px;*/
	padding: 4px 4px 4px 6px;
	border-bottom: 1px solid #808080;
	width: 100%;
}

.SideCatNavNoLine
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	margin-left: 8px;
	margin-right: 14px;
	padding: 4px 4px 4px 6px;
	border-bottom: 0px solid #808080;
	width: 160px;
}

embed, iframe, object {
	max-width: 100%;
}
.blog-summary iframe{
	height: auto;
}

a.SideCatLinks:link
{
	text-decoration: none;
	color: #000000;
}
a.SideCatLinks:active
{
	text-decoration: underline;
	color: #ff4500;
}
a.SideCatLinks:visited
{
	text-decoration: none;
	color: #808080;
}
a.SideCatLinks:hover
{
	text-decoration: underline;
	color: #ff4500;
}




.Breadcrumbs
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding: 0 0 4 0;
}

h1
{
	padding-bottom:10px;
}

.lightblue {
 color:#68A6F8;
 margin:0;
 padding:0;
 text-decoration:none;
}

.lightbluelink {
 text-decoration:none;
}

.btn-default, .btn-default:hover, .btn-default:active, .btn-default.focus, .btn-default:focus,
.btn-blue, .btn-blue:hover, .btn-blue:active, .btn-blue.focus, .btn-blue:focus,
.btn-light-blue, .btn-light-blue:hover, .btn-light-blue:active, .btn-light-blue.focus, .btn-light-blue:focus,
.btn-yellow, .btn-yellow:hover, .btn-yellow:active, .btn-yellow.focus, .btn-yellow:focus,
.btn-purple, .btn-purple:hover, .btn-purple:active, .btn-purple.focus, .btn-purple:focus,
.btn-green, .btn-green:hover, .btn-green:active, .btn-green.focus, .btn-green:focus,
.btn-orange, .btn-orange:hover, .btn-orange:active, .btn-orange.focus, .btn-orange:focus,
.btn-brown, .btn-brown:hover, .btn-brown:active, .btn-brown.focus, .btn-brown:focus,
.btn-red, .btn-red:hover, .btn-red:active, .btn-red.focus, .btn-red:focus {
	border-radius: 30px;
	color: #fff;
	box-shadow: -2px 4px 6px #888888;
	border-color: #808080;
	margin-bottom: 10px;
	border: 0;
}

.LayoutBlue .btn-default, .btn-blue {
	background: #0D51A6;
	
}
.LayoutBlue .btn-default:hover,.LayoutBlue .btn-default:active, .btn-blue:hover, .btn-blue:active {
	background: #2B6FC4;
	color: #F3F3F3;
}

.LayoutLightBlue .btn-default, .btn-light-blue {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#789dc9+0,6693c9+100 */
	background: #6E97CA;
	background: -moz-linear-gradient(top,  #789dc9 0%, #6693c9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #789dc9 0%,#6693c9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #789dc9 0%,#6693c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789dc9', endColorstr='#6693c9',GradientType=0 ); /* IE6-9 */
}
.LayoutLightBlue .btn-default:hover,.LayoutLightBlue .btn-default:active, .btn-light-blue:hover, .btn-light-blue:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a5c6ef+0,8bb8ef+100 */
	background: #9AC1F1;
	background: -moz-linear-gradient(top,  #a5c6ef 0%, #8bb8ef 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a5c6ef 0%,#8bb8ef 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a5c6ef 0%,#8bb8ef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5c6ef', endColorstr='#8bb8ef',GradientType=0 ); /* IE6-9 */

	color: #F3F3F3;
}

.LayoutYellow .btn-default, .btn-yellow {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd747+0,ffcd19+100 */
	background: #ffd747; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffd859 0%, #ffcd19 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffd859 0%,#ffcd19 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffd859 0%,#ffcd19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd859', endColorstr='#ffcd19',GradientType=0 ); /* IE6-9 */
}
.LayoutYellow .btn-default:hover,.LayoutYellow .btn-default:active, .btn-yellow:hover, .btn-yellow:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fce88f+0,edd25c+100 */
	background: #EFDC86;
	background: -moz-linear-gradient(top,  #fce88f 0%, #edd25c 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fce88f 0%,#edd25c 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fce88f 0%,#edd25c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce88f', endColorstr='#edd25c',GradientType=0 ); /* IE6-9 */
	color: #F3F3F3;
}

.LayoutPurple .btn-default, .btn-purple {
	background: #85068D;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b43cc4+0,951ca0+100 */
	background: -moz-linear-gradient(top,  #b43cc4 0%, #951ca0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b43cc4 0%,#951ca0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b43cc4 0%,#951ca0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b43cc4', endColorstr='#951ca0',GradientType=0 ); /* IE6-9 */
}
.LayoutPurple .btn-default:hover,.LayoutPurple .btn-default:active, .btn-purple:hover, .btn-purple:active {
	background: #BC5BC8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bb65c6+0,b955c6+100 */
	background: -moz-linear-gradient(top,  #bb65c6 0%, #b955c6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #bb65c6 0%,#b955c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bb65c6 0%,#b955c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb65c6', endColorstr='#b955c6',GradientType=0 ); /* IE6-9 */
	color: #F3F3F3;
}

.LayoutGreen .btn-default, .btn-green {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6dad69+0,578e54+100 */
	background: #6dad69; /* Old browsers */
	background: -moz-linear-gradient(top,  #6dad69 0%, #578e54 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6dad69 0%,#578e54 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6dad69 0%,#578e54 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dad69', endColorstr='#578e54',GradientType=0 ); /* IE6-9 */
}
.LayoutGreen .btn-default:hover,.LayoutGreen .btn-default:active, .btn-green:hover, .btn-green:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7cc475+0,63a05e+100 */
	background: #7cc475; /* Old browsers */
	background: -moz-linear-gradient(top,  #7cc475 0%, #63a05e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #7cc475 0%,#63a05e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #7cc475 0%,#63a05e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7cc475', endColorstr='#63a05e',GradientType=0 ); /* IE6-9 */
}

.LayoutOrange .btn-default, .btn-orange {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcaa37+0,fc8501+100 */
	background: #FC8501;
	background: -moz-linear-gradient(top,  #fcaa37 0%, #fc8501 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcaa37 0%,#fc8501 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcaa37 0%,#fc8501 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcaa37', endColorstr='#fc8501',GradientType=0 ); /* IE6-9 */
}
.LayoutOrange .btn-default:hover,.LayoutOrange .btn-default:active, .btn-orange:hover, .btn-orange:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7b365+0,f7a64a+100 */
	background: #F9B05C;
	background: -moz-linear-gradient(top,  #f7b365 0%, #f7a64a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f7b365 0%,#f7a64a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f7b365 0%,#f7a64a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b365', endColorstr='#f7a64a',GradientType=0 ); /* IE6-9 */
	color: #F3F3F3;
}

.LayoutBrown .btn-default, .btn-brown {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a06321+1,a0580b+100 */
	background: #A25F14;
	background: -moz-linear-gradient(top,  #a06321 1%, #a0580b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a06321 1%,#a0580b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a06321 1%,#a0580b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a06321', endColorstr='#a0580b',GradientType=0 ); /* IE6-9 */
}
.LayoutBrown .btn-default:hover,.LayoutBrown .btn-default:active, .btn-brown:hover, .btn-brown:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e08a2f+0,e0790b+100 */
	background: #E28620;
	background: -moz-linear-gradient(top,  #e08a2f 0%, #e0790b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e08a2f 0%,#e0790b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e08a2f 0%,#e0790b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e08a2f', endColorstr='#e0790b',GradientType=0 ); /* IE6-9 */
	color: #F3F3F3;
}

.LayoutRed .btn-default, .btn-red {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e23a24+0,d62008+100 */
	background: #D72C12;
	background: -moz-linear-gradient(top,  #e23a24 0%, #d62008 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #e23a24 0%,#d62008 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #e23a24 0%,#d62008 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e23a24', endColorstr='#d62008',GradientType=0 ); /* IE6-9 */
}
.LayoutRed .btn-default:hover,.LayoutRed .btn-default:active, .btn-red:hover, .btn-red:active {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed796d+0,ed6657+100 */
	background: #EE6D5D;
	background: -moz-linear-gradient(top,  #ed796d 0%, #ed6657 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ed796d 0%,#ed6657 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ed796d 0%,#ed6657 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed796d', endColorstr='#ed6657',GradientType=0 ); /* IE6-9 */

	color: #F3F3F3;
}

.btn-big {
	padding: 12px 24px!important;
	width: 100%;
}
.btn-big:hover {
	padding: 12px 24px!important;
	width: 100%;
}

.blue-button, .light-blue-button, .yellow-button, .purple-button, .green-button {
	/*display: block;*/
	height: 17px;
	padding: 8px 12px;
	text-decoration: none;
	text-align: center;
	color: white;
	border-radius: 25px;
	box-shadow: -3px 5px 10px #888888;
	text-decoration: none;
	color: white;
	margin: 10px;
}

.blue-button {
	background: #0D51A6;
}
.blue-button:hover {
	background: #2B6FC4;
	color: #F3F3F3;
	text-decoration: none;
}

.light-blue-button {
	background: #6E97CA;
}
.light-blue-button:hover {
	background: #9AC1F1;
	color: #F3F3F3;
	text-decoration: none;
}

.yellow-button {
	background: #FC0;
}
.yellow-button:hover {
	background: #EFDC86;
	color: #F3F3F3;
	text-decoration: none;
}

.purple-button {
	background: #660066;
}
.purple-button:hover {
	background: #8C018C;
	color: #F3F3F3;
	text-decoration: none;
}

.green-button {
	background: #696;
}
.green-button:hover {
	background: #91C291;
	color: #F3F3F3;
	text-decoration: none;
}

.orange-button {
	background: #FC8501;
}
.orange-button:hover {
	background: #F9B05C;
	color: #F3F3F3;
	text-decoration: none;
}

.brown-button {
	background: #A25F14;
}
.brown-button:hover {
	background: #E28620;
	color: #F3F3F3;
	text-decoration: none;
}

.red-button {
	background: #D72C12;
}
.red-button:hover {
	background: #EE6D5D;
	color: #F3F3F3;
	text-decoration: none;
}

.CatNav {
	font-size: 13px;
	text-decoration: none;
	color: #000000;
	margin-left: 50px;
	margin-right: 14px;
	padding: 6px;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

.grow2 { transition: all .2s ease-in-out; }
.grow2:hover { transform: scale(1.2); }

.grow3 { transition: all .2s ease-in-out; }
.grow3:hover { transform: scale(1.3); }

.cicles-summary img {
	max-width: 225px;
	max-height: 225px;
	border-radius: 300px;
}

.multimedia-cicles-summary img {
	max-width: 225px;
	max-height: 145px;
}

.tools-cicles-summary img {
	max-width: 225px;
	max-height: 145px;
}

a:focus {
    outline: none!important;
}

.table-hover a {
	color: #000;
}

@media (min-width: 768px) {
	
	
	/*.LoggedInOut {
		margin-left: 85px;
	}
	
	.navbar-aina {
		margin-left: 0px;
	}
	*/
	
	
	
	.navbar-aina {
		margin-left: -70px;
		margin-right: -70px;
		min-height: 215px;
		background-image: url("/imgs/home/back-beans.png");
		background-repeat: no-repeat;
		background-position: 50px 42px;
	}

	.navbar-aina .navbar-brand {
		margin-left: 0px!important;
	}

	.navbar-aina .navbar-nav a {
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		line-height: 12px;
		color: #fff;
	}

	.navbar-aina .navbar-nav {
		margin: 57px 0 0 -30px;
	}
	
	.LayoutBlue .navbar-aina {
		background-image: url("/imgs/home/back-beans.png");
	}
	
	.LayoutBlue .navbar-aina li.navbar1 {
		z-index: 100;
	}
	
	.LayoutPurple .navbar-aina {
		background-image: url("/imgs/all-together/back-beans.png");
	}
	
	.LayoutPurple .navbar-aina li.navbar2 {
		z-index: 100;
	}

	.LayoutLightBlue .navbar-aina {
		background-image: url("/imgs/inspiration/back-beans.png");
	}
	
	.LayoutLightBlue .navbar-aina li.navbar3 {
		z-index: 100;
	}

	.LayoutGreen .navbar-aina {
		background-image: url("/imgs/attention/back-beans.png");
	}
	
	.LayoutGreen .navbar-aina li.navbar4 {
		z-index: 100;
	}

	.LayoutRed .navbar-aina {
		background-image: url("/imgs/the-puzzle/back-beans.png");
	}
	
	.LayoutRed .navbar-aina li.navbar5 {
		z-index: 100;
	}

	.LayoutBrown .navbar-aina {
		background-image: url("/imgs/the-quest/back-beans.png");
	}
	
	.LayoutBrown .navbar-aina li.navbar6 {
		z-index: 100;
	}

	.LayoutOrange .navbar-aina {
		background-image: url("/imgs/calendar/back-beans.png");
	}
	
	.LayoutOrange .navbar-aina li.navbar7 {
		z-index: 100;
	}

	.LayoutYellow .navbar-aina {
		background-image: url("/imgs/the-shop/back-beans.png");
	}

	.LayoutYellow .navbar-aina li.navbar8 {
		z-index: 100;
	}


	.navbar-aina .navbar1 a {
		background: url(/imgs/mainmenu/main-nav-blue.png) no-repeat;
		height: 84px;
		width: 94px;
		padding: 38px 30px;
		
	}

	.navbar-aina .navbar2 a {
		background: url(/imgs/mainmenu/main-nav-purple.png) no-repeat;
		height: 90px;
		width: 115px;
		padding: 38px 25px;
	}

	.navbar-aina .navbar3 a {
		background: url(/imgs/mainmenu/main-nav-light-blue.png) no-repeat;
		height: 90px;
		width: 105px;
		padding: 26px 16px 32px 32px;
		margin-left: -31px;
	}

	.navbar-aina .navbar4 a {
		background: url(/imgs/mainmenu/main-nav-green.png) no-repeat;
		height: 70px;
		width: 101px;
		padding: 29px 27px;
		margin: 9px 0 0 -16px;
	}

	.navbar-aina .navbar5 a {
		background: url(/imgs/mainmenu/main-nav-red.png) no-repeat;
		height: 80px;
		width: 105px;
		padding: 19px 19px;
		margin: 8px 0 0 -21px;
	}

	.navbar-aina .navbar6 a {
		background: url(/imgs/mainmenu/main-nav-brown.png) no-repeat;
		height: 90px;
		width: 86px;
		padding: 34px 12px;
		margin: -16px 0 0 -23px;
	}

	.navbar-aina .navbar7 a {
		background: url(/imgs/mainmenu/main-nav-orange.png) no-repeat;
		height: 76px;
		width: 81px;
		padding: 16px 8px;
		margin: 3px 0 0 -22px;
	}

	.navbar-aina .navbar8 a {
		background: url(/imgs/mainmenu/main-nav-yellow.png) no-repeat;
		height: 70px;
		width: 101px;
		padding: 22px 24px;
		margin: 16px 0 0 -22px;
	}
	
	.navbar-aina {
		background-color: transparent;
		border-color: transparent;
	}
	
	.navbar-aina .navbar-nav>li>a {
		color: #fff;
	}
	
	.navbar-aina .navbar-nav>.active>a, .navbar-aina .navbar-nav>.active>a:focus, .navbar-aina .navbar-nav>.active>a:hover {
		color: #fff;
		background-color: transparent;
	}
	
	.navbar-aina .navbar-nav>li>a:focus, .navbar-aina .navbar-nav>li>a:hover {
    color: #EAEAEA;
	}

	.nav>li>a:focus, .nav>li>a:hover {
		background-color: transparent;
	}
	
	.margin-left-sm {
		border-left: 1px solid silver;
	}
	
	.notes-blob {
		background-image: url('/images/blob_contact.png'); 
		background-repeat: no-repeat; 
		padding: 130px 0px 0px 130px; 
		width: 500px; 
		height: 445px; 
		position: relative; 
		z-index: 4; 
		color:#fff;
		margin: auto;
	}
	
	.notes-submit {
		position: absolute;
		left: 345px;
		top: 363px;
		z-index: 100;
	}
	
	.booking-form {
		padding: 140px 0px 0px 185px;
		background-image: url('/images/blob_booking.png'); background-repeat: no-repeat; width:565px; height: 664px; position: relative; z-index: 4; color:#fff;margin-left:60px;
	}
	
	.booking-button {
		position: absolute; left: 371px; top: 437px; z-index: 100;
		
	}
	
	.workshop-tellme-form {
		background-image: url('/images/form_blues_back.png'); background-repeat: no-repeat; padding: 80px 0px 0px 80px; width:292px; height: 260px; position: relative; z-index: 4; color: White; left: -60px;margin-top:20px; margin: auto;
	}
	
	.workshop-tellme-form-button {
		position: absolute; left: 190px; top: 210px; z-index: 100;
	}
	
	.sm-border-left {
		border-left: 1px solid silver;
	}

	.sm-border-bottom {
		border-bottom: 1px solid silver;
	}

}

@media (min-width: 768px) and (max-width: 992px) {
	.navbar-aina{
		margin-left: -65px;
		margin-right: -35px;
		zoom: 0.92;
	}
	
	.container {
		width: 715px;
	}
	
	.LoggedInOut {
		top: 0;
	}
}
/*@media (max-width: 768px) {
	.navbar-aina{
	    zoom: 0.72;
		
	}
}*/



@media (min-width: 1200px) {
	.navbar-aina {
		margin-left: -100px;
		margin-right: -100px;
		zoom: 1.12;
	}
}


.Footer a {
	color: #fff;
}

.LoggedInOut a {
	color: #fff;
}

@media (min-width: 992px) {
	/*.LoggedInOut {
		margin-left: 85px;
	}
	
	.navbar-aina {
		margin-left: 0px;
	}*/
	
	.container {
		width: 765px;
	}
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.17em;
}
h4 {
    font-size: 1em;
}
h5 {
    font-size: 0.83em;
}
h6 {
    font-size: 0.67em;
}

@media (max-width: 767px) {
	h1 {
		font-size: 1.2em;
	}
	h2 {
		font-size: 1.1em;
	}
	h3 {
		font-size: 1.05em;
	}
	h4 {
		font-size: 1em;
	}
	h5 {
		font-size: 0.83em;
	}
	h6 {
		font-size: 0.67em;
	}

	.container {
		margin-right: 7px;
		margin-left: 7px;
	}
	
	.LoggedInOut {
		padding-left: 20px;
	}
	
	.LoggedInOut a {
		color: #000;
	}
	
	.slider {
		margin: 10px;
	}
}

strong {
    font-size: 0.8em;	
}

.aligncenter {
	text-align:center;
}

/* TABLES */

table {
	font-size: 13px;
}

.LayoutPurple .table-striped>tbody>tr:nth-of-type(odd){
	background-color: #FDFBFD;
}

.LayoutPurple .table>tbody>tr>td, .LayoutPurple .table>tbody>tr>th, .LayoutPurple .table>tfoot>tr>td, .LayoutPurple .table>tfoot>tr>th, .LayoutPurple .table>thead>tr>td, .LayoutPurple .table>thead>tr>th {
	border-top: 1px solid #B9A4B9;
}

a, a:hover, a:focus {
	color: #000;
}

.form-control {
    padding: 1px;
    height: initial;
}



/* buttons */
.aa-button {
	display: inline-block;
    position: relative;
    z-index: 999999;
    color: white;
    padding: 24px 32px;
    cursor: pointer;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
	font-size: 11px;
    font-weight: bold;
    text-align: center;
    line-height: 12px;
}

.aa-button:hover {
	color: #EAEAEA;
	text-decoration: none;
}

.aa-button:before {
    content: "";
    background: #E3625B;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform: rotate(5deg);
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Safari */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    box-shadow: -2px 2px 6px #1F1F1F;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.aa-button:after {
    content: "";
    background: #CC0D15;
    width: 90%;
    height: 90%;
    border-radius: 50%;
    transform: rotate(-2deg);
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Safari */
    display: block;
    position: absolute;
    z-index: -1;
    top: 4%;
    left: 6%;
    box-shadow: -2px 2px 6px #1F1F1F;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.aa-button:hover:before {
    transform: rotate(-5deg);
	-ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari */
}

.aa-button:hover:after {
    transform: rotate(2deg);
	-ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Safari */
}


.gradient:before{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea6e6b+0,ce1e1e+100 */
	background: #ea6e6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #ea6e6b 0%, #ce1e1e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ea6e6b 0%,#ce1e1e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ea6e6b 0%,#ce1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6e6b', endColorstr='#ce1e1e',GradientType=0 ); /* IE6-9 */
}

.gradient:after{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc0d15+0,b20000+100 */
	background: #cc0d15; /* Old browsers */
	background: -moz-linear-gradient(top,  #cc0d15 0%, #b20000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #cc0d15 0%,#b20000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #cc0d15 0%,#b20000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0d15', endColorstr='#b20000',GradientType=0 ); /* IE6-9 */
}

.aa-button-blue:before {
	background-color: #2B6FC4;
}

.aa-button-blue:after {
	background-color: #0D51A6;
}

.aa-button-green:before {
	background-color: #91C291;
}

.aa-button-green:after {
	background-color: #669966;
}