/* RESPONSIVE GRID SYSTEM =============================================================================  */

/* expletus-sans-regular - latin */
@font-face {
  font-family: 'Expletus Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/expletus-sans-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Expletus Sans'), local('ExpletusSans'),
       url('../fonts/expletus-sans-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/expletus-sans-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/expletus-sans-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/expletus-sans-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/expletus-sans-v10-latin-regular.svg#ExpletusSans') format('svg'); /* Legacy iOS */
}

/* expletus-sans-700 - latin */
@font-face {
  font-family: 'Expletus Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/expletus-sans-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Expletus Sans Bold'), local('ExpletusSans-Bold'),
       url('../fonts/expletus-sans-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/expletus-sans-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/expletus-sans-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/expletus-sans-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/expletus-sans-v10-latin-700.svg#ExpletusSans') format('svg'); /* Legacy iOS */
}

/* BASIC PAGE SETUP ============================================================================= */

body {
	border-left: 1px solid #444;
	border-bottom: 1px solid #222;
	margin : 0 auto;
	padding : 0;
	font : 100%/1.4 'Expletus Sans' , helvetica, helve, arial, sans-serif;
	color : #b70f0c;
	text-align: left;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
  background-color: #111;
  background: url(../gfx/bgrtile.jpg) top left;
  background-size: 10%;
}

body:before {
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 100;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
   box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}

button,
input,
select,
textarea {
font-family : 'Expletus Sans' , helvetica, helve, arial, sans-serif;
font-weight : 400;
color : #444; }

/*  HEADINGS  ============================================================================= */

h1, h2, h3, h4, h5, h6 {
font-family:  'Expletus Sans' , helvetica, helve, arial, sans-serif;
font-weight : 700;
margin: 0 0 0.5em 0;
}

h1 {
color: #777;
font-size: 4.6em; /* 96 / 16 */
line-height : 1.2em;
text-shadow: 0 0 5px #000;
filter:DropShadow(color=#000, offx=0, offy=-5); /* IE Proprietary Filter*/
zoom: 1; /* IE force hasLayout */
}

#printshopcontainer h1 {
color: #fff;
font-size: 2.8em; /* 96 / 16 */
line-height : 1.2em;
text-shadow: 0 0 5px #000;
filter:DropShadow(color=#000, offx=0, offy=-5); /* IE Proprietary Filter*/
zoom: 1; /* IE force hasLayout */
}

h2 {
color: #ccc;
font-size : 1.6em; /* 40 / 16 */
line-height : 1em;
text-shadow: 0 0px 2px #222;
filter: Shadow(Color=#555, Direction=-90, Strength=2); /* IE Proprietary Filter*/
}

h3 {
color: #ccc;
font-size : 1.4em; /* 28 / 16 */
line-height : 1em;
text-shadow: 0 0px 2px #222;
filter: Shadow(Color=#555, Direction=-90, Strength=2); /* IE Proprietary Filter*/
}

h4 {
color: #aaa;
font-size : 1em; /* 24 / 16  */
line-height : 1.4em;
text-transform: uppercase;
padding-left: 2%;
max-width: 60%;
}

#video h4 {
	font-size: .8em;
  padding-left: 0%;
}

h5 {
color: #999;
font-size : 0.9em; /* 20 / 16 */
line-height : 1em;
}

h6 {
color: #ccc;
font-size : 1.2em; /* 16 / 16  */
line-height : 1em;
letter-spacing: 0.1em;
text-transform: uppercase;

}

/*  TYPOGRAPHY  ============================================================================= */

p, ol, ul, dl, address {
margin-bottom : 1.5em;
font-size : 1em; /* 16 / 16 = 1 */ }

p {
hyphens : auto;
}

p.center {
text-align: center;
}

ul, ol {
margin : 0 0 1.5em 0;
padding : 0 0 0 24px;
list-style: none;
}

li ul, li ol {
margin : 0;
font-size : 1em; /* 16 / 16 = 1 */
}

dl,
dd {
margin-bottom : 1.5em; }

dt {
font-weight : 400; }

b, strong {
font-weight : 700; }

hr {
display : block;
margin : 1em 0;
padding : 0;
height : 1px;
border : 0;
border-top : 1px solid #ccc;
}

small {
font-size : 0.8em; /* 16 / 16 = 1 */ }

sub, sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline; }

sup {
top : -0.5em; }

sub {
bottom : -0.25em; }

.subtext {
	color: #666;
	}

.bright {
    color: #ddd;
}

/* LINKS =============================================================================  */

a {
color : #bbb;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration: none;
}

a:visited {
color : #fff; }

a:focus {
outline : thin dotted;
color : rgb(0,100,100); }

a:hover,
a:active {
outline : 0;
color : #fff;
}

#dshw1, #dshw2 {
    margin: 0;
    font-size: 80%;
}


#showopen h1:hover, #gfxopen h1:hover, #webopen h1:hover, #photopen h1:hover {
	color: #fff;
	letter-spacing: 0.04em;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#showopen h1:focus, #gfxopen h1:focus, #webopen h1:focus, #photopen h1:focus { color: #bbb; }
#showopen h1:active, #gfxopen h1:active, #webopen h1:active, #photopen h1:active { color: #bbb; }
#showref a:link, #video a:link, #gfxref a:link, #shirtsref a:link, #photoref a:link, #showref a:visited, #video a:visited, #gfxref a:visited, #shirtsref a:visited, #photoref a:visited { color: #fff; text-decoration: none; }
#dshw1 a:link, #dshw2 a:link, #dshw1 a:visited, #dshw2 a:visited { color: #aaa; font-size: 0.8em; }
#showref a:hover, #video a:hover, #gfxref a:hover, #shirtsref a:hover, #dshw1 a:hover, #dshw2 a:hover, #photoref a:hover {
	color: #0ff;
	text-decoration: none;
	letter-spacing: 0.025em;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#printshopcontainer .sprd-btn-primary {
    background-color: cyan;
    border: 1px solid cyan;
    color: black;
}

#printshopcontainer .sprd-btn-primary:hover {
    background-color: orange;
    border-color: orange;
}

