* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family:Garamond, Cambria, Arial;
	background-color:#000;
}
#container {
	width:900px;
	position: relative;
	margin: 0px auto;
}
#bg {
	height:700px;
	width:900px;
	background-image:url(grunge-paper.jpg);
	background-repeat:no-repeat;
	position: relative;
	margin: 0px auto;
}
h1 {
	font-size:19px;
	line-height:26px;
}
h2 {
	font-size:18px;
	line-height:23px;
}
h3 {
	font-size:19px;
	line-height:26px;
}

p {
	font-size:14px;
	font-weight:bold;
}
#red {
	color:#990000;
}
#content {
	padding-top:395px;
	text-align:center;
}
a {
	text-decoration:none;
	color:#990000;
}
a:link {
	color:#990000;
}
a:visited {
	color:#990000;
}
a:hover {
	text-decoration:none;
	color:#CC0000;
}
#bgwork {
	height:700px;
	width:900px;
	background-image:url(grunge-paperwork.jpg);
	background-repeat:no-repeat;
	position: relative;
	margin: 0px auto;
	margin-top:500px;
}
#menuwork {
	text-align:center;
	position: relative;
	margin: 0px auto;
}
#contentwork {
	float:left;
	width:500px;
	padding-top:0px;
	padding-left:120px;
}
.workpics{
float:left;
width:145px;
height:80px;
}


.worktext{
float:left;
padding-top:10px;
width:240px;
height:80px;
}








#bgcontact {
	height:700px;
	width:900px;
	background-image:url(grunge-papercontact.jpg);
	background-repeat:no-repeat;
	position: relative;
	margin: 0px auto;
	margin-top:500px;
}
#contentcontact {
	float:left;
	width:310px;
	padding-top:20px;
	padding-left:120px;
}
#contentform {
	float:right;
	width:350px;
	padding-top:20px;
	padding-right:70px;
}
fieldset {
	border:0;
	margin:0;
	padding:0;
}
label {
	display:block;
	font-weight:bold;
}
input.text, textarea {
	width:300px;
	font:12px/12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:3px;
	margin:1px 0;
	border:1px solid #666;
	background-color:#FFFF99
}
input.submit {
	padding:2px 5px;
	font:bold 12px/12px;
	
}

#menucontact {
	text-align:center;
	position: relative;
	margin: 0px auto;
}
#bgabout {
	height:700px;
	width:900px;
	background-image:url(grunge-paperabout.jpg);
	background-repeat:no-repeat;
	position: relative;
	margin: 0px auto;
	margin-top:500px;
}
#menuabout {
	text-align:center;
	position: relative;
	margin: 0px auto;
}
#contentabout {
	float:right;
	text-align:right;
	width:360px;
	padding-right:100px;
	padding-top:5px;
}
#menu {
	float:right;
	list-style: none;
	height: 150px;
	width:750px;
	position: relative;
	padding-left:16px;
	padding-bottom: 0px;
	padding-top:0px;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span {
	display: block;
}
#menu .home {
	width: 114px;
	height: 35px;
	background:url(menu/menu_welcome.png) no-repeat;
	left: 30px;
	top: 340px;
}
#menu .home1 {
	width: 114px;
	height: 35px;
	background:url(menu/menu_welcome1.png) no-repeat;
	left: 30px;
	top: 340px;
}
#menu .work {
	width: 114px;
	height: 35px;
	background: url(menu/menu_work.png) no-repeat;
	left: 190px;
	top: 340px;
}
#menu .work1 {
	width: 114px;
	height: 35px;
	background: url(menu/menu_work1.png) no-repeat;
	left: 190px;
	top: 340px;
}
#menu .contact {
	width: 114px;
	height: 35px;
	background:url(menu/menu_contact.png) no-repeat;
	left: 350px;
	top: 340px;
}
#menu .contact1 {
	width: 114px;
	height: 35px;
	background:url(menu/menu_contact1.png) no-repeat;
	left: 350px;
	top: 340px;
}
#menu .about {
	width: 114px;
	height: 35px;
	background:url(menu/menu_about.png) no-repeat;
	left: 510px;
	top: 340px;
}
#menu .about1 {
	width: 114px;
	height: 35px;
	background:url(menu/menu_about1.png) no-repeat;
	left: 510px;
	top: 340px;
}
#menu2 {
	float:right;
	list-style: none;
	height: 150px;
	width:750px;
	position: relative;
	padding-left:16px;
	padding-bottom: 0px;
	padding-top:0px;
}
#menu2 span {
	display: none;
	position: absolute;
}
#menu2 a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu2 a:hover {
	background-position: left bottom;
}
#menu2 a:hover span {
	display: block;
}
#menu2 .home {
	width: 114px;
	height: 35px;
	background:url(menu/menu_welcome.png) no-repeat;
	left: 30px;
	top: 100px;
}
#menu2 .home1 {
	width: 114px;
	height: 35px;
	background:url(menu/menu_welcome1.png) no-repeat;
	left: 30px;
	top: 100px;
}
#menu2 .work {
	width: 114px;
	height: 35px;
	background: url(menu/menu_work.png) no-repeat;
	left: 190px;
	top: 100px;
}
#menu2 .work1 {
	width: 114px;
	height: 35px;
	background: url(menu/menu_work1.png) no-repeat;
	left: 190px;
	top: 100px;
}
#menu2 .contact {
	width: 114px;
	height: 35px;
	background:url(menu/menu_contact.png) no-repeat;
	left: 350px;
	top: 100px;
}
#menu2 .contact1 {
	width: 114px;
	height: 35px;
	background:url(menu/menu_contact1.png) no-repeat;
	left: 350px;
	top: 100px;
}
#menu2 .about {
	width: 114px;
	height: 35px;
	background:url(menu/menu_about.png) no-repeat;
	left: 510px;
	top: 100px;
}
#menu2 .about1 {
	width: 114px;
	height: 35px;
	background:url(menu/menu_abou1.png) no-repeat;
	left: 510px;
	top: 100px;
}






.portfolio {
	width:125px;
	list-style: none;
}
.portfolio span {
	display: none;
	position: absolute;
}
.portfolio a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
.portfolio a:hover {
	background-position: left bottom;
}
.portfolio a:hover span {
	display: block;
}
.portfolio .adam {
	width: 125px;
	height: 83px;
	background:url(work/work_adam.png) no-repeat;
	left: 120px;
	top: 330px;
}
.portfolio .silent {
	width: 125px;
	height: 83px;
	background:url(work/work_silent.png) no-repeat;
	left: 120px;
	top: 150px;
}
.portfolio .overwater {
	width: 125px;
	height: 83px;
	background:url(work/work_overwater.png) no-repeat;
	left: 120px;
	top: 240px;
}
.portfolio .textures {
	width: 125px;
	height: 83px;
	background:url(work/work_textures.png) no-repeat;
	left: 120px;
	top: 420px;
}