@charset "UTF-8";
/* CSS Document */
body{font:Helvetica,Arial, sans-serif;
font-size:10px;
color:#000000;
}
a {color:#000000;
text-decoration:none;}

a:hover {color:#adadad;text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}


.main{
width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
border:#000000 thin solid;
}
.header{ 
background-image:url(images/graphics/header_ja-photo-logo.gif);
width:900px;
height:45px;
}
.index_link{
float:left;
}
.body{
width:900px;
height:530px;
margin-left:auto;
margin-right:auto;
}
.footer{ 
width:900px;
height:auto;
font-family:Helvetica, Arial, sans-serif;
font-size:10px;
color:#000000;
text-align:right;
margin-top:14px;
margin-right:10px;
padding-bottom:2px;
}
.email{
margin-right:10px;
}


ul.nav,
.nav ul{
/*Remove all spacings from the list items*/
	margin: 25px 0px 0px 0px;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	float:right;
}

ul.nav{
	display: table;
	font-family:Helvetica, Arial, sans-serif;
    font-size:11px;
}
ul.nav>li{
	display: inline;
	position: right;
	padding: 3px 8px 0px 0px;
}

ul.nav>li:hover{
	padding-right: absolute;
} 
ul.nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	max-width: absolute;
	margin-left: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
ul.nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
	position: absolute;
}
.nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 0px 0px;
}

/*** Menu colors (customizable) ***/

ul.nav,
.nav ul,
.nav ul li a{
	background-color: #ffffff;
	color: #000000;
}


ul.nav li:hover,
.nav ul li a:hover{
	background-color: #ffffff;
	color: #adadad;
}

ul.nav li:active,
.nav ul li a:active{
	background-color: #ffffff;
	color: #adadad;
}

ul.nav,
.nav ul{
	border: 0px solid #ffffff;
}

.nav a{
	text-decoration: none;
}
.nav a:visited{
	color: #000000;
}
.nav a:active{
	color: adadad;
}

.scroll{
height:540px;
width:880px;
margin:5px;
overflow:auto;
}
.inner_scroll{
width:13100px;
height:520px;
}
.inner_scroll_port2{
width:10525px;
height:520px;
}
.inner_scroll_action{
width:15275px;
height:520px;
}
.inner_scroll_projects_couples{
width:5950px;
height:520px;
}
.inner_scroll_projects_theresa{
width:8000px;
height:520px;
}
.inner_scroll_polaroids{
width:8400px;
height:520px;
}
.inner_scroll_tears{
width:13100px;
height:520px;
}