html {
	overflow: hidden;
}

body {
	margin:0px;
	padding:0px;
	background-color: #fff;
	background:url(bg2.jpg) 0px -500px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:normal;
	text-transform:lowercase;
	height:100%;
}

#container {

}

.content {
	position: absolute;
	width: 1920px;
	border-bottom:15px solid #000;
}

.inside {
	margin-top:120px;
	margin-left: 200px;
	padding-bottom:20px;
}

#home {
	left:0px;
	height:100%;
	background:url(bg-circle.png);
}

#work {
	left:2000px;
	height:100%;
	background:url(bg-circle.png);
}

#contact {
	left:4000px;
	height:100%;
	background:url(bg-circle.png);
}

ul {
	margin:0px;
	padding:0px;
}
	
ul li {
	float: left;
	list-style: none;
	border: 5px solid #000;
	margin: 8px;
	padding: 0px;
	background-color: #000;
}

ul li a {
	padding: 0px;
	outline: none;
}


.picture1 {
	position: absolute;
	left: 830px;
	top: 80px;
	width:209px;
	height: 250px;
    background-image:url(thomas1.png);
    display:none;
}

.picture2 {
	position: absolute;
	left: 800px;
	top: 50px;
	width:370px;
	height: 306px;
	background-image:url(mac.png);
	display:none;
}

.picture3 {
	position: absolute;
	left: 820px;
	top: 50px;
	width:256px;
	height: 256px;
	background-image:url(contact.png);
	display:none;
}


.for {
	position: absolute;
	left: 820px;
	top: 470px;
	cursor: pointer;
	width:47px;
	height: 40px;
	background-image:url(for.png);
}

.for:hover {
	position: absolute;
	left: 820px;
	top: 470px;
	cursor: pointer;
	width:47px;
	height: 40px;
	background-image:url(for-hover.png);
}

.back {
	position: absolute;
	left: 820px;
	top: 470px;
	cursor: pointer;
	width:47px;
	height: 40px;
	background-image:url(back.png);
}

.back:hover {
	position: absolute;
	left: 820px;
	top: 470px;
	cursor: pointer;
	width:47px;
	height: 40px;
	background-image:url(back-hover.png);
}

img {
	border: 0px;
}

#tooltip{
	position:absolute;
	padding:2px 5px;
	font-size: 14px;
	width: 150px;
	color:#fff;
	display:none;
	background-image: url(tooltip.png);
}



/* Font Styling */

h1 {
	font-size:56px;	
	font-weight:bold;
	background-color:#000;
	padding:5px;
	color:#fff;
}	

.text {
	width: 600px;
	font-weight:bold;
	letter-spacing:-0.5px;
	line-height:1.4em;
	font-size: 20px;
	display:inline;
	background-color:#000;
	color:#fff;
}

a {
	background-color: #1ccccc;
	color: #000;
	text-decoration: none;
	outline: none;
}

a:hover {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	outline: none;
}

.highlight {
	color: #1ccccc;
}