/* CSS Document */
/* style.css by Magnus Torstensson for Unsworn Industries */

body {
	background:#99cde7 url(pix/body/gridmessura.jpg) top center repeat-x;
	color:black;
	font-size:12px;
	font-size:14px;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;

	margin:0;
	padding: 0 0 36px 0;
	text-align:center;
	
}

div.page {
	width:970px;
	position:relative;
	padding:0 0 0 0;
	margin:0 auto;
	text-align:left;
	position:relative;
	overflow:hidden;
}
div.header {
position:relative;
z-index:100;
height:200px;
}

div.navigation {
	position:absolute;
	top:70px;
	left:110px;
	width:860px;
	height:60px;
	background:url(pix/navigation/ut_navigation_horizon.png) top left no-repeat;
}
div.logo {
	width:340px;
	height:160px;
	background:url(pix/navigation/logo_ui_8bit.png) top left no-repeat;
	top:20px;
	left:0;
	position:absolute;
	z-index:200;
}

div.logo a {
position:absolute;
top:10px;
left:0;
width:310px;
height:70px;
overflow:hidden;
display:block;
text-indent:-2000px;
border:none;
}
div.logo a:hover {
	border:none;
}

div.logo a.divisionhome {
	top:90px;
	left:30px;
	height:60px;
}

div.logo_industries {
	background-image:url(pix/navigation/logo_ui_8bit.png);
}

div.logo_industries a.divisionhome {
	top:90px;
	left:30px;
	height:60px;
	display:none;
}

div.logo_academy {
	background-image:url(pix/navigation/logo_academy_8bit.png);
}

div.logo_letterism {
	background-image:url(pix/navigation/logo_letterism_8bit.png);
}

div.logo_mobile {
	background-image:url(pix/navigation/logo_mobile_8bit.png);
}
div.logo_research {
	background-image:url(pix/navigation/logo_research_8bit.png);
}
div.logo_sound {
	background-image:url(pix/navigation/logo_sound_8bit.png);
}
div.logo_telecom {
	background-image:url(pix/navigation/logo_telecom_8bit.png);
}

div.logo_visuals {
	background-image:url(pix/navigation/logo_visuals_8bit.png);
}

div.logo_web {
	background-image:url(pix/navigation/logo_web_8bit.png);
}

div.logo_telemegaphone {
	background-image:url(pix/navigation/logo_telemegaphone_8bit.png);
}
div.logo_chronophone {
	background-image:url(pix/navigation/logo_chronophone_8bit.png);
}
div.logo_megaphonebooth {
	background-image:url(pix/navigation/logo_megaphonebooth_8bit.png);
}
div.logo_metaphone {
	background-image:url(pix/navigation/logo_metaphone_8bit.png);
}
div.logo_ophonestation {
	background-image:url(pix/navigation/logo_ophonestation_8bit.png);
}
div.logo_parascope {
	background-image:url(pix/navigation/logo_parascope_8bit.png);
}

div.navigation ul.mainnavigation {
background:black;
	background:#99cde7 url(pix/body/gridmessura.jpg) -355px -70px no-repeat;
	position:absolute;
	top:0;
	left:245px;
	height:70px;
	list-style:none;
	padding:0;
	margin:0;
}

div.navigation ul.mainnavigation li {
	float:left;
	display:block;
	padding:0;
	margin:0;
}

div.navigation ul.mainnavigation li a {
	float:left;
	display:block;
	background:url(pix/navigation/ut_tab_left.png) top left no-repeat;
	height:60px;
	font-size:12px;
	line-height:50px;
	text-transform:none;
	border:none;
	text-decoration:none;
	padding-left:15px;
	color:black;
	cursor:pointer;
}

div.navigation ul.mainnavigation li a b {
	float:left;
	display:block;
	background:url(pix/navigation/ut_tab_right.png) top right no-repeat;
	height:60px;
	line-height:50px;
	padding-right:15px;
	font-weight:bold;
	cursor:pointer;
}

div.navigation ul.mainnavigation li a:hover {
	background-position:left -100px;
}

