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


body {
	padding:0;
	margin:0;
	font-family:"Trebuchet MS",Verdana,Arial, Helvetica,Sans-Serif;
	/*font-size:7pt;*/
	color:#000000;
}

body {
font: 91.1%/1.1 "Trebuchet MS",Verdana,Arial, Helvetica,Sans-Serif;
}
html.webkit body {
font-size:106.1%;
}
html.chrome body {
font-size:94.1%;
}
a {
	border:none;
	text-decoration:none;
}
h1 {
	font-size:0.8em;
	margin-top:0px;
	padding-top:0px;
}
p {
	font-size:0.7em;
}

#site {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-422px;
	margin-top:-251px;
	width:844px;
	height:502px;
}
#header {
	border-top:1px solid #FFFFFF;
	width:844px;
	height:70px;
	}
#new-york-photography {
	background:url(../lay/new_york_photography.png) 0 0  no-repeat;
	height:0px;
	padding-top:18px;
	overflow:hidden;
	width:160px;
	float:left;
}
#dmz-logo {
	width:133px;
	height:60px;
	float:right;}
#dmz-logo a {
display:block;
	background:url(../lay/dmz-logo.png) 0 0  no-repeat;
	height:0px;
	padding-top:60px;
	width:133px;
	overflow:hidden;

	}
#bg_out {
top:0px;
left:0px;
position:relative;
height:384px;
width:844px;
overflow:visible;
	background-color:#000000;
	}
#BG {
	top:0px;
	left:0px;
	position:relative;
	width:844px;
	height:390px;

	color:#FFFFFF;
	overflow:hidden;
}
.boxes {
	
	position:absolute;
	bottom:0px;
	right:0px;
	height:100px;
	width:100px;
	z-index:10;

	
	}
#about {
	bottom:6px;
	width:334px;
	
	height:284px;
	background-color:#009ee0;
	background:url(../lay/about_bg.png);
	}
#aboutinner {
	padding:7px;
	text-align:left;
	}
#aboutinner p { width:230px;}
#news {
	bottom:6px;
	width:423px;
	height:200px;
	background-color:#b8ff00;
	background:url(../lay/news_bg.png);}
#newsinner {
	padding:0px;
	width:200px;
	position:absolute;
	height:auto;
	right:4px;
	text-align:left;
	}
#contact {
	bottom:6px;
	background-color:#660033;
	background:url(../lay/contact_bg.png);}
	
#contactinner {padding:7px;
	margin:auto;
	width:200px;}
#contactinner a {color:#CCCCCC;}
#contactinner a:hover {color:#999999;}
#contactinner a:active {color:#666666;}

#client  {
	bottom:6px;
	right:200px;
	background-color:#cc3300;
	background:url(../lay/client_bg.png);}
#clientinner {
	padding:7px;}



#pictures {
top:0px;
	overflow:hidden;
	width:844px;
	height:384px;
	background-color:#000000;
	z-index:1;
	
	}
	
#pictures  li { display: inline; float:left;}

.photos {
	padding-top:384px;
	width:844px;
	height:0px;
	overflow:hidden;
	z-index:2;}

.thumb {
	width:64px;
	height:64px;
	overflow:hidden;
	/*background-color:#CCCC33!important;*/

	 background-position:0 29px !important;
	margin-right:11.5px;
	cursor:pointer;
	}
/*	transparent50*/
.thumb a {
margin-top:29px;
padding-top:40px;
width:64px;
display:block;
height:0px;

background:url(../lay/transparent50.png);}

.thumb a:hover {background-image:url(../lay/transparent.gif);}
.thumb a:hover .settext {display:block}
#bg-pictures {z-index:1;top:0;left:0px}
.bg-photos {
top:0px;
	padding-top:384px;
	width:844px;
	height:0px;
	overflow:hidden;
	z-index:1!important;}	
	

#picturelist {
	width:763px;
	height:69px;
	cursor:pointer;

}
ul {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
margin:0px;
	padding-left:0px;
	}
.pictures-ul {
	width:775px;
	height:69px;
	}

#thumb-sets {
	
	background-color:#00fff0;
	background:url(../lay/picturelist_bg.png);

}

#picturelist li {	float:left;
	height:69px;
/*	overflow:hidden;*/

overflow:visible;
	
	 display:inline-block }
#footer {margin-top:6px;
	position:relative;
	height:50px;
	width:844px;
}

#footer #cursor a {

	background:url(../lay/cursor.png) 0px 0px no-repeat;
	height:0px;
	padding-top:50px;
	overflow:hidden;
	width:69px;
	float:left;
}
#footer #cursor a:link { background-position:0 0px;}
#footer #cursor a:hover { background-position:0 -50px;}
#footer #cursor a:active { background-position:0 -100px;}


