body 
{
	background-color: #3f3f3f;
	background-image: url(../images/gradient.gif);
	background-repeat: repeat-x;
	text-align: center;
}

.noGradient
{
	background-color: #202020;
	background-image: none;
}

img {
	border: 0px;
}

/************* HEADER ***********/

#header {
	position: absolute;
	top: 0px;
	left: 5px;
	z-index:2000;
}

#title 
{
	background-image: url(../images/tabbedTitle.png);
	width:624px;
	height:95px;
	position:relative;
	top:0px;
	left:-15px;
	z-index:2100;
}

#title span { display: none; }

#title a 
{
	width: 624px;
	height: 40px;
	display: block;
}

#aboutMe {
	background-image: url(../images/aboutSlide.png);
	position: absolute;
	width: 498px;
	height: 570px;
	top: 50px;
	left:50px;
	z-index:1990;
	display: none;
}

#aboutMe a {
	width: 498px;
	height: 570px;
}

/********** NAVIGATION ****************/

#navigation {
	position: absolute;
	width: 400px;
	height: 30px;
	left: 600px;
	top: 0;
	z-index:5000;
}

#tabs {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}

#tabs li,
#tabs a 
{
	height: 30px;
	display: block;
}

#tabs li 
{
	width: 12px;
	float: left;
	list-style: none;
	display: inline;
}

#tabs a {
	background:url(../images/marker.png) -3px -0px no-repeat;
	width: 18px;
	height: 30px;
	display: block;
}

#tabs li a.selectedTab,
#tabs li a:hover { 
	background: url(../images/marker.png) -3px -30px no-repeat; 
}


/************* LARGE MENU TAB ***********/

#menu 
{
	background:url(../images/menu.png) no-repeat;
	width: 557px;
	height: 22px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 47px;
	left: 20px;
	z-index: 2100;
}

#menu span 
{
	display: none;
}

#menu li,
#menu a 
{
	height: 22px;
	display: block;
}

#menu li 
{
	float: left;
	list-style: none;
	display: inline;
}

#portraitsButton { width: 72px; }
#weddingsButton { width: 85px; }
#musicButton { width: 70px; }
#childrenButton { width: 80px; }
#foodButton { width: 52px; }
#urbanButton { width: 59px; }
#travelsButton { width: 65px; }
#aboutMeButton { width: 74px; }

#portraitsButton a.selectedItem, 
#portraitsButton a:hover { background: url(../images/menu.png) 0px -23px no-repeat; }

#weddingsButton a.selectedItem,
#weddingsButton a:hover { background: url(../images/menu.png) -72px -23px no-repeat; }

#musicButton a.selectedItem,
#musicButton a:hover { background: url(../images/menu.png) -157px -23px no-repeat; }

#childrenButton a.selectedItem,
#childrenButton a:hover { background: url(../images/menu.png) -227px -23px no-repeat; }

#foodButton a.selectedItem,
#foodButton a:hover { background: url(../images/menu.png) -307px -23px no-repeat; }

#urbanButton a.selectedItem,
#urbanButton a:hover { background: url(../images/menu.png) -359px -23px no-repeat; }

#travelsButton a.selectedItem,
#travelsButton a:hover { background: url(../images/menu.png) -418px -23px no-repeat; }

#aboutMeButton a.selectedItem,
#aboutMeButton a:hover { background: url(../images/menu.png) -483px -23px no-repeat; }

#menuButton {
	background:url(../images/closeButton.png) no-repeat;
	width: 60px;
	height: 64px;
	position: absolute;
	left: -10px;
	top: 45px;
	z-index: 2600;
}

/********** PHOTOS **********/

.photo
{
	position:absolute;
	top:50%;
	left:50%;
	display: none;
}

.verticalImage 
{
	margin-right: 20px;
	border: solid 1px white;
}

.horizontalImage 
{
	border: solid 1px white;
}

#loading {
	z-index:4000;
}

.photoHome
{
	position:absolute;
	top:50%;
	left:50%;
	width: 991px;
	height: 430px;
	display: none;
	margin-left:-495px;
	margin-top:-215px;
}

/************ NAVIGATION **************/

#leftTile {
	position: absolute;
	width: 30%;
	height: 85%;
	top: 13%;
	left: 0%;
}

#leftArrow {
	position: absolute;
	width: 146px;
	height: 186px;
	top: 43%;
	left: 28%;
	margin-left: -73px;
	margin-top: -93px;
	display: none;
}

#rightTile {
	position: absolute;
	width: 30%;
	height: 85%;
	top: 13%;
	left: 69%;
}

#rightArrow {
	position: absolute;
	width: 146px;
	height: 186px;
	top: 43%;
	left: 75%;
	margin-left: -73px;
	margin-top: -93px;
	display: none;
}

.navigationTile {
	background-image: url(../images/transparentTile);
	background-repeat:repeat;
	z-index:1970;
}