div.navigation ul.mainnavigation li a:hover b {
	background-position:right -100px;
}

div.navigation ul.mainnavigation li.selected a {
	background-position:left -200px;
}

div.navigation ul.mainnavigation li.selected a b {
	background-position:right -200px;
}

div.navigation ul.mainnavigation li.selected a:hover {
	background-position:left -300px;
}

div.navigation ul.mainnavigation li.selected a:hover b {
	background-position:right -300px;
}

/* cols */
/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22 {
float:left;
margin-right: 20px;
}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 25px;}
.span-2  { width: 70px;}
.span-3  { width: 115px;}
.span-4  { width: 160px;}
.span-5  { width: 205px;}
.span-6  { width: 250px;}
.span-7  { width: 295px;}
.span-8  { width: 340px;}
.span-9  { width: 385px;}
.span-10 { width: 430px;}
.span-11 { width: 475px;}
.span-12 { width: 520px;}
.span-13 { width: 565px;}
.span-14 { width: 610px;}
.span-15 { width: 655px;}
.span-16 { width: 700px;}
.span-17 { width: 745px;}
.span-18 { width: 790px;}
.span-19 { width: 835px;}
.span-20 { width: 880px;}
.span-21 { width: 925px;}
.span-22, div.span-22 { width: 970px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 45px;}
.append-2  { padding-right: 90px;}
.append-3  { padding-right: 135px;}
.append-4  { padding-right: 180px;}
.append-5  { padding-right: 225px;}
.append-6  { padding-right: 270px;}
.append-7  { padding-right: 315px;}
.append-8  { padding-right: 360px;}
.append-9  { padding-right: 405px;}
.append-10 { padding-right: 450px;}
.append-11 { padding-right: 495px;}
.append-12 { padding-right: 540px;}
.append-13 { padding-right: 585px;}
.append-14 { padding-right: 630px;}
.append-15 { padding-right: 675px;}
.append-16 { padding-right: 720px;}
.append-17 { padding-right: 765px;}
.append-18 { padding-right: 810px;}
.append-19 { padding-right: 855px;}
.append-20 { padding-right: 900px;}
.append-21 { padding-right: 945px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 45px;}
.prepend-2  { padding-left: 90px;}
.prepend-3  { padding-left: 135px;}
.prepend-4  { padding-left: 180px;}
.prepend-5  { padding-left: 225px;}
.prepend-6  { padding-left: 270px;}
.prepend-7  { padding-left: 315px;}
.prepend-8  { padding-left: 360px;}
.prepend-9  { padding-left: 405px;}
.prepend-10 { padding-left: 450px;}
.prepend-11 { padding-left: 495px;}
.prepend-12 { padding-left: 540px;}
.prepend-13 { padding-left: 585px;}
.prepend-14 { padding-left: 630px;}
.prepend-15 { padding-left: 675px;}
.prepend-16 { padding-left: 720px;}
.prepend-17 { padding-left: 765px;}
.prepend-18 { padding-left: 810px;}
.prepend-19 { padding-left: 855px;}
.prepend-20 { padding-left: 900px;}
.prepend-21 { padding-left: 945px;}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */
.pull-1 { margin-left: -45px;}
.pull-2 { margin-left: -90px;}
.pull-3 { margin-left: -135px;}
.pull-4 { margin-left: -180px;}
.pull-5 { margin-left: -225px;}
.pull-6 { margin-left: -270px;}
.pull-7 { margin-left: -315px;}
.pull-8 { margin-left: -360px;}
.pull-9 { margin-left: -405px;}
.pull-10 { margin-left: -450px;}
.pull-11 { margin-left: -495px;}
.pull-12 { margin-left: -540px;}
.pull-13 { margin-left: -585px;}
.pull-14 { margin-left: -630px;}
.pull-15 { margin-left: -675px;}
.pull-16 { margin-left: -720px;}
.pull-17 { margin-left: -765px;}
.pull-18 { margin-left: -810px;}
.pull-19 { margin-left: -855px;}
.pull-20 { margin-left: -900px;}
.pull-21 { margin-left: -945px;}
.pull-22 { margin-left: -990px;}

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22 {float:left;position:relative;}


