/*
html {
	scrollbar-face-color: #367CD2;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
}
*/
body {
	padding:0;
	margin:0;
	font-family:Arial;
	font-size:9px;
	background-color:#0E0E0E
}
/* Index page Style */
#index{
	background-color:#000 !important;
	padding:10px 0 0 0;
}
#index-wrap{
	width:700px;
	padding:0 0 0 0px;
	margin:auto;
}
.index-header{
	font-size:11px;
	color:#fff;
	width:659px;
	font-weight:bold;
	padding:50px 0 0 0;
	margin:0 0 28px 0;
}
.index-slideshow{
}
.separator{
	width:100%;
	height:6px;
	clear:both;
}
.index-navigation{
	text-align:left;
	float:left;
	padding:0 0 0 0px;
}
.stanav{
	list-style:none;
	float:left;
	padding:0 8px 0 0px !important;
	border-right:1px solid #C6C6C6;
}
.index-navigation li{
	list-style:none;
	float:left;
	padding:0 8px 0 8px;
	border-right:1px solid #C6C6C6;
}
.endnav{
	border:0 !important;
	padding:0 0px 0 8px !important;
}
.index-navigation li a{
	color:#C6C6C6;
	text-decoration:none;
}
.index-navigation li a:hover{
	color:#fff;
	text-decoration:none;
}
/* End Index page Style */
/* Gallery Page Style */
#gallery-wrap{
	margin:0;
	padding:0px 0 0 0;
}
#gallery-wrap table{
	margin:0 0 10px 0;
}
#left{
	float:left;
	width:261px;
}
.block{

}
.nav-wrap{
	width:216px;
	height:600px;
	margin:0 0 0 20px; 
	/*background-color:#000;*/
	border-left:1px solid #282828;
	border-right:1px solid #282828;
	border-top:1px solid #282828;
}
.nav-wrap ul{
	margin:0 0 0 10px;
	padding:0;
}
.nav-wrap ul ul{
	margin:0 0 0 30px;
	padding:0;
}
.nav-wrap li{
	line-height:30px;
	list-style:none;
}
.nav-wrap ul ul li{
	line-height:30px;
	list-style:disc;
	color:#fff;
}
.nav-wrap a{
	text-decoration:none;
	color:#c3c3c3;
	font-size:10px;
}
.nav-wrap a:hover{
	color:#fff;
}
.leftnav-header{
	color:#fff;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	line-height:50px;
	border-bottom:1px solid #282828;
	width:90%;
	margin:0 auto 10px auto;
}
#right{
	float:left;
	width:669px;
}
.gallery-header{
	width:744px;
	height:87px;
	/*background:url(../img/gallerynav-back.jpg) no-repeat top right;*/
	border:1px solid #282828;
	padding:0 0 0 0px;
}
.gallery-header-name{
	font-size:12px;
	line-height:50px;
	color:#fff;
	font-weight:normal;
	padding:0px 0 0 0px;
	margin:0px 0 10px 10px;
	width:96%;
	border-bottom:1px solid #282828
}
.gallery-navigation{
	padding:0 0 0 0px
}
.gallery-navigation li{
	list-style:none;
	float:left;
	padding:0 8px 0 8px;
	border-right:1px solid #C6C6C6;
}
.endnav{
	border:0 !important;
	padding:0 0px 0 8px !important;
}
.gallery-navigation li a{
	color:#C6C6C6;
	text-decoration:none;
}
.gallery-navigation li a:hover{
	color:#fff;
	text-decoration:none;
}
.thumbnails-wrap img{
	 border:0px
}
.galleryname{
	height:40px;
	text-align:left;
	line-height:40px;
	color:#fff;
}
.emptycolum{
	width:48px;
}
.emptyrow{
	height:48px
}
.pages{
	height:30px;
	text-align:center;
	color: white;
}
.pages a{
	color:#c3c3c3;
	padding:0px 4px;
	font-size:10px;
	text-decoration:none;
}
.pages a:hover, active{
	color:#fff;
	font-weight:bold;
}
/* Footer */
.footer{
	font-size:10px;
	color:#939393;
	clear:both;
	line-height:16px;
	text-align:right;
	width:1000px;
	float:left;
	padding:0 0px 0 0;
}

