* {
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: 577px;
	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:#9f9f9f;
	margin-top:-5px;
}
#about  {
	width:708px;
	margin-left:15px;
	margin-right:15px;
	padding:10px;
	height:430px;
	clear:both;
	display:none;
	text-align:left;
	border:1px solid #dfdbd5;
	overflow-y: scroll;
}
#friends  {
	width:708px;
	margin-left:15px;
	margin-right:15px;
	padding:10px;
	height:430px;
	clear:both;
	display:none;
	text-align:left;
	border:1px solid #dfdbd5;
	overflow-y: scroll;
}
#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:450px;
margin-left:15px;
margin-right:15px;
overflow:hidden; 
position: relative;
clear:both;
border:1px solid #dfdbd5;
text-align:left;
}

#portfoliostrip {
width:50000px;
height:450px;
position:absolute;
}

.item_noj {
width:726px;
clear:both;
margin:40px 0 100px 0;
border:1px solid #dfdbd5;
display:table;
height:1%;
}

.item_noj .pics {
display:block;
height:450px;
width:726px;
overflow-y: scroll;
overflow-x: hidden;
}

.item_noj img {
clear:both;
overflow: hidden;
display:block;
}

.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:450px;
float:left;
}

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

.itemImage img {
border:none;
}

.item1Gallery a img, 
.item2Gallery a img, 
.item3Gallery a img, 
.item4Gallery a img, 
.item5Gallery a img, 
.item6Gallery a img, 
.item7Gallery a img, 
.item8Gallery a img, 
.item9Gallery a img, 
.item10Gallery a img, 
.item11Gallery a img, 
.item12Gallery a img, 
.item13Gallery a img, 
.item14Gallery a img, 
.item15Gallery a img {
display:none;
}

.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=80);
opacity: 0.8;
-moz-opacity:0.8;
position:absolute;
bottom:0px;
text-align:left;
max-height:150px;
overflow-y: scroll;
}

.itemDescription p {
padding:0 0 10px 0;
}

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

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

.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;
}
#contact  {
	width:708px;
	margin-left:15px;
	margin-right:15px;
	padding:10px;
	height:430px;
	clear:both;
	display:none;
	text-align:left;
	border:1px solid #dfdbd5;
}