.push-1 { margin: 0 -45px 1.5em 45px;}
.push-2 { margin: 0 -90px 1.5em 90px;}
.push-3 { margin: 0 -135px 1.5em 135px;}
.push-4 { margin: 0 -180px 1.5em 180px;}
.push-5 { margin: 0 -225px 1.5em 225px;}
.push-6 { margin: 0 -270px 1.5em 270px;}
.push-7 { margin: 0 -315px 1.5em 315px;}
.push-8 { margin: 0 -360px 1.5em 360px;}
.push-9 { margin: 0 -405px 1.5em 405px;}
.push-10 { margin: 0 -450px 1.5em 450px;}
.push-11 { margin: 0 -495px 1.5em 495px;}
.push-12 { margin: 0 -540px 1.5em 540px;}
.push-13 { margin: 0 -585px 1.5em 585px;}
.push-14 { margin: 0 -630px 1.5em 630px;}
.push-15 { margin: 0 -675px 1.5em 675px;}
.push-16 { margin: 0 -720px 1.5em 720px;}
.push-17 { margin: 0 -765px 1.5em 765px;}
.push-18 { margin: 0 -810px 1.5em 810px;}
.push-19 { margin: 0 -855px 1.5em 855px;}
.push-20 { margin: 0 -900px 1.5em 900px;}
.push-21 { margin: 0 -945px 1.5em 945px;}
.push-22 { margin: 0 -990px 1.5em 990px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22 {float:right;position:relative;}



body.index {
/*	background:black url(pix/splashpage_825x516.jpg) top left no-repeat;*/
	color:white;
}

h5 {
	font-family:Georgia, Times, "Times new Roman", serif;
	font-size:30px;
	line-height:36px;
	font-weight:normal;

	margin-top:0;
	margin-right:0;
	margin-bottom:.5em;
	margin-left:0;

	clear:both;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-size:14px;
	font-size:16px;
	line-height:18px;
	padding:8px 0 9px 0;
	font-weight:normal;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
	text-transform:uppercase;
	text-transform:none;
	border-top:1px solid #5b80ab;
	border-bottom:none;
	clear:both;

	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:18px;
	padding:0;
	
	border-top:0;

}
h2 {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:18px;
	text-transform:uppercase;

}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	margin:0;
margin-bottom:18px;

}

p {
	padding:0 0 18px 0;
	margin:0;
}

p.intro {
font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	line-height:18px;
/*	margin-top:-2px;
	margin-bottom:2px;
*/
}

p.number {
	font-family:"Arial Black", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:18px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:18px;
	padding:0;
	text-transform:uppercase;
}

ul {padding:0;margin-top:0;margin-bottom:18px;}

img {margin-bottom:18px;
}

a, a:link, a:visited, a:hover, a:active {
	color:black;
	text-decoration:none;
	border-bottom:1px dotted black;
}
a:hover {
	color:black;
	border-bottom:1px solid black;
}

a.imglink, a.imglink:link, a.imglink:visited, a.imglink:hover, a.imglink:active {
	border:none;
	display:block;
	margin-bottom:20px;	
}
a.imglink img {
	display:block;
	margin-bottom:0;
}
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
	color:black;
	text-decoration:none;
	border-bottom:none;
}
h2 a:hover {
	color:black;
	border-bottom:1px solid black;
}

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	color:black;
	text-decoration:none;
	border-bottom:none;
}
h1 a:hover {
	color:black;
	border-bottom:1px solid black;
}


h1 span.linkedin { 
	font-style:normal;font-weight:normal;text-transform:none;
}
a img,
a:link img,
a:visited img,
a:hover img,
a:active img {
	border:none;
}

a.img,
a.img:link,
a.img:visited,
a.img:hover,
a.img:active {
	border:none;
}

/* Erik added this when Magnus wasn't looking */
span.pintro {font-weight:bolder; }


/* Special components */

