* { margin: 0; padding: 0; border: none; }

body { background: url(images/bgtile.jpg) repeat center top; font: 16px/24px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #808080; text-align: center;}

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

div#gradient { margin: 0 auto; width: 820px; background: url(images/gradient.jpg) no-repeat top center; }

div#wrapper { margin: 20px auto 0 auto; }

div#ahoi { margin: 50px auto 0 auto; height: 200px; width: 700px; text-align: justify; background: url(images/ahoi.png) no-repeat; }

#ahoi h1 { visibility: hidden; }

#ahoi p { padding-top: 30px; }

div#portfolio-img { margin: 0 auto; min-height: 518px; width: 810px; opacity: 0; }

	.iphone { position: relative; left: -400px; }

div#loader { height: 16px; width: 16px; margin: 0 auto -16px; position: relative; top: 248px; display: none; background: url('images/loader.gif') no-repeat; }

div#pagination { height: 37px; margin: 0 auto 20px auto; opacity: 0; }

div#buttons { position: relative; top: 4px; }

div#buttons li { height: 26px; width: 26px; display: block; background: url('images/hole.png'); float: left; }

div#buttons li a { display: block; text-indent: -623em; background: url('images/hole-selected.png'); opacity: 0; }

div#left, div#right { cursor: pointer; }
			
div#left { float: left; padding-right: 10px; }
	
div#right { float: left; padding-left: 10px; }

div#awards { height: 52px; margin-top: 20px; }

div#copyright { font-size: 12px; line-height: 20px; padding: 30px 0; }

.white { color:  #ffffff; }