* {font-family: arial, helvetica, sans-serif; font-size: 12pt}


/* Slider used for logo carousel */
#slider2 {
	overflow: hidden;
	position: relative;
	padding: 0px;
}
#slider2 .viewport {
	float: left;
	width: 100%;
	height: 55px;
	overflow: hidden;
	position: relative;
}
#slider2 .disable {
	visibility: hidden;
}
#slider2 .overview {
	list-style: none;
	position: absolute;
	width: 104px;
	left: 0px;
	top: 0px;
}
#slider2 .overview li{
	float: left;
	margin: 0px 30px 0px 0px;
	padding: 1px;
	width: 100px;
  height: 51px;
  
}

div.heading {font-size: 60px; font-family: 'ColaborateThinRegular', arial, helvetica, sans-serif; margin-bottom: 0px}
a.headinglink {font-size: 60px; font-family: 'ColaborateThinRegular', arial, helvetica, sans-serif; margin-bottom: 0px; text-decoration: none; color: #000000}
a.headinglink:link:hover, a.headinglink:visited:hover {
 color: #FFFFFF;
 background-color: #2222AA;
}

hr {
 border: solid 1px black;
}

span.headingwords {
	display: none;
	border: 1px solid black;
	-webkit-border-radius: 12px; border-radius: 12px;
	float: right;
	font-size: 30px;
	font-family: 'ColaborateThinRegular', arial, helvetica, sans-serif;
	padding: 4px;
	margin-left: 8px;
	margin-bottom: 8px;
	background-color: #ffff99;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffff99), to(#eeee77));
  background-image: -webkit-linear-gradient(top, #ffff99, #eeee77);
  background-image: -moz-linear-gradient(top, #ffff99, #eeee77);
  background-image: -o-linear-gradient(top, #ffff99, #eeee77);
  background-image: linear-gradient(to bottom, #ffff99, #eeee77);
}
div.headingnotes {
	float: right;
}
b.headingwords {
	font-size: 20px;
	font-family: 'ColaborateLightRegular', arial, helvetica, sans-serif;
	padding: 4px;
}
a.big {
	font-size: 30px;
	font-family: 'ColaborateThinRegular', arial, helvetica, sans-serif;
	color: #3030d0;
	text-decoration: none;
}	
a.big:link:hover, a.big:visited:hover {
 color: #FFFFFF;
 background-color: #2222AA;
}
a.a {
	color: #3030d0;
	font-weight: bold;
}	
a.a:link:hover, a.a:visited:hover {
 color: #FFFFFF;
 background-color: #2222AA;
}

a.highlight {
	color: #3030f0;
	font-weight: bold;
}	
a.highlight:link:hover, a.highlight:visited:hover {
 color: #FFFFFF;
 background-color: #2222CC;
}

a.related {
	color: #3030f0;
	font-size: 80%;
}	
a.related:link:hover, a.related:visited:hover {
 color: #FFFFFF;
 background-color: #2222CC;
}


div.tile {
	-webkit-border-radius: 12px; border-radius: 12px;
	position: relative;
	float: left;
	display: inline;
	border: solid 1px black;
	width: 32%;
	margin-left:0.5%; margin-right: 0.5%;
	font-size: 16px;
	font-family: 'ColaborateLightRegular', arial, helvetica, sans-serif;
	padding-bottom: 8px;
	text-align: center;
}

div.tilehead {
	text-align: center;
	position: relative;
	width: 100%;
	font-size: 40px;
	font-family: 'ColaborateThinRegular', arial, helvetica, sans-serif;
}

ul {
	margin: 0px;
	padding-left: 1.6em;
	list-style-type: square;
}
li {
	padding-left: 0px;
}

div.generic {
	position: relative;
	float: left;
	width: 50%;
	margin-top: 2px; margin-bottom: 2px;
	text-align: center;
}

div.related {
	-webkit-border-radius: 12px; border-radius: 12px;
	position: relative;
	float: left;
	width: 140px;
	height: 146px;
	margin: 4px;
	text-align: center;
	overflow: hidden;
	border: solid 1px black;
	background-color: #eecc88;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeee88), to(#ddaa55));
  background-image: -webkit-linear-gradient(top, #eeee88, #ddaa55);
  background-image: -moz-linear-gradient(top, #eeee88, #ddaa55);
  background-image: -o-linear-gradient(top, #eeee88, #ddaa55);
  background-image: linear-gradient(to bottom, #eeee88, #ddaa55);
}

div.puzzle {
	font-size: 40px;
	font-family: 'ColaborateLightRegular', arial, helvetica, sans-serif;
}

div.wordbg {
	background-color: #ffa0a0; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa0a0), to(#cc7070)); background-image: -webkit-linear-gradient(top, #ffa0a0, #cc7070); background-image:    -moz-linear-gradient(top, #ffa0a0, #cc7070); background-image: -o-linear-gradient(top, #ffa0a0, #cc7070); background-image: linear-gradient(to bottom, #ffa0a0, #cc7070);
}

div.logicbg {
	background-color: #bcffa5; background-image: -webkit-gradient(linear, left top, left bottom, from(#bcffa5), to(#8ccc75)); background-image: -webkit-linear-gradient(top, #bcffa5, #8ccc75); background-image:    -moz-linear-gradient(top, #bcffa5, #8ccc75); background-image: -o-linear-gradient(top, #bcffa5, #8ccc75); background-image: linear-gradient(to bottom, #bcffa5, #8ccc75);
}

div.picturebg {
	background-color: #a5c1ff; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5c1ff), to(#7591cc)); background-image: -webkit-linear-gradient(top, #a5c1ff, #7591cc); background-image:    -moz-linear-gradient(top, #a5c1ff, #7591cc); background-image: -o-linear-gradient(top, #a5c1ff, #7591cc); background-image: linear-gradient(to bottom, #a5c1ff, #7591cc);
}

div.example {
	-webkit-border-radius: 12px; border-radius: 12px;
	margin-left: 20px; 
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 10px;
	padding: 10px;
	float: right;
	text-align: center;
}

div.alsoknown {
	position: relative;
	width: 100%;
	font-size: 18px;
	font-family: 'ColaborateThinRegular', arial, helvetica, sans-serif;
}

div.sample {
	-webkit-border-radius: 12px; border-radius: 12px;
	position: relative;
	float: left;
	display: inline;
	border: solid 1px black;
	width: 260px;
	height: 278px;
	overflow: hidden;
	margin: 4px;
	font-size: 16px;
	font-family: 'ColaborateLightRegular', arial, helvetica, sans-serif;
	padding: 8px;
	text-align: center;
	background-color: #ddbbdd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeddee), to(#aa5599));
  background-image: -webkit-linear-gradient(top, #eeddee, #aa5599);
  background-image: -moz-linear-gradient(top, #eeddee, #aa5599);
  background-image: -o-linear-gradient(top, #eeddee, #aa5599);
  background-image: linear-gradient(to bottom, #eeddee, #aa5599);
}

div.quote {
	-webkit-border-radius: 12px; border-radius: 12px;
	position: relative;
	margin-left: 4px; margin-right: 4px;
	font-size: 32px;
	font-family: 'ColaborateLightRegular', arial, helvetica, sans-serif;
	padding: 8px;
	text-align: center;
	background-color: #ffbbff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeddee), to(#dd99bb));
  background-image: -webkit-linear-gradient(top, #eeee99, #dd99bb);
  background-image: -moz-linear-gradient(top, #eeee99, #dd99bb);
  background-image: -o-linear-gradient(top, #eeee99, #dd99bb);
  background-image: linear-gradient(to bottom, #eeee99, #dd99bb);
  width: 500px;
}

div.company {
	position: relative;
	-webkit-border-radius: 12px; border-radius: 12px;
	padding: 10px;
	margin-bottom: 10px;
}

div.companyname {
	font-size: 32px;
	font-family: 'ColaborateLightRegular', arial, helvetica, sans-serif;
}

div.companylogo {
	float: right;
	margin: 10px;
	padding: 10px;
	-webkit-border-radius: 12px; border-radius: 12px;
	background-color: #ee77ee;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeddee), to(#aa5599));
  background-image: -webkit-linear-gradient(top, #eeddee, #aa5599);
  background-image: -moz-linear-gradient(top, #eeddee, #aa5599);
  background-image: -o-linear-gradient(top, #eeddee, #aa5599);
  background-image: linear-gradient(to bottom, #eeddee, #aa5599);	
}

img.companyimage {
	float: left;
	margin-right: 16px;
}

div.companyfoot {
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0px;
}

div.bar {
	clear: both;
	width: 99%;
	padding: 4px;
	-webkit-border-radius: 8px; border-radius: 8px;
	font-size: 24px;
	font-family: 'ColaborateLightRegular', arial, helvetica, sans-serif;
	margin-top: 12px; margin-bottom: 16px;
	position: relative;
	top: 8px;
	background-color: #eeddaa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeee88), to(#eebb77));
  background-image: -webkit-linear-gradient(top, #ffffdd, #ffff77);
  background-image: -moz-linear-gradient(top, #eeee88, #eebb77);
  background-image: -o-linear-gradient(top, #eeee88, #eebb77);
  background-image: linear-gradient(to bottom, #eeee88, #eebb77);
}

div.allpuzzle {
	-webkit-border-radius: 12px; border-radius: 12px;
	position: relative;
	float: left;
	width: 165px;
	height: 165px;
	padding-top: 10px;
	margin: 10px;
	text-align: center;
	overflow: hidden;
	border: solid 1px black;
	background-color: #ffffaa;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#eeee88), to(#ffff88));
  background-image: -webkit-linear-gradient(top, #ffffdd, #ffff88);
  background-image: -moz-linear-gradient(top, #eeeedd, #ffff88);
  background-image: -o-linear-gradient(top, #eeeedd, #ffff88);
  background-image: linear-gradient(to bottom, #eeeedd, #ffff88);
}