div.pulloutbox {
	background:#003752;
	color:white;
	padding:9px 10px 9px 10px;
padding:18px 18px 18px 18px;
	border-bottom:1px solid #447788;
	margin-bottom:17px;
}

div.pulloutbox h1 {
	border-top:none;
	text-transform:uppercase;
	font-size:14px;
}

div.pulloutbox a, div.pulloutbox  a:link, div.pulloutbox  a:visited, div.pulloutbox  a:hover, div.pulloutbox  a:active {
	color:white;
	text-decoration:none;
	border-bottom:1px dotted white;
}
div.pulloutbox  a:hover {
	color:white;
	border-bottom:1px solid white;
}
div.footer {
border-top:2px solid black;
padding-top:16px;
margin-top:18px;
}



div.blogpostbody {
border:none;
background:none;
padding-bottom:18px;}
div.blogpostbody h1,
div.blogpostbody h2,
div.blogpostbody h3,
div.blogpostbody h4,
div.blogpostbody h5,
div.blogpostbody p,
div.blogpostbody blockquote,
div.blogpostbody ul,
div.blogpostbody ol,
div.blogpostbody dl {
	margin-left:90px;
	margin-right:180px;
	clear:none;
	padding-left:0;
	padding-right:0;
	border:none;
}


div.audioplayer {
	margin-left:90px;
}

div.blogpostbody blockquote {
	text-indent:0;
	margin-top:0;
	margin-bottom:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border-top:1px dashed #6699CC;
	border-bottom:1px dashed #6699CC;
	padding-top:8px;
	padding-bottom:8px;
	margin-bottom:18px;
}

div.blogpostbody blockquote p {
	margin-left:0;
	margin-right:0;
}

div.blogpostbody img {
	float:left;
	margin-right:20px;
	margin-bottom:18px;
}


div.blogpostfooter {
	margin-bottom:18px;
}

div.blogpostfooter .comments {
  font-weight:bold;
  float: left;
  width: 49%;
}

div.blogpostfooter .author {
	float:right;
	width:49%;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

h3#comments {
	margin-left:90px;
}

ol.commentlist {
display:block;
margin:18px 0 0 0;
padding:0;
list-style:none;
}

ol.commentlist li {
margin-bottom:18px;
width:430px;
margin-left:90px;
}

ol.commentlist li.author {
color:black;
margin-left:0;
}

ol.commentlist li div.commentbody {
font:12px/18px Arial, Helvetica, sans-serif;
background:white;
padding:9px;
}

ol.commentlist li div.commentator {
padding-left:100px;
background:url(pix/blog/comment.png) top left no-repeat;
padding-top:10px;
}

div.respond {
width:430px;
margin-left:90px;
clear:both;

}
div.respondbody {
background:#003752;
color:white;
padding:10px;

}

div.makecomment {
width:430px;
padding-left:100px;
padding-top:10px;
background:url(pix/blog/makecomment.png) top left no-repeat;
}

div.makecomment label {
display:block;
font-size:12px;
line-height:18px;
}

div.makecomment .textbox {
padding:5px;
font:12px/18px Arial, Helvetica, sans-serif;
width:240px;

}
div.respondbody textarea {
width:390px;
border:none;
margin:0;
padding:5px;
font:12px/18px Arial, Helvetica, sans-serif;
}

/* ---- IMAGE DIVS ---- */
div.img-textwidth {
	float:left;
	width:430px;
	clear:both;
	margin-left:90px;
	padding:0;
}

div.img-std {
	float:left;
	width:610px;
	clear:both;
	margin-left:90px;
	padding:0;
}

div.img-full {
	float:left;
	width:700px;
	clear:both;
	margin-left:0;
	padding:0;
	clear:both;
}

div.blogpostbody blockquote div.breakout1 {
	float:left;
	width:70px;
	margin-right:20px;
	margin-bottom:18px;
	clear:left;
	margin-left:0px;
}

div.breakout1,
div.breakout2,
div.breakout3 {
	float:left;
	width:70px;
	margin-right:20px;
	margin-bottom:18px;
	margin-bottom:9px;
	clear:left;
}