#printshopcontainer .sprd-btn-secondary {
    background-color: orange;
    border: 1px solid orange;
    color: black;
}

#printshopcontainer .sprd-btn-secondary:hover {
    border: 1px solid cyan;
    color: cyan;
}

#showref a:active, #video a:active, #gfxref a:active, #shirtsref a:active, #dshw1 a:active, #dshw2 a:active, #printshopcontainer a:active, #photoref a:active {
	color: #088;
	text-decoration: none;
	letter-spacing: 0.025em;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#webref a:link, #photoref a:link, #webref a:visited, #photoref a:visited { color: #888; text-decoration: none; }
#webref a:hover, #photoref a:hover, #webref a:active, #photoref a:active {
	color: #0ff;
	text-decoration: none;
	letter-spacing: 0.025em;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

footer a {
color : #bbb;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

footer a:visited {
color : #fff; }

footer a:focus {
outline : thin dotted;
color : rgb(0,100,100); }

footer a:hover,
footer a:active {
outline : 0;
color : #fff;
}


/* IMAGES ============================================================================= */

img {
border: none;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

img.floatleft { float: left; margin: 0 10px 0 0; }
img.floatright { float: right; margin: 0 0 0 10px; }


/* TABLES ============================================================================= */

table {
border-collapse : collapse;
border-spacing : 0;
margin-bottom : 1.4em;
width : 100%; }

th, td, caption {
padding : .25em 10px .25em 5px; }

tfoot {
font-style : italic; }

caption {
background-color : transparent; }

/* FORMS ============================================================================= */

form {
margin : 0; }

fieldset {
margin-bottom : 1.5em;
padding : 0;
border-width : 0; }

legend {
*margin-left : -7px;
padding : 0;
border-width : 0; }

label{
font-weight : 400;
cursor : pointer;
display:block;
margin:10px 0 0 0;
position:relative;
top:0;
left:0;
}

	label.inline{
	display:inline;
	margin:0;
	}

	label span{
	color:#666;
	font-size:0.9em;
	}

	label span.right{
	position:absolute;
	bottom:0;
	right:1em;
	text-align:right;
	}

	label.disabled{
	color:#ccc;
	}


button,
search,
input,
select,
textarea {
font-size : 100%;
margin : 0;
vertical-align : baseline;
*vertical-align : middle; }

button, input {
line-height : normal;
*overflow : visible; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
padding: 0.5em 1em;
margin: 0 0 1em 0;
cursor : pointer;
text-shadow:0 1px 0 #fff;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }

input[type="search"] {
	box-sizing : content-box;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0;  }

input{
display:block;
width:97%;
margin:0 0 20px 0;
border:1px solid #ccc;
font-size:1em;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
background:#fff;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
}

	input::-webkit-input-placeholder,
	input:-moz-placeholder,
	.placeholder{
	color:#bbb;
	}

	input::-moz-focus-inner {border:0;}

	input[disabled="disabled"], input.disabled{
	color:#999;
	background:#f5f5f5;
	-moz-box-shadow:inset 0px 0px 2px #ddd;
	-webkit-box-shadow:inset 0px 1px 2px #ddd;
	box-shadow:inset 0px 1px 2px #ddd;
	}

textarea{
width:97%;
height:200px;
margin:0 0 20px 0;
border:1px solid #ccc;
padding:5px;
font-family:inherit;
font-size:0.9em;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow:inset 0px 0px 6px #ccc;
-webkit-box-shadow:inset 0px 1px 6px #ccc;
box-shadow:inset 0px 1px 6px #ccc;
overflow : auto;
vertical-align : top;
}

/* Colors for form validity */
input:valid,
textarea:valid   {
/* Styles */ }

input:invalid,
textarea:invalid {
-webkit-box-shadow : 0 0 2px #f00;
-moz-box-shadow : 0 0 2px #f00;
box-shadow : 0 0 2px #f00; }

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
background-color : #ccc; }



/*  MAIN LAYOUT	============================================================================= */

#wrapper {
		width: 100%;
	}

#headcontainer {
		border: none;
		width: 100%;
		margin: 0;
		padding: 0;
	}

header {
		border: none;
		position: relative;
		clear: both;
		width: 100%; /* 1000px / 1250px */
		margin: 0;
		padding: 0;
	}

header img {
		border: none;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

header a {
	display: block;
	margin: 0;
	padding: 0;
}

#maincontentcontainer {
	display: none;
	border: none;
	width: 100%;
	background: #222 url(../gfx/bgr4.jpg) top center;
	background-size: 100% 100%;
		-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.8)inset;
		-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.8)inset;
		box-shadow: 0px 0px 20px rgba(0,0,0,.8)inset;
	}

#maincontent{
	border: none;
	clear: both;
	width: 100%; /* 1200px / 13 */
	font-size: 0.825em; /* 13 / 16 */
}

