* {
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: 50%;
top: 50%;
width: 760px;
height: 500px;
margin-left: -380px; /* half of width */
margin-top: -250px;  /* half of height */
}

#header {
height:45px;
width:745px;
padding-top:15px;
padding-left:15px;
text-align:left;
}

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

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

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

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

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

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

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

.item_noj {
width:726px;
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:730px;
height:350px;
float:left;
}

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

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

.itemDescription {
z-index:2;
width:708px;
background-color:#FFFFFF;
padding:10px;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
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:730px;
margin-left:15px;
margin-right:15px;
clear:both;
padding-top:8px;
height:22px;
}

.buttons a {
padding-left:8px;
padding-right:8px;
padding-top:4px;
padding-bottom:4px;
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:8px;
display:block;
float:left;
margin-right:1px;
color:#858585;
text-decoration:none;
}

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

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

.buttons .right a {
float:right;
}

#contactform {
font-size:12px;
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:4px;
height:14px;
}

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

#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:315px;
}

#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;
}