div.breakout2 {
	width:160px;
}

div.breakout3 {
	width:250px;
}

div.breakout8 {
	width:700px;
	margin-right:0;
	margin-left:0;
	clear:both;
	padding:0;
}
div.breakright {
	float:right;
	margin-right:0;
	margin-left:20px;
	clear:right;
}

div.blogpostbody div.breakout {
	float:left;
	margin-right:20px;
	margin-bottom:18px;
}

div.blogpostbody div.gallery_normal {
	margin-right:20px;
	float:left;
	clear:both;
	margin-left:90px;
	padding:0;
}

div.blogpostbody div.breakout h1,
div.blogpostbody div.breakout1 h1,
div.blogpostbody div.breakout2 h1,
div.blogpostbody div.breakout3 h1,
div.blogpostbody div.breakout h2,
div.blogpostbody div.breakout1 h2,
div.blogpostbody div.breakout2 h2,
div.blogpostbody div.breakout3 h2,
div.blogpostbody div.breakout h3,
div.blogpostbody div.breakout1 h3,
div.blogpostbody div.breakout2 h3,
div.blogpostbody div.breakout3 h3,
div.blogpostbody div.breakout h4,
div.blogpostbody div.breakout1 h4,
div.blogpostbody div.breakout2 h4,
div.blogpostbody div.breakout3 h4,
div.blogpostbody div.breakout h5,
div.blogpostbody div.breakout1 h5,
div.blogpostbody div.breakout2 h5,
div.blogpostbody div.breakout3 h5,
div.blogpostbody div.breakout p,
div.blogpostbody div.breakout1 p,
div.blogpostbody div.breakout2 p,
div.blogpostbody div.breakout3 p,
div.blogpostbody div.breakout ul,
div.blogpostbody div.breakout1 ul,
div.blogpostbody div.breakout2 ul,
div.blogpostbody div.breakout3 ul,
div.blogpostbody div.breakout ol,
div.blogpostbody div.breakout1 ol,
div.blogpostbody div.breakout2 ol,
div.blogpostbody div.breakout3 ol,
div.blogpostbody div.breakout dl,
div.blogpostbody div.breakout1 dl,
div.blogpostbody div.breakout2 dl,
div.blogpostbody div.breakout3 dl
 {
	margin-left:0;
	margin-right:0;
	clear:none;
}

div.blogpostbody div.breakoutbox {
	background:white;
	padding:9px 0 9px 0;
}

div.blogpostbody div.breakoutbox h1,
div.blogpostbody div.breakoutbox h2,
div.blogpostbody div.breakoutbox h3,
div.blogpostbody div.breakoutbox h4,
div.blogpostbody div.breakoutbox h5,
div.blogpostbody div.breakoutbox p,
div.blogpostbody div.breakoutbox ul,
div.blogpostbody div.breakoutbox ol,
div.blogpostbody div.breakoutbox dl {
	margin-left:10px;
	margin-right:10px;
	clear:none;
}


div.blogpostbody div.breakout img {
float:none;
display:block;
margin:0;
}

div.blogpostbody div.breakout1 img,
div.blogpostbody div.breakout2 img,
div.blogpostbody div.breakout3 img {
margin-bottom:0;
}
div.blogpostbody div.breakout1 div.pulloutbox,
div.blogpostbody div.breakout2 div.pulloutbox,
div.blogpostbody div.breakout3 div.pulloutbox {
margin-bottom:0;
}

div.blogpostbody div.right { 
float:right;
margin:0;}

div.blogpostbody blockquote div.breakoutbox {
	/*background-color:red; */
}


/* ---- --- */
ul.thumblist,
div.img-std ul.thumblist,
div.blogpostbody ul.thumblist,
div.blogpostbody div.breakout ul.thumblist,
div.blogpostbody div.breakout3 ul.thumblist {
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	clear:both;
	
	margin-left:-20px;
}
ul.thumblist li,
div.img-std ul.thumblist li,
div.blogpostbody ul.thumblist  li,
div.blogpostbody div.breakout ul.thumblist li,
div.blogpostbody div.breakout3 ul.thumblist li {
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 20px 20px;
	
}

