body{text-align: center; background-color: white; font-family: Georgia, Times, serif; font-size: 12px; color: 333333#; margin: 0;}

#card-outside-border{position: absolute; text-align: left; top: 32px; left: 50%; margin-left: -205px; padding: 10px; border:1px solid #ccc;}
#card-inside-border{position: relative; width: 400px; height: 250px; border: 1px solid #eee;}

h1{color: white; font-size: 0.00000001pt;}
h2{font-family: sans-serif; border-bottom: 1px solid silver; margin: 1em 0; font-size: 130%;}

ul{list-style: none; padding-left: 1em; margin: 0.5em 0;}
ul li{margin: 4px 0;}

*{margin: 0; padding: 0;}

#info{margin: 0; padding: 0;}
#info li{position: absolute; list-style: none;}

	#title{top: 35px; font-size: 22px; width: 100%; color: #231F20; text-align: center;}
	#logo{top: 70px; width: 100%; text-align: center;}
	#name{top: 180px; font-size: 16px; width: 100%; text-align: center;}
	#phone-no{top: 200px; width: 100%; text-align: center;}
	#email{bottom: 15px; left: 20px; text-align: left;}
	#website{bottom: 15px; right: 20px;  text-align: right;}

#text{width: 300px; padding-top: 332px; color: #777; text-align: left; margin: auto auto 5em auto;}


li.download, li.link{background-repeat: no-repeat; background-position: 0% 50%; padding-left: 28px;}
li.download{background-image: url('pic/media-floppy.png');}
li.link{background-image: url('pic/applications-internet.png');}