/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
body {
	background-color: #000000;
	margin:15px;
}

a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC0000;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #999999;
}

#container {
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:800px;	
}
h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	text-transform:uppercase;
	color:#333333;
}
.content {
	width:800px;
	height:515px;	
	position:relative;
}
#jean {
	background-image: url(images/denimback.gif);
	background-repeat: no-repeat;
}
#truck {
	background-image: url(images/bassback.gif);
	background-repeat: no-repeat;
}
#video {
	background-image: url(images/videoback.gif);
	background-repeat: no-repeat;
}
#front {
	background-image: url(images/front_back.jpg);
	background-repeat: no-repeat;
}

#header {
	height:150px;
	width:800px;
	position:relative;
}
#footer {
	height:135px;
	width:800px;
	text-align:center;
}
#footer a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.red {
	background-color:#CC0000;
}
#sidebar {
	position:absolute;
	top:5px;
	left:5px;
	width:200px;
	height:505px;
	background-color:#FFFFFF;
}
#menu {
	position:absolute;
	width:540px;
	top:100px;
	left:260px;
}
.icon {
	margin-left:5px;
	margin-right:5px;
}
#writeup {
	margin-left:20px;
	width:380px;
}
#video1 {
	position: absolute;
	height: 320px;
	width: 320px;
	left: 426px;
	top: 100px;
}
#video2 {
	position: absolute;
	height: 320px;
	width: 320px;
	left: 53px;
	top: 100px;
}