ul.thumblist li.lastthumb,
div.img-std ul.thumblist li.lastthumb,
div.blogpostbody ul.thumblist li.lastthumb,
div.blogpostbody div.breakout ul.thumblist li.lastthumb {
	margin-right:0;
}
ul.thumblist li a,
ul.thumblist li a:link,
ul.thumblist li a:visited,
ul.thumblist li a:hover,
ul.thumblist li a:active,
 {
padding:0;
float:left;
border:none;
}

ul.thumblist li a img {
padding:0;
float:left;
margin:0;
}

.feed {
  margin-left: 3px;
  padding: 0 0 0 19px;
  background: url("http://www.unsworn.org/pix/feed-icon-14x14.png") no-repeat 0 50%;
} 

/* ---- q bubbles ---- */

div.blogpostbody ul.callouts {
	list-style:none;
	padding:0;
	margin:0;
	overflow:auto;
	margin:0 0 0 -20px;
 	width:720px;
}

div.blogpostbody ul.callouts li {
	padding:0;
	margin:0;
	float:left;
	width:160px;
	margin:0 0 18px 20px;
}

ul.callouts li q {
	padding:18px 18px 0 18px;
	display:block;
	clear:both;
	background:url(pix/bubbles/bubble_160.gif) top left no-repeat;
	color:white;
	font-weight:bold;
}

ul.callouts li cite {
	padding:54px 0 0 0;
	clear:both;
	display:block;
	background:url(pix/bubbles/bubble_160.gif) bottom left no-repeat;
	line-height:18px;
	font-style:normal;
	text-align:center;
}

div.blogpostbody ul.callouts li.local q {
	background-image:url(pix/bubbles/bubble_160_orange.gif);
}

div.blogpostbody ul.callouts li.local cite {
	background-image:url(pix/bubbles/bubble_160_orange.gif);
}


/* KLOSSRYMD2 */
div.klossrymd h2 {text-align:center;border-top:1px solid black;border-bottom:1px solid black;line-height:18px;clear:both;}
div.klossrymd ul {
	list-style:none;
	padding:0;
	margin:0;	
}
div.klossrymd ul li {
	float:left;
	list-style:none;
	width:160px;
	height:250px;
	padding:0;
	margin:0 20px 20px 0;
	background:black;
	overflow:hidden;
}

div.klossrymd ul li a {
	color:white;
	text-decoration:none;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	background:gold;
	position:relative;
	overflow:hidden;
}

div.klossrymd ul li a img {
	position:absolute;
	top:0;
	left:0;
	border:none;
}


div.klossrymd ul li a:hover {
	color:black;
	z-index:2000;
	background:white;
}

div.klossrymd ul li a:hover img {
	top:-250px;
	border:none;
	
}

div.klossrymd ul li a b {
	padding:10px 20px;
	position:absolute;
	top:10px;
	left:10px;
	display:block;
	background: white;
	color:black;
	display:none;
	
}

div.klossrymd ul li a i {
	padding:10px 0 0 0;
	margin:0;
	position:absolute;
	top:160px;
	left:0;
	font-style:normal;
	text-align:left;
	line-height:15px;
	width:100%;
	height:90px;
	display:block;
	background: white;
	color:black;
	
}


div.klossrymd_left {
width:50%;
float:left;
text-align:right;
position:relative;
right:55px;
}

div.klossrymd_right {
width:50%;	
float:right;
position:relative;
left:-35px;
text-align:left;
}

div.klossrymd_left ul {
	position:relative;
padding-left:35px;
border-top:1px solid gold;
}

div.klossrymd_right ul {
	position:relative;
padding-left:0;
}

div.klossrymd_left ul li {
	float:right;
	margin-right:0;
	margin-left:20px;
}

div.klossrymd_right ul li a {
	float:right;
	background:deeppink;

}
ol.boxspace {display:none;}