body, html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image: url('images/bg_grain.png');
	background-color: #222222;
	font-family: Verdana;
	font-size: 10px;
	color:	#727272;	
}

#corner_topleft {
	position:	absolute;
	left: 0px;
	top:	0px;
	background-image: url('images/vignette_topleft.png');
	background-repeat: no-repeat;
	width:	640px;
	height:	450px;
	behavior: url('/images/iepngfix.htc');
}

#corner_topright {
	position:	absolute;
	right: 0px;
	top:	0px;
	background-image: url('images/vignette_topright.png');
	background-repeat: no-repeat;
	width:	640px;
	height:	450px;
	behavior: url('/images/iepngfix.htc');
}

#corner_bottomleft {
	position:	fixed;
	left: 0px;
	bottom:	0px;
  _position:absolute;
  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	background-image: url('images/vignette_bottomleft.png');
	background-repeat: no-repeat;
	width:	640px;
	height:	450px;
	behavior: url('/images/iepngfix.htc');
}

#corner_bottomright {
	position:	fixed;
	right: 0px;
	bottom:	0px;
  _position:absolute;
  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);	
	background-image: url('images/vignette_bottomright.png');
	background-repeat: no-repeat;
	width:	640px;
	height:	450px;
	behavior: url('/images/iepngfix.htc');
}

#spotlight {
	position:	absolute;
	left: 50%;
	top:	0px;
	margin-left: -650px;
	background-image: url('images/spotlight.png');
	background-repeat: no-repeat;
	width:	980px;
	height:	600px;	
	behavior: url('/images/iepngfix.htc');
}

#container {
	position:	relative;
	left:	50%;
	float:	left;
	margin-left: -440px;
	width:	880px;
}

.pngfix {
	behavior: url('/images/iepngfix.htc');
}

#logo {
	background-image: url('images/logo.png');
	background-repeat: no-repeat;	
	background-position: 627px 0px;
	margin-top:	43px;
	float:	left;
	width:	880px;
	height: 60px;
	behavior: url('/images/iepngfix.htc');
}

#contentcontainer {
	margin-top:	35px;
	float:	left;
	width:	880px;
}

img {
	border: 0px;
}

#arrow_left {
	float: left;
	height: 409px;
	width: 16px;
}

#arrow_right {
	float: left;
	height: 409px;
	width: 16px;	
}

#content {
	float: left;
	height: 409px;
	width: 880px;	
}

#bottomcontentcontainer {
	margin-top:	25px;
	float:	left;
	width:	880px;
	margin-left:	24px;
}

#about {
	float:	left;
	width: 180px;
	padding-right: 40px;
	line-height:	15px;
	text-align:justify;
}

#experience {
	float:	left;
	width: 180px;
	padding-right: 40px;
	line-height:	15px;
	text-align:justify;
}

#contact {
	line-height:	15px;
	text-align:justify;
	float:	left;
	width: 400px;
	padding-right: 40px;	
}

#contactform td{
	padding:	0px 8px 8px 0px;
}

.smallinput {
	width: 141px;
	border: 0px;
	height:	16px;
	background-image: url('images/background_field.png');
	color: #727272;
	font-size:	10px;
	padding: 2px;
}

.biginput {
	margin: 0px;
	border: 0px;
	height:	106px;
	background-image: url('images/background_field.png');	
	width: 241px;
	overflow: auto;
	color: #727272;
	font-size:	11px;	
	padding: 2px;
}

.projectthumb {
	float: left;
	width: 189px;
	height: 395px;
	margin-left: 24px;
	background-color: #181818;
	padding: 7px 0px;
	display: none;
}

.animatedthumb {
	position: relative;
	margin: 0px;
	padding: 0px;
	width: 189px;
	height: 395px;
	cursor: pointer;	
}

.thumbimage {
	border: 0px;
	cursor: pointer;
}

.window {
	position: absolute;
	height: 480px;
	width: 880px;
	left: 50%;
	top: 120px;
	margin-left: -440px;
	display: none;
	z-index: 50;
}

#darkbackground {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: black;
	display: none;
  _position:absolute;
  _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);		
  z-index: 40;
  cursor: pointer;
}

.loader {
	margin-top: 150px;
	width: 880px;
	text-align: center;
}

.sent {
	margin-top: 80px;
	width: 100%;
	text-align: center;
}

.contacterror {
	display: none;
	float: left;
	margin-top: -32px;
	margin-left: -9px;
	padding: 0px;
}

#projectwindow {
	height: 480px;
	width: 880px;	
	display: none;
}
#pages {
	float: right;
	width: 70px;
	text-align: right;
}

.page {
	float: left;
	margin-right: 10px;
	height: 14px;
	width: 14px;
	padding: 1px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #999;
	text-align: center;
	background-image: url('images/page.png');
	cursor: pointer;
	behavior: url('/images/iepngfix.htc');
}

.page:hover {
	color: #FFF;
}

.currentpage {
	color: #EEE;
}

.imagebutton{
	cursor: pointer;
	behavior: url('/images/iepngfix.htc');
}

#projectwindowthumbs {
	position: absolute;
	background-image: url('images/thumbs_bg.jpg');
	display: none;
	top: 490px;
	max-width: 416px;
	left: 50%;
	margin-left: -12px;
	padding: 5px;
	background-color: white;
	z-index: -5;
}