/* lets set up the horizontal and vertical css */
#iconvert,
#iconhoriz {
	margin-top: 0px;
}

#iconvert .icons,
#iconhoriz .icons{
	padding:  0;
}	

.icons {
  width:500px;
}

#iconhoriz {
	padding:10pt 15px 0pt 0pt;
	background-position: 100% 100% !important;
}	

#iconvert {
	padding:15px 0pt 0pt 0pt;
	background-position: 0% 0% !important;
}	

/* link settings */
#iconvert li,
#iconhoriz li {
	float: left;
	margin:0;	
	list-style: none;
	display:inline;
	/*background: none;*/
	position: relative;
}

/*icon settings*/
#iconhoriz .icons {
	cursor: pointer;
	overflow: hidden;
		padding:  0;
		margin: 0px;
}
#iconvert .icons {
	cursor: pointer;
	overflow: hidden;
		padding:  0;
		margin: 0px;
}

/* And Now lets set up the caption box */
#iconhoriz .sispan,
#iconevert .sispan {
	padding: 0px;
	font-weight: bold;
    text-decoration: none;
}

img{
	border: none;
}
#iconhoriz a{
	height: 100%;
    text-decoration: none;
}

#iconvert a{
	left:0;
	bottom: 0;
	width: 100%;
	display: block;
	background-position: 0 100%;
        text-decoration: none;
}

/* insertations to center icons always
and defining missing container*/
#container {
float:left;
position: relative;
left: 50%;
text-align:left;
}

#iconhoriz ul{
list-style: none;
position: relative;
/*left: -50%; */
}