* {
margin:0;
padding:0;
}

html, body {
	background-color:#FFFFFF;
	font-size:12px;
	font-family:Arial;
	text-align:center;
	color:#565656;
	height: 100%;
	padding: 0;
	margin: 0;
}

DIV.page
{
position: absolute;
left: 48%;
top: 40%;
width: 900px;
height: 500px;
margin-left: -450px; /* half of width */
margin-top: -250px;  /* half of height */
}

#header {
height:50px;
width:900px;
padding-top:18px;
padding-left:14px;
text-align:left;
}

h1, h1 a, h1 a:hover {
	font-weight:normal;
	color:#dbdbdb;
	text-decoration:none;
}

h1 a span {
	font-weight:normal;
	color:#9f9f9f;
	text-decoration:none;
	font-size: 26px;
}

#header h2 {
	font-weight:normal;
	color:#dbdbdb;
	margin-top:-3px;
	font-size: 12px;
}

#about, #contact {
width:880px;
margin-left:15px;
margin-right:15px;
padding:10px;
height:330px;
clear:both;
display:none;
text-align:left;
border:1px solid #dfdbd5;
}

#portfolio_noj {
width:900px;
margin-left:15px;
margin-right:15px;
padding-top:10px;
overflow:hidden; 
position: relative;
clear:both;
text-align:left;
}

#portfolio {
	width:900px;
	height:350px;
	margin-left:15px;
	margin-right:15px;
	overflow:hidden;
	position: relative;
	clear:both;
	border:1px solid #dfdbd5;
	text-align:left;
}

#portfoliostrip {
width:4700px;
height:350px;
position:absolute;
}

.item_noj {
width:900px;
clear:both;
margin-bottom:10px;
border:1px solid #dfdbd5;
}

.item_noj h2, .item_noj p {
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

.item_noj h2 {
padding-top:10px;
}

.item {
width:900px;
height:350px;
float:left;
}

.itemImage {
z-index:1;
width:900px;
height:350px;
overflow:hidden;
position:absolute;
}

.itemDescription_noj {
z-index:2;
width:880px;
background-color:#FFFFFF;
padding:10px;
text-align:left;
}

.itemDescription {
	z-index:2;
	width:880px;
	background-color:#FFFFFF;
	padding:10px;
	filter:alpha(opacity=60);
	opacity: 0.8;
	-moz-opacity:0.8;
	position:absolute;
	bottom:0px;
	text-align:left;
}

h2 {
color:#9f9f9f;
font-weight:normal;
font-size:20px;
padding-bottom:5px;
}

p {
color:#565656;
line-height:20px;
}

a {
color:#858585;
text-decoration:none;
}

a:hover {
color:#999999;
text-decoration:underline;
}

a:active, a:focus {
outline: none;
-moz-outline-style: none;
}

.buttons {
width:900px;
margin-left:15px;
margin-right:15px;
clear:both;
padding-top:8px;
height:22px;
}

.buttons a {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
background-color:#e6e6e6;
display:block;
float:left;
margin-right:1px;
color:#858585;
text-decoration:none;
}

.buttons a:hover {
background-color:#cfcfcf;
text-decoration:none;
}

.buttons a.active {
background-color:#cfcfcf;
padding:4px;
display:block;
float:left;
margin-right:1px;
color:#858585;
text-decoration:none;
}

.buttons .left {
float:left;
width:400px;
}

.buttons .right {
float:right;
width:400px;
}

.buttons .right a {
float:right;
}

#contactform {
font-size:10px;
color:#9f9f9f;
padding-top:10px;
padding-left:10px;
}

#contactform .line {
clear:both;
padding-top:5px;
padding-bottom:5px;
}

.input {
background-color:#FFFFFF;
border:1px solid #666666;
float:left;
width:300px;
padding:10px;
height:10px;
}

.textarea {
background-color:#FFFFFF;
border:1px solid #666666;
float:left;
width:300px;
padding:10px;
}

#sendbutton {
background-color:#333333;
border:none;
color:#FFFFFF;
width:100px;
font-family:Arial;
font-size:12px;
padding:4px;
margin-top:5px;
float:left;
margin-left:328px;
}

#sendbutton:hover {
background-color:#333333;
color:#CCCCCC;
}

.input_caption {
float:left;
width:100px;
text-align:right;
padding-top:5px;
padding-bottom:5px;
padding-right:6px;
}