@charset "UTF-8";
/* CSS Document */

body {
	font: 65%/120% Arial, Helvetica, sans-serif;
	background:#000;
	color:#CCC;
}
#container {
	position:relative;
	margin: 0 auto;	
}
#header {
	background-color:#000;
	position:fixed;
	padding:10px;	
	width: 1000px;
	z-index:10;
}
#navigation {
	position:fixed;
	left:0px;
	top:150px;
	padding:2px;
	color:#EEE;
	background-color:#000;
	width: 200px;
	height: 550px;
	z-index:10;
}
#mainSiteNavigation {
	float:left;
	position:fixed;
	top:10px;
	left: 370px;
	width: 75px;
	z-index:15;
}
#siteNavigation {
	background-color:#000;
	list-style-type:none;
	padding-left: 10px;
	border-left: 1px solid #666;
	height:80px;
}
#siteNavigation li a, #siteNavigation li a.visited {
	display:block;
	font: 1.0em Arial, Helvetica, sans-serif;
	padding: 2px 0;
	color: #CCC;
	text-decoration:none;
}
#siteNavigation li a:hover {
	text-decoration:underline;
	color: #3CC;
}
.active {
	padding: 2px 0;
	color: #333;
}

.photographs-portfolio {
	width: 3000px;	
}
.photographs-portraits {
	width: 12600px;	
}
.photographs-landscapes {
	width: 11000px;	
}
.photographs-food {
	width: 8500px;	
}
.photographs-events {
	width: 6500px;	
}
.photographs-weddings {
	width: 3000px;	
}
.photographs-panoramas {
	width: 19200px;	
}
.photographs-brickworks {
	width: 3100px;	
}
.photographs-devils {
	width: 4100px;	
}
.photographs-rogers {
	width: 3900px;	
}
.photographs-phiphi {
	width: 2800px;	
}
.photographs-disney {
	width: 3100px;	
}
.photographs-arashiyama {
	width: 2500px;	
}
.photographs-osaka {
	width: 3900px;	
}
.photographs-miyajima {
	width: 8400px;	
}
#photographs {
	list-style-type:none;
	position:absolute;
	left:0px;
	top:150px;
	z-index:5;
}
#photographs li {
	display:inline;
	padding: 0 40px;
}
#photographs div {
	float: left;
	padding: 0 60px;
}
#panoramas-intro {
	background-color:#000;
	color: #366;
	font-size: 1.2em;
	margin-left:250px;
	position:absolute;
	top:155px;
	width: 800px;
	z-index:0;
}
#panoramas-intro td {
	font: 0.9em Arial, Helvetica, sans-serif;
	padding:5px 20px 0 20px;
	vertical-align:top;
}
#panoramas-intro h4 {
	color:#999;	
}
#panoramas-list {
	list-style-type:none;	
}
#panoramas-list li {
	padding:10px 0;	
}
.portraitName {
	padding:0;
	margin:0;
}
.portraitTitle {
	font-style:oblique;
	padding-top:0;
	margin-top:0;
}
.menu {
	list-style-type:none;
	margin:7px 0;
	padding:0;
}

.menu li.current {
	color:#333;
	background-color:#CCC;	
	display:block;
	font: 1.4em helvetica, arial, sans-serif;
	width: auto;
	padding:10px 15px;
	border-bottom: 1px dotted #333;
}
.menu li a {
	display:block;
	font: 1.4em helvetica, arial, sans-serif;
	width: auto;
	padding:10px 15px;
	color:#333;
	text-decoration:none;
	border-bottom: 1px dotted #333;
}
.menu li a:hover {
	color: #F90;
	background-color:#333;
}

h1 {
	font:2.6em/1.2em helvetica, arial, sans-serif;
	color:#FFF;
	margin:0;
	padding:0;
}
h4 {
	font:1.4em/1.2em arial, helvetica, sans-serif;
	margin:0;
	padding:0;
}
p {
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
	margin-top:0;
	padding-top:0;
}
td p {
	text-transform:uppercase;
	color: #666;
	line-height:1.4em;
}
em {
	font: Arial, Helvetica, sans-serif;
	font-style:italic;
}