.topit {z-index:60; position:absolute; top:556px; float:left; height:16px; white-space: nowrap; padding-left:3px; padding-right:3px;}

img {outline:none; border:none;}

body {margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 10px;
	background-color: #ffffff;
overflow-y: hidden;}

.topbar {position:relative;
	min-width: 766px;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	width: auto;
	height: 43px;
	z-index:3;
	top:0px;
		outline:none;}




		/* =NAVIGATION
		--------------------- */
		ul#container li.navigation{ 
			position:relative; float:left; 
			height:500px;  /* ! height must be the same with the height of the pictures you will be using */
			width:300px; 
			margin-right:25px; 
			background-color:#EDEFF0; 
		}
	
			#logo{ 
				position:absolute; top:48px; left:28px; 
			}
			
			ul#nav{ 
				position:absolute; top:118px; left:0;
				width:292px; height:47px; 
				padding:14px 0 0 15px; 
				background:url(images/bg-nav.png) no-repeat top right;
				list-style-type:none;
			}
				
				ul#nav li{ 
					float:left; 
					padding:13px 0 0 8px; 
					color:#ffffff; 
				}
				
				ul#nav li a{ 
					font-size:18px; color:#ffffff;
					text-decoration:none; letter-spacing:-0.5px; 
				}
				
				ul#nav li a:hover { color:#fff; text-decoration:underline; }
				ul#nav li a.active{ color:#fff; text-decoration:underline; }
			
			ul#nav-galleries{ 
				position:absolute; left:75px; top:210px;
				_left:60px;  _top:290px; /* IE6 Hack */
				
				list-style: inside; list-style-type:none;  
			}
			
				ul#nav-galleries li{ height:28px; }
				
				ul#nav-galleries li a{ 
					color:#8b8989;
					font-size:28px; letter-spacing:-2px;  
					text-decoration:none; text-transform:uppercase; 
				}
				
				ul#nav-galleries li a:hover { color:#000; }
				ul#nav-galleries li a.active{ color:#000; }








		/* =NAVIGATION TABS
		--------------------- */


#people
{
  display: block;
  width: 67px;
  height: 35px;
  background: url("../images/people.png") no-repeat 0 0;

}

#people:hover
{ 
  background-position: 0 -35px;
}

#people span
{
  display: none;
}

#commercial
{
  display: block;
  width: 102px;
  height: 35px;
  background: url("../images/commercial.png") no-repeat 0 0;

}

#commercial:hover
{ 
  background-position: 0 -35px;
}

#commercial span
{
  display: none;
}

#publication
{
  display: block;
  width: 102px;
  height: 35px;
  background: url("../images/publication.png") no-repeat 0 0;

}

#publication:hover
{ 
  background-position: 0 -35px;
}

#publication span
{
  display: none;
}

#weddings
{
  display: block;
  width: 82px;
  height: 35px;
  background: url("../images/weddings.png") no-repeat 0 0;

}

#weddings:hover
{ 
  background-position: 0 -35px;
}

#weddings span
{
  display: none;
}

#children
{
  display: block;
  width: 80px;
  height: 35px;
  background: url("../images/children.png") no-repeat 0 0;

}

#children:hover
{ 
  background-position: 0 -35px;
}

#children span
{
  display: none;
}


#lifestyle
{
  display: block;
  width: 58px;
  height: 35px;
  background: url("../images/other.png") no-repeat 0 0;

}

#lifestyle:hover
{ 
  background-position: 0 -35px;
}

#lifestyle span
{
  display: none;
}

#blog
{
  display: block;
  width: 46px;
  height: 35px;
  background: url("../images/blog.png") no-repeat 0 0;

}

#blog:hover
{ 
  background-position: 0 -35px;
}

#blog span
{
  display: none;
}


#store
{
  display: block;
  width: 59px;
  height: 35px;
  background: url("../images/store.png") no-repeat 0 0;

}

#store:hover
{ 
  background-position: 0 -35px;
}

#store span
{
  display: none;
}




#contact
{
  display: block;
  width: 80px;
  height: 35px;
  background: url("../images/contact.png") no-repeat 0 0;

}

#contact:hover
{ 
  background-position: 0 -35px;
}

#contact span
{
  display: none;
}


#twitter
{
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/links/twitter_32.png") no-repeat 0 0;

} 

#twitter:hover
{ 
  background-position: 0 0px;
}

#twitter span
{
  display: none;
}

#email
{
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/links/email_32.png") no-repeat 0 0;

} 

#email:hover
{ 
  background-position: 0 0px;
}

#email span
{
  display: none;
}


#facebook
{
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/links/facebook_32.png") no-repeat 0 0;

} 

#facebook:hover
{ 
  background-position: 0 0px;
}

#facebook span
{
  display: none;
}


#flickr
{
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/links/flickr_32.png") no-repeat 0 0;

} 

#flickr:hover
{ 
  background-position: 0 0px;
}

#flickr span
{
  display: none;
}


#navarrows
{
  display: block;
  width: 130px;
  height: 32px;
  background: url("../images/navarrows.png") no-repeat 0 4px;

} 

#navarrows:hover
{ 
  background-position: 0 4px;
}

#navarrows span
{
  display: none;
}


#spacer
{
  display: block;
  width: 13px;
  height: 13px;
  background: url("../images/px.png") no-repeat 0 0;

} 

#spacer:hover
{ 
  background-position: 0 0;
}

#spacer span
{
  display: none;
}



.navfloatleft {
	float:left;

}

.navfloatright {
float:right;


}

#navmenu ul
{
list-style: none;
padding: 0;
margin: 0;
} 


#navmenu li
{
float: left;
margin: 0 0.15em;
} 









.portfoliotitle {
	position:absolute;
	z-index:3;
	top:29px;

}


.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 100%;
	height:100%;

}

div.scrollable {
	width: 100%;
	z-index:1;
	position:absolute;
height:100%;
overflow: hidden;
}

div.scrollable div.items {
width:2000em;
position:absolute;
clear:both;}



div.scrollable div.items div {float:left;}

.fixedposition {position:fixed;}

.pics {
height:550px;
}

.titles{
height:16px;
margin:0px;
padding:0px;
}

div.items div.active { 
 
}

.scrollable .active {
	border:2px solid #fff;
	z-index:50;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	
}

.reflect {
padding-left:3px;
padding-right:3px;
}

.nopad {
padding-left:3px;
padding-right:3px; !important
}


a.browse {
	background-repeat: no-repeat;
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	z-index:201;
	top:40%;}
a.right {right:0px; background-image: url(../images/rightarrow.png);	}
a.left {left:0px; background-image: url(../images/leftarrow.png);	}
a.disabled {
	visibility:hidden !important;		
}