#maincontent h1 {
  padding: 4% 0 0 2%;
}

#webcontent {
	padding-bottom: 2%;
}

#videocontainer {
	position: relative;
	display: none;
	width: 100%;
}

#video {
	position: relative;
	width: 96%;
	padding: 28px 2% 28px 2%;
	-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#video iframe {
	border: 1px solid #222;
	width: 640px;
	height: 360px;
}

#impcontainer {
	position: relative;
	display: none;
	width: 100%;
}

#impressum {
		font-size: 0.8em; /* 13 / 16 */
		text-align: left;
		margin-left: 64%;
		width: 32%;
		padding: 28px 2% 28px 2%;
	   -webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	   -moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	   box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	}

#impressum h5 {
		color: #aaa;
	}

#impressum p {
		font-size: 0.88em;
		line-height: 1.2em;
		color: #888;
	}

#impclose {
	cursor: pointer;
	border: none;
	position: absolute;
	top: 14px;
	right: 14px;
	width: 28px;
	height: 28px;
}

#videopen img, #videoclose1 img, #videoclose2 img, #printshopopen img, #printshopclose1 img, #printshopclose2 img {
	cursor: pointer;
	border: none;
	vertical-align: middle;
	margin-bottom: 8px;
	width: 28px;
	height: 28px;
	}

