body {
  background-color: black;
  color: black;
  font-size: 1em;
  font-family: "Century Schoolbook L", "New York", "Century Schoolbook", serif;
	display: block;
}

#wrapTop {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

a#titletop {
	display: block;
	position: absolute;
  top: 0px;
  left: 220px;
	width: 385px;
	height: 220px;
	color: black;
	background: url("/pics/logotop.png");
}
a#titletop:hover {
	background-position: 0 -220px;
}
a#aboutbutton {
	display: block;
	position: absolute;
  top: 70px;
  left: 0px;    
	width: 170px;
  height: 104px;   
  color: black;
  background: url("/pics/abouttop.png");
}
a#aboutbutton:hover {
  background-position: 0 -104px;
}
a#designbutton {
	display: block;
	position: absolute;
  top: 70px;
  left: 620px;
	width: 170px;
  height: 104px;   
  color: black;
  background: url("/pics/designtop.png");
}
a#designbutton:hover {
  background-position: 0 -104px;
}

#wrapIt {
	padding: 0;
	position: relative;
	width: 800px;
	margin: 0 auto;
}

#main {
	position: absolute;
	background: white;
	top: 230px;
	left: 40px;
	width: 700px;
  height: 600px;
}
#menu {
  width: 700px;
	height: 94px;
	margin: auto;
	text-align:center;

	padding:0;
}
#menu a {
	padding: 0px;
	height: 74px;
	width: 109px;
	margin: 8px;
	border:0
	border-style: none;
}
a:link, a:active, a:visited {
	text-decoration: none;
	border: 0;
	border-style: none;
}
#menu a:hover {
	background-position: 0 -74;
} 

a#design  {
	display: block;
	position: absolute;
	top: 0px;
	left: 57px;
	height: 74px;
	width: 109px;
  color: black;
	background-image: url("/pics/design.png");
}
a#portfolio  {
	display: block;
	position: absolute;
	top: 0px;
	left: 216px;
	height: 74px;
	width: 109px;
	background-image: url("/pics/portfolio.png");
}
a#prices  {
	display: block;
	position: absolute;
	top: 0px;
	left: 375px;
	height: 74px;
	width: 109px;
	background-image: url("/pics/prices.png");
}
a#contact  {
	display: block;
	position: absolute;
	top: 0px;
	left: 534px;
	height: 74px;
	width: 109px;
	background-image: url("/pics/contact.png");
}
a#aboutme  {
	display: block;
	position: absolute;
	top: 0px;
	left: 216px;
	height: 74px;
	width: 109px;
	background-image: url("/pics/aboutme.png");
}
a#liminality  {
	display: block;
	position: absolute;
	top: 0px;
	left: 375px;
	height: 74px;
	width: 109px;
	background-image: url("/pics/liminality.png");
}
img {
	border: 0;
	border-style: none;
}

#headimg {
	position: absolute;
	top: 110px;
	left: 100px;
	height: 100px;
  background: white;
}

#mcontent {
  position: relative;
  top: 130px;
  margin: 0 auto;
	background: white;
	color: black;
	padding: 0 65px 0px 65px;
  text-align: center;
	height: 310px;
	          overflow-y: auto;
          overflow-x: hidden;
}

#mcontent p {
	color: black;
}

#borderMe {
 border: double;
 width: 360px;
 margin: 0 auto;
}

#borderMeBig {
position: relative;
 border: double white;
 width: 800px;
 margin: 0 auto;
	top: 150px;
	text-align: center;
}

#portfolioImg {

 display: block;
 margin: 0 auto;
 z-index:101;
 top: 200px;
}

.pImgSmall {
 height: 270px;
 width: 360px;
}

.pImgLarge {
 height: 600px;
 width: 800px;
}

#portfolioLast {
	position: absolute;
	left: 20px;
	top: 45px;
	height: 180px;
	width: 110px;
	background-image: url('/pics/portfolio/last.jpg');
}

#portfolioLast:hover {
	background-position: 0 -180px;
}

#portfolioNext {
	position: absolute;
	left: 560px;
	top: 45px;
	height: 180px;
	width: 110px;
	background-image: url('/pics/portfolio/next.jpg');
}

#portfolioNext:hover {
	background-position: 0 -180px;
}

#portfolioLink {
	position: relative;
	display: block;
 	margin: 0 auto;
 	background: white url('/pics/portfolio/linkBackSmall.jpg');
 	width:100%;
 	color: black;
}

#portfolioLink:hover {
	opacity: .5;
	filter:alpha(opacity=50);
	color: white;
}

#portfolioLinkBig {
	position: relative;
	display: block;
	z-index: 150;
	margin: 0 auto;
	height: 30px;
	width: 800px;
 	background: black url('/pics/portfolio/linkBackLarge.jpg');
 	color: white;
}

#portfolioLinkBig:hover {
	opacity: .5;
	filter:alpha(opacity=50);
}


a:active, a:focus {
outline: 0;
}

#bottomimg {
	position: absolute;
	top: 550px;
	left: 0px;
	height: 50px;
	width: 700px;
	background: white url("/pics/bottomimg.png");
}

#coverUp {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index:100;
	opacity: 0;
	filter:alpha(opacity=0);
}

#coverBack {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: black;
	z-index:110;
	opacity: .4;
	filter:alpha(opacity=40);
}

#coverImg {
	position: relative;
	z-index: 140;
	margin: 0 auto;
}


/* --------- FORM ---------------*/



form {
	height: 290px;
	width: 520px;
	border:1px solid #eee;
	margin: 0 auto;

}

.contact {
		background:url(/pics/formBack.jpg) no-repeat;
	height: 220px;
	width: 500px;
	padding: 5px 5px 5px 5px;
}

fieldset {
	border:1px solid #ddd;
	padding:0 5px 5px;
}

fieldset div {
	margin: 6px 0;
	clear:both;
}

label {
	float:left;
	width:140px;
	text-align:right;
	margin-right:1em;
}

legend {
	color:#0b77b7;
	font-size:1.2em;
}

input, textarea{
	padding:2px;
	width:280px;
	border:1px solid #ddd;
	background:#fafafa;
  font-size: 1em;
  font-family: "Century Schoolbook L", "New York", "Century Schoolbook", serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

input:hover, input:focus, textarea:hover, textarea:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

#textQ {
	height: 80px;
}


#submit-go {
	position: absolute;
	margin-top:8px;
	margin-left: 390px;
	margin-bottom: 4px;
	border: double;
	width:116px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	border: double;
	background:url(/pics/sendIt.jpg) no-repeat 0 0;
	display:block;
	cursor:pointer !important; cursor:hand;
}

#submit-go:hover {
	background-position:0 -26px;
}

#emailDiv {
	position: absolute;
	margin-top:16px;
	margin-left: 3px;
	margin-bottom: 4px;
	width:216px;
	height:36px;
	overflow:hidden;
	display:block;
}