#footer #right-footer {
	float:right;
	}
#footer #right-footer #menu {margin-top:33px;}
#footer #right-footer #menu  li { display: inline; float:left;}
#footer #right-footer #menu  li a {
	background:url(../lay/menu.png) no-repeat;
	float:left;
	height:0pt;
	overflow:hidden;
	padding-top:13px;
}


#footer #right-footer #menu li#fm-about a {width:76px;	background-position: 0 0; }
#footer #right-footer #menu li#fm-news a {width:44px;	background-position: -76px 0; }
#footer #right-footer #menu li#fm-client a {width:52px;	background-position: -120px 0 ; }
#footer #right-footer #menu li#fm-contact a {width:69px;	background-position: -172px 0; }

#footer #right-footer #menu li#fm-about a:link {background-position: 0 0; }
#footer #right-footer #menu li#fm-news a:link {background-position: -76px 0; }
#footer #right-footer #menu li#fm-client a:link {background-position: -120px 0 ; }
#footer #right-footer #menu li#fm-contact a:link {background-position: -172px 0; }

#footer #right-footer #menu li#fm-about a:hover {background-position: 0 -13px; }
#footer #right-footer #menu li#fm-news a:hover {background-position: -76px -13px; }
#footer #right-footer #menu li#fm-client a:hover {background-position: -120px -13px; }
#footer #right-footer #menu li#fm-contact a:hover {background-position: -172px -13px; }

#footer #right-footer #menu li#fm-about a:active {background-position: 0 -26px; }
#footer #right-footer #menu li#fm-news a:active {background-position: -76px -26px; }
#footer #right-footer #menu li#fm-client a:active {background-position: -120px -26px; }
#footer #right-footer #menu li#fm-contact a:active {background-position: -172px -26px; }

#footer.about #right-footer #menu li#fm-about a{background-position: 0 -39px!important; }
#footer.news #right-footer #menu li#fm-news a {background-position: -76px -39px!important; }
#footer.client #right-footer #menu li#fm-client a {background-position: -120px -39px!important; }
#footer.contact #right-footer #menu li#fm-contact a {background-position: -172px -39px!important; }
#footer.picturelist #cursor a {background-position: 0px -150px!important; }

.arrow {
	position:absolute;
	margin-top:185px;
	
	z-index:11;
	}
div#leftarrow {left:69px;height:14px;width:14px;}
div#leftarrow a {padding-top:14px;

	background:url(../lay/cursor_small.png) no-repeat 0 0;
	overflow:hidden;
	height:0px;
	width:14px;
		font-size:0px;
	text-decoration:none;
	display:block;
}
div#rightarrow {right:69px;height:14px;width:14px;}
div#rightarrow a {padding-top:14px;
	width:0px;
	background:url(../lay/cursor_small.png) no-repeat -14px  0;
	overflow:hidden;
	height:0px;
	width:14px;
	font-size:0px;
	text-decoration:none;
	display:block;
}
div#leftarrow a:hover {background-position:0 -14px!important}
div#rightarrow a:hover {background-position:-14px -14px!important}
div#leftarrow a:active {background-position:0 -28px!important}
div#rightarrow a:active {background-position:-14px -28px!important}

.side {position:absolute;
	background-image:none;
	background-color:transparent;
	width:422px;
	height:383px;}
#leftside{left:0px;}
#rightside{right:0px;}

.settext {
	display:none;
	color:#CCCCCC;
	height:120px;
	width:100px;
	border-left:1px solid #cccccc;
	padding-left:2px;
	position:relative;
	margin-top:-120px;
	font-size:0.7em;
}
#copy {
	display:none;
	padding-top:2px;
	text-align:left;
	color:#808080;
	font-size:0.7em;
	
	padding-bottom:0.2em;}
#trashp  {
	margin-top:1px;
	display:block;
	text-align:left;
	color:#808080;
	font-size:0.7em;}
#trashp span {
	float:left;
	display:block;
	padding-right:2px;
}
	
#trashp a {
	display:block;
	height:0px;
	width:77px;
	padding-top:12px;

	color:#000000;
	font-size:0.7em;
	overflow:hidden;
	background-image:url(../lay/trashpixels.png);
	background-repeat:no-repeat;
	}
#trashp a:hover {background-position:0px -12px;}
#trashp a:active {background-position:0px -21px;}

#fu {
	padding-top:55px;
	position:absolute;
	top:50%;
	margin-top:251px;
	left:50px;
	bottom:0px;
	margin-bottom:0px;
	width:200px;

	height:auto;
	left:50%;
	margin-left:-422px;
	width:844px;
	
	display:table-cell;
	vertical-align:middle;
	}