#showdesign, #gfxdesign, #webdesign, #photography {
		display: none;
	}

#showopen, #gfxopen, #webopen, #photopen {
		cursor: pointer;
	}

  .sliderinfo {
    float: right;
    font-size: 0.9em;
    color: #666;
    padding: 8px 8px 0 0;
  }

#show {
	width: 100%;
	height: 260px;
	position: relative;
	padding: 15px 0 15px 0;
	-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#gfx {
	width: 100%;
	height: 310px;
	position: relative;
	padding: 15px 0 15px 0;
		-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#shirts {
	width: 100%;
	height: 290px;
	position: relative;
	padding: 15px 0 15px 0;
		-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#printshopcontainer {
	position: relative;
	display: none;
	width: 92%;
	padding: 28px 4% 28px 4%;
	-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
	box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#spreadshirt {
	border: 1px solid silver;
	-webkit-box-shadow: 0px 0px 12px rgba(100,100,100,.8);
	-moz-box-shadow: 0px 0px 12px rgba(100,100,100,.8);
	box-shadow: 0px 0px 12px rgba(100,100,100,.8);
}

#web {
	width: 100%;
	height: 310px;
	position: relative;
	padding: 15px 0 15px 0;
		-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#photo1 {
	width: 100%;
	height: 200px;
	position: relative;
	padding: 15px 0 15px 0;
		-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#photo2 {
	width: 100%;
	height: 200px;
	position: relative;
	padding: 15px 0 15px 0;
		-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

#pixelsXL {display: inline-block;}
#pixelsL, #pixelsM, #pixelsS {display: none;}

.deskshop {
	display: block;
}

.touchshop {
	display: none;
}

#shop {
	width: 100%;
	height: 320px;
	position: relative;
	padding: 15px 0 15px 0;
		-webkit-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		-moz-box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
		box-shadow: 0px 0px 16px rgba(100,100,100,.8)inset;
}

.faslider {
	width: 400px;
	padding: 0;
	margin-left: 2%;
	text-align: center;
}

.faslider h6 {
	padding: 0;
	margin: 0;
	color: #999;
}

#falogo1 {
	margin: auto;
	padding: 0;
}

#falogo2 {
	margin: auto;
	padding: 0;
}

#show img {
	height: 250px;
	width: auto;
}

#gfx img, #web img {
	height: 300px;
	width: auto;
}

#shirts img {
	height: 280px;
	width: auto;
}

#photo1 img, #photo2 img {
	height: 200px;
	width: auto;
}

#printshopcontainer a, #video a {
	vertical-align: middle;
}

#webref a, #photoref a {
	font-size: 1em;
	line-height: 0.2em;
	padding-left: 2%;
}

#webref h3, #photoref h3 {
	padding-left: 2%;
}

#showref a, #gfxref a, #shirtsref a {
	font-size: 1.4em;
	padding-left: 2%;
}

.colcontainer {
		margin: 0;
		padding: 0;
	   -webkit-box-shadow: 0px 0px 28px rgba(0,0,0,.8)inset;
	   -moz-box-shadow: 0px 0px 28px rgba(0,0,0,.8)inset;
	   box-shadow: 0px 0px 28px rgba(0,0,0,.8)inset;
	}

.col4container {
		padding: 20px;
		font-size: 0.85em;
		line-height: 1.2em;
	   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8)inset;
	   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8)inset;
	   box-shadow: 0px 0px 10px rgba(0,0,0,.8)inset;
	}

.col4container h3 {
	color: #fff;
}

#footercontainer {
		border: none;
		width: 100%;
		background: #444 url(../gfx/footer3.jpg) top center no-repeat;
		background-size: 100%;
	}

