@import url("../style.css");
* {
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 {
	width:745px;
	padding-top:28px;
	padding-left:15px;
	text-align:left;
}

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

h1 a span {
	font-weight:normal;
	color:#CCD1B4;
	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:5000px;
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:150px;
	background-color:#FFFFFF;
	filter:alpha(opacity=80);
	opacity: 0.65;
	-moz-opacity:0.65;
	position:absolute;
	bottom:0px;
	text-align:left;
	height: 340px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

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_top {
	width:730px;
	margin-left:-5px;
	margin-right:15px;
	clear:both;
	padding-top:8px;
	height:22px;
}

.buttons_top a {
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	float:left;
	margin-right:6px;
	color:#B0B6B3;
	text-decoration:none;
}

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

.buttons_top a.active {
background-color:#cfcfcf;
padding:8px;
display:block;
float:left;
margin-right:1px;
color:#858585;
text-decoration: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;
	display:block;
	float:left;
	margin-right:3px;
	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_bot {
	width:160px;
	margin-left:15px;
	clear:both;
	padding-top:0px;
	height:30px;
	border: none;
	float: right;
	margin-top: 7px;
	display: block;
}

.buttons_bot a {
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	float:left;
	margin-right:3px;
	color:#858585;
	text-decoration:none;
}

.buttons_bot a:hover {
text-decoration:none;
}

.buttons_bot a.active {
padding:8px;
display:block;
float:left;
margin-right:1px;
color:#858585;
text-decoration:none;
}

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

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

.buttons .right a {
	float:right;
}
.buttons .right a:link {
}      /* unvisited link */
.buttons .right a:visited {
}  /* visited link */
.buttons .right a:hover {
}  /* mouse over link */
.buttons .right a:active {border:none}  /* selected link */

#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;
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;
}
#lite {
	font-weight:normal;
	color:#B9CFC5;
	text-decoration:none;
}
#grey{
	font-weight:normal;
	color:#CCC;
	text-decoration:none;
}
#port {
}
.portfolioBtn {border: thin solid #BBB;}
.portfolioBtn1 {border: thin solid #BBB;}
.portfolioBtn2 {
	border: thin solid #BBB;
}
.portfolioBtn3 {border: thin solid #BBB;}
.portfolioBtn4 {border: thin solid #BBB;}
.portfolioBtn5 {border: thin solid #BBB;}
.aboutBtn {border: thin solid #BBB;}
.contactBtn {border: thin solid #BBB;}
#header .pages {
}
.pages {
	float:left;
	border:none;
}
.pages a {		border:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	margin-right:3px;
	text-decoration:none;}
.pages a:link {		border:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	margin-right:3px;
	text-decoration:none;}      /* unvisited link */
.pages a:visited {		border:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	margin-right:3px;
	text-decoration:none;}  /* visited link */
.pages a:hover {	border:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	margin-right:3px;
	text-decoration:none;background:#BBB; color: #FFFFFF}  /* mouse over link */
.pages . active {border:none;
	padding-left:8px;
	padding-right:8px;
	padding-top:4px;
	padding-bottom:4px;
	display:block;
	margin-right:3px;
	text-decoration:none;background:#BBB; color: #FFFFFF}  /* selected link */
#header_nav {
	margin-bottom: 5px;
	height: 22px;
	border:none;
}
#portfolioBtn_hide {
	visibility:hidden;
	display: none;
}
.right img {
	border: none;
}
#facebook {
	float: left;
}
.buttons_bot .right a {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}