html, body {
	margin:0px;
	background-color:#000000;
	/* color is only for debugging */
	color:#FFFFFF;
}
#header {
	background-color:#000000;
	background-image:url(../gfx/bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	width:100%;
	height:218px;
}
#logo {
	background-image:url(../gfx/logo.gif);
	background-repeat:no-repeat;
	background-position:bottom right ;
	width:190px;
	height:53px;
	padding:76px 0px 0px 40px;
}
#footer {
	height:150px;
	width:500px;
}




/* ------------------------------------------------------------ thumbs ---------- */

#thumbs {
	margin:0px 0px 0px 40px;
	background-image:url(../gfx/bg_thumbs.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:100px;
	background-color:#000;
}
#thumbs div {
	float:left;
}
#thumbs img {
	float:left;
	cursor:pointer;
	margin-right:10px;
}
#thumbs img:hover {
	filter:alpha(opacity=50); /* Internet Explorer */
	-moz-opacity: 0.50; /* Mozilla Browser */
	opacity: 0.50; /* Opera*/
}
.thumbs_img {
	border:solid 1px #000;
}
.thumbs_img_active {
	border:solid 1px #d6610b;
}



/* ------------------------------------------------------------ gallery ---------- */

#gallery {
	margin:0px 0px 5px 40px;
	height:350px;
	overflow:hidden;
	background-color:#000;
}
#gallery img{
	float:left;
	margin-right:20px;
	background-image:url(gfx/loader.gif);
    background-repeat:no-repeat;
    background-position: center center;
}




/* ------------------------------------------------------------ caption ---------- */

#caption {
	margin:0px 0px 0px 40px;
	height:10px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FFFFFF;
	font-size:9px;
	overflow:hidden;
	background-color:#000;
}
#caption div{
	float:left;
	margin-right:20px;
}




/* ------------------------------------------------------------ gallery info ---------- */

#gallery_info {
	margin:20px 0px 0px 40px;
	width:700px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FFFFFF;
	line-height:15px;
	font-size:11px;
	background-color:#000;
}




/* ------------------------------------------------------------ navigation #01 ---------- */

#nav {
	background-image:url(../gfx/bg_nav.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:21px;
	margin:38px 0px 0px 40px;
}
#nav div {
	margin-right:20px;
	float:left;
}

#nav_gallery		{ background-image:url(../gfx/nav/gallery.gif); }
#nav_gallery_activ,
#nav_gallery:hover	{ background-image:url(../gfx/nav/gallery_ro.gif); }

#nav_about			{ background-image:url(../gfx/nav/about.gif); }
#nav_about_activ,
#nav_about:hover	{ background-image:url(../gfx/nav/about_ro.gif); }

#nav_clients		{ background-image:url(../gfx/nav/clients.gif); }
#nav_clients_activ,
#nav_clients:hover	{ background-image:url(../gfx/nav/clients_ro.gif); }

#nav_login		{ background-image:url(../gfx/nav/login.gif); }
#nav_login:hover	{ background-image:url(../gfx/nav/login_ro.gif); }




/* ------------------------------------------------------------ navigation #02 ---------- */

#subnav {
	background-image:url(../gfx/bg_subnav.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:29px;
	margin:0px 0px 0px 40px;
}
#subnav div {
	margin-right:20px;
	float:left;
}

#subnav_corporate			{ background-image:url(../gfx/nav/gallery_corporate.gif); }
#subnav_corporate_activ,
#subnav_corporate:hover		{ background-image:url(../gfx/nav/gallery_corporate_ro.gif); }

#subnav_fashion				{ background-image:url(../gfx/nav/gallery_fashion.gif); }
#subnav_fashion_activ,
#subnav_fashion:hover		{ background-image:url(../gfx/nav/gallery_fashion_ro.gif); }

#subnav_location			{ background-image:url(../gfx/nav/gallery_location.gif); }
#subnav_location_activ,
#subnav_location:hover		{ background-image:url(../gfx/nav/gallery_location_ro.gif); }

#subnav_portraits			{ background-image:url(../gfx/nav/gallery_portraits.gif); }
#subnav_portraits_activ,
#subnav_portraits:hover		{ background-image:url(../gfx/nav/gallery_portraits_ro.gif); }

#subnav_weddings			{ background-image:url(../gfx/nav/gallery_weddings.gif); }
#subnav_weddings_activ,
#subnav_weddings:hover		{ background-image:url(../gfx/nav/gallery_weddings_ro.gif); }

#subnav_mitzvahs			{ background-image:url(../gfx/nav/gallery_mitzvahs.gif); }
#subnav_mitzvahs_activ,
#subnav_mitzvahs:hover		{ background-image:url(../gfx/nav/gallery_mitzvahs_ro.gif); }

#subnav_personal		    { background-image:url(../gfx/nav/gallery_personal.gif); }
#subnav_personal_activ,
#subnav_personal:hover	    { background-image:url(../gfx/nav/gallery_personal_ro.gif); }




/* ------------------------------------------------------------ text ---------- */

.text {
	padding:1px 0px 0px 40px;
	width:520px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FFFFFF;
	line-height:15px;
	font-size:11px;
}
.headline {
	padding:0px 0px 0px 23px;
	background-image:url(../gfx/marker.gif);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
.testimonials {
	text-decoration:overline;
	line-height:25px;
}
.gallery_info {
	padding:1px 0px 0px 0px;
	width:520px;
	font-family:Arial, Helvetica, Verdana, sans-serif;
	color:#FFFFFF;
	line-height:15px;
	font-size:11px;
}






/* ------------------------------------------------------------ links ---------- */


a:link {
	color:#df6000;
	text-decoration:none;
	outline:none;
} 
a:visited {
	color:#df6000;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#df6000;
	text-decoration:underline;
	outline:none;
} 
a:active {
	color:#df6000;
	text-decoration:underline;
	outline:none;
}
a:focus {
	outline:none;
}