footer {
		border: none;
		clear: both;
		width: 100%; /* 1000px / 1250px */
		font-size: 0.8em; /* 13 / 16 */
		padding: 5% 0px 5px 0px;
	}

#smlinximpressumextra {
    display: none;
}

#smlinxfooter {
		float: left;
		height: 32px;
		width: 210px;
		margin: -9px 0 0 2%;
	}

#smlinxfooter a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;
	text-decoration: none;
}

a.hive {
  display: block;
  overflow: hidden;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
	float: left;
	margin-right: 8px;
	background: url(../gfx/hive.png) center no-repeat;
	background-size: 100%;
	}

a.pi {
  display: block;
  overflow: hidden;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
	float: left;
	margin-right: 8px;
	background: url(../gfx/pi.png) center no-repeat;
	background-size: 100%;
	}

a.ig {
  display: block;
  overflow: hidden;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
	float: left;
	margin-right: 8px;
	background: url(../gfx/ig.png) center no-repeat;
	background-size: 100%;
	}

a.fb {
	display: block;
  overflow: hidden;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
	float: left;
  margin-right: 8px;
	background: url(../gfx/fb.png) center no-repeat;
	background-size: 100%;
	}

a.tw {
	display: block;
  overflow: hidden;
	height: 32px;
	width: 32px;
	text-indent: -9999px;
	float: left;
  margin-right: 8px;
	background: url(../gfx/tw.png) center no-repeat;
	background-size: 100%;
	}

a.hive:hover, a.pi:hover, a.fb:hover, a.tw:hover,	a.ig:hover { background-size: 88%; }

#bottomnav {
	overflow: hidden;
}

#bottomnav ul {
	list-style: none;
}

#bottomnav li {
  text-align: right;
	position: relative;
  padding-bottom: 8px;
	padding-right: 16px;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
}

#bottomnav a:link, #bottomnav a:visited { color: #888; }
#bottomnav a:hover, #bottomnav a:active { color: #fff; }

#smallprint {
		text-align: right;
		font-size: 0.7em; /* 12 / 13 */
		line-height: 150%;
		padding-right: 16px;
		color: #777;
	}

#smallprint a:link, #smallprint a:visited { color: #bbb; text-decoration: none; }
#smallprint a:hover { color: #fff; text-decoration: none; }

ul.pagefooterlist, ul.pagefooterlistimages {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.pagefooterlist li, ul.pagefooterlistimages li {
	clear: left;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	display: block;
	line-height: 1.5em;
	font-weight: normal;
	background: none;
}

ul.pagefooterlistimages li {
	height: 34px;
}

ul.pagefooterlistimages li img {
	padding: 5px 5px 5px 0px;
	vertical-align: middle;
	opacity: 0.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha( opacity  = 75);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

ul.pagefooterlistimages li a {
	text-decoration: none;
}

ul.pagefooterlistimages li a:hover img {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha( opacity  = 100);
}

/*  SECTIONS  ============================================================================= */

.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  NOTES  ============================================================================= */

.note {
	position:relative;
	padding:1em 1.5em;
	margin: 0 0 1em 0;
	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	overflow:hidden;
}

.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	border-width:0 16px 16px 0;
	border-style:solid;
	border-color:transparent transparent #cccccc #cccccc;
	background:#cccccc;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	display:block; width:0; /* Fiox 3.0 damage limitation */
}

.note.rounded {
	-webkit-border-radius:5px 0 5px 5px;
	-moz-border-radius:5px 0 5px 5px;
	border-radius:5px 0 5px 5px;
}

.note.rounded:before {
	border-width:8px;
	border-color:#ff #ff transparent transparent;
	background: url(/images/bodyback.png);
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius:0 0 0 5px;
	border-radius:0 0 0 5px;
}

/*  SCREENS  ============================================================================= */

.siteimage {
	max-width: 90%;
	padding: 5%;
	margin: 0 0 1em 0;
	background: transparent url(/images/stripe-bg.png);
	-webkit-transition: background 0.3s ease;
	-moz-transition: background 0.3s ease;
	-o-transition: background 0.3s ease;
	transition: background 0.3s ease;
}

.siteimage:hover {
	background: #bbb url(/images/stripe-bg.png);
	position: relative;
	top: -2px;

}

/*  COLUMNS  ============================================================================= */

.twocolumns{
	-moz-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-count: 2;
	-webkit-column-gap: 2em;
	column-count: 2;
	column-gap: 2em;
  }

/*  BUTTONS  ============================================================================= */


.button {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	color: #fff;
	padding: .5em 1em;
	margin: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/*background: #cc1122 url(/images/glass.png) repeat-x 0 50%;*/
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-family:  LeagueGothicRegular, 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', helvetica, helve, arial, sans-serif;
	font-size : 1.5em; /* 24 / 16 */

}
.button:hover {
	/*background: #dd2233 url(/images/glass.png) repeat-x 0 50%;*/
	color: #fff;
	text-decoration: none;
}
.button:active {
	/*background: #dd2233 url(/images/glass.png) repeat-x 0 50%;*/
	color: #fff;
	position: relative;
	top: 1px;
}
.button:visited {
	color : #fff;
}



/*  GLOBAL OBJECTS ============================================================================= */

.breaker { clear: both; }

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}