/*photo wrap*/
.photo-wrap{
	padding:0px 0 0 0;
	width:820px;
	height:820px;
	margin:0px auto;
	clear:both;
	background:url(../img/photoback.jpg) no-repeat bottom;
}

.photo-wrap img{
	/* border:1px solid #a9a9a9; */
	margin:auto;
}
.name{
	font-size:11px;
	color:#a0a0a0;
	height:24px;
	line-height:24px;
	padding:0 10px 0 0;
	clear:both;
}
.photolinks_wrap{
	width:810px;
	margin:10px auto 0 auto;
	clear:both;
	height:20px;
	padding:0;
}
.prevnext{
	float:left;
}
.backtogallery{
	float:right;
	text-align:right;
}
.backtogallery a{
	color:#C6C6C6;
	font-size:11px;
	text-decoration:none;
}
.backtogallery a:hover{
	color:#fff;
	text-decoration:none;
}
.contacts{
	text-align:left;
	font-size:11px;
	line-height:20px;
	padding:0px 0 0 0;
}
.contacts .galleryname{
	color:#fff;
	font-size:10px;
}
.contacts a{
	color:#C6C6C6;
	font-size:11px;
	text-decoration:none;
}
.contacts a:hover{
	color:#fff;
	text-decoration:none;
}

.glossymenu{
margin: 0px 0;
/* width: 200px; /*width of menu*/
border: none;
padding:0px 0 0 0;
}


.glossymenu a.menuitem{ /* main categories  */
margin: 0px 0;
padding:0px 10px 10px 12px;
border-bottom:none;
display: block;
position: relative; 
width: auto;
text-decoration: none;
font-family:Arial;
font-size:9px;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
}

.glossymenu a.menuitem .statusicon{ 
position: absolute;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(glossyback2.gif);
}

.glossymenu div.submenu{ 

}

.glossymenu div.submenu ul{ 
}

.glossymenu div.submenu ul li{
/*  first  main node  */
line-height:20px;
border: none;
padding:0px 0px 0px 0px;
list-style-image: url("http://emaxphotography.com/public/img/dot.jpg");
margin:0px 0px 5px 25px;
}

.glossymenu div.submenu ul ul li{
/*  sub node node  */
line-height:20px;
border: none;
padding:0px 0 0 0;
list-style-image: url("http://emaxphotography.com/public/img/dot.jpg");
margin:0px 0px 0px 25px;
}

.glossymenu div.submenu ul ul li a{ /* sub nodes for  images B&W/ Cuba in color  */
	display: block;
	text-decoration: none;
	padding: 0px 0;
	list-style: square;
	color:#c3c3c3;
	font-family:Arial;
	font-size:9px;
	padding-bottom:5px;
}

.glossymenu div.submenu ul li a{ /* main nodes for  images Cuba/ Namibia  */
	line-height:20px;
	display: block;
	text-decoration: none;
	font-family:Arial;
	font-size:9px;
	padding-left:0px;
	padding-bottom:5px;
}

#content-slider {
  width: 740px;
  height: 3px;
  margin-top: 5px;
  margin-left: 0px;
  background: #232323;
  position: relative;
}

.ui-slider-handle {
  width: 6px;
  height: 10px;
  position: absolute;
  top: -4px;
  background: #EEEEEE;
  border: solid 1px black;
}

#content-scroll {
  width: 740px;
  height: 470px;
  margin-top: 0px;
  overflow: hidden;
  border: solid 1px black;
  background-color:#232323;
}

#content-holder {
  height: 490px;
}

.content-item {
  padding-left: 10px;
  padding-right: 10px;
  float: left;
  vertical-align: middle;
  height:470px;
  margin-top: 40px;
}