/* VENDOR-SPECIFIC ============================================================================= */

html {
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : rgb(52,158,219);
-webkit-text-size-adjust : 100%;
-ms-text-size-adjust : 100%; }

.clearfix {
zoom : 1; }

::-webkit-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::-moz-selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

::selection {
background : rgb(23,119,175);
color : rgb(250,250,250);
text-shadow : none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button; }

::-webkit-input-placeholder {
font-size : .875em;
line-height : 1.4; }

input:-moz-placeholder {
font-size : .875em;
line-height : 1.4; }

.ie7 img,
.iem7 img {
-ms-interpolation-mode : bicubic; }

input[type="checkbox"],
input[type="radio"] {
box-sizing : border-box; }

input[type="search"] {
-webkit-box-sizing : content-box;
-moz-box-sizing : content-box; }

button::-moz-focus-inner,
input::-moz-focus-inner {
padding : 0;
border : 0; }

p {
/* http://www.w3.org/TR/css3-text/#hyphenation */
-webkit-hyphens : auto;
-webkit-hyphenate-character : "\2010";
-webkit-hyphenate-limit-after : 1;
-webkit-hyphenate-limit-before : 3;
-moz-hyphens : auto; }

/* ANIMATIONS ============================================================================= */

.colorcycle {
    -webkit-animation: colorcycleanim 18s linear reverse infinite;
    -moz-animation: colorcycleanim 18s linear reverse infinite;
    -o-animation: colorcycleanim 18s linear reverse infinite;
    -ms-animation: colorcycleanim 18s linear reverse infinite;
    animation: colorcycleanim 18s linear reverse infinite;
}

@keyframes colorcycleanim {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}
@-webkit-keyframes colorcycleanim {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}
@-moz-keyframes colorcycleanim {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}
@-o-keyframes colorcycleanim {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}
@-ms-keyframes colorcycleanim {
  0% { filter: hue-rotate(0deg); }
  100% { filter: hue-rotate(360deg); }
}

.pulseGreen {
	animation: greenPulse 480ms infinite alternate;
	-webkit-animation: greenPulse 480ms infinite alternate;
	-moz-animation: greenPulse 480ms infinite alternate;
	-o-animation: greenPulse 480ms infinite alternate;
	-ms-animation: greenPulse 480ms infinite alternate;
}

@keyframes greenPulse {
	0% {color: #080;}
	100% {color: #0f0;}
}
@-webkit-keyframes greenPulse {
	0% {color: #080;}
	100% {color: #0f0;}
}
@-moz-keyframes greenPulse {
	0% {color: #080;}
	100% {color: #0f0;}
}
@-o-keyframes greenPulse {
	0% {color: #080;}
	100% {color: #0f0;}
}
@-ms-keyframes greenPulse {
	0% {color: #080;}
	100% {color: #0f0;}
}