/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Columner Theme by Mathieu Hardiviller (www.hmplus.net)
*/

/* ---------- ONLY EDIT BELOW THIS LINE ---------- */
body {
	text-align: left;
	font-size: 12px;
	line-height: 16px;
	font-family: bentonsansregular, Arial;
	font-weight: 300;
}

/* the general link scheme */
/* 'index' links are governed further down the file - #index */
a:link { text-decoration: none; color: #000; background:#fff; }
a:active { color:#7F7F7F; background:#000; }
a:visited { text-decoration: none; color: #7F7F7F; background:#fff }
a:hover { color:#fff; background:#000; text-decoration:none; }
a img { border: none; }

.clL { clear: left; }

/* this is to prevent some background colors on links in exhibits */
/* maybe this is no longer necessary */
#img-container span.backgrounded a,
#img-container a.thickbox, 
#img-container a.thumb-img, 
#img-container #d-col1 a { background: transparent; }

#index {
    width: 20%;
	overflow: visible;
        z-index: 6676;
	position: absolute;
	top: 0;
	left: 0;
        padding-top: 35px;
	height: 100%; /* adjust this if needed */
}

/* PRE NAV TEXT - Name Of The Site / Your Logo - Can be accessed in the Exhibit Settings */
#index .top-section
{
    z-index: 7777;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size: 16px;
    line-height: 0px;
    color: #045E9D;
    background: #ffffff;
    border-bottom: 3px solid #404040;
    width: 1000px;
}
/* END PRE NAV STYLING */

/* STYLING THE INDEX - via #index */
/* all menu parts */
#index nav {  }
#index ul {
	float: left;
	width: 250px;  /* the width of each column in the menu */
	list-style-type: none;
	overflow: visible;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px; 
}

#index ul.section { margin-bottom: 2px; }
/* another nice way to do this - comment out the above line */
/*#index ul.section ul { margin-bottom: 9px; }
#index ul.section ul ul.subsection { margin-bottom: 0px; } */

/* styles for the section titles */
#index ul.section span.section_title, 
#index ul.section span.section_title a 
{ font-size: 16px;
		font-family: bentonsanslight;
                letter-spacing: -0.1em;
                border-bottom:1px  solid #404040;
		display: block;
                padding-top: 3px;
		padding-right: 5px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin: 8px 0;
		color:#000000;
		cursor: pointer; }
#index ul.section span.section_title:hover, #index ul.section span.section_title a:hover 
{ text-decoration: none; }

/* active section titles */
#index ul.active_section { }

/* sub-section titles */
#index ul.section span.subsection_title, 
#index ul.section span.subsection_title a 
{ line-height: 0.5em; text-decoration: none; cursor: pointer; width: auto; text-align: left; }
#index ul.section span.subsection_title, #index ul.subsection span.subsection_title a 
{ /* font-weight: bold; */ }
#index ul.section span.subsection_title:hover, #index ul.section span.subsection_title a:hover 
{ text-decoration: none; }
/* indent if using chronological or tag groups */
ul.subsection { /* padding-left: 5px; */ }

/* exhibit titles */
/* NEED TO REVIEW ALL OF THESE STILL */
#index ul.section li.exhibit_title { width: auto; text-align: left; margin: 0px 0px 0px 0px; }
#index ul.section li.exhibit_title a:link { text-decoration: none; }
#index ul.section li.exhibit_title a:hover { text-decoration: none; }
#index ul.section li.exhibit_title a:active {  }
#index ul.section li.exhibit_title a:visited {  }
#index ul.sectino li.section-link {  }
#index ul.section li#ndxz-searcher {  }

/* for 'all tags' display */
#index ul.all_tags { list-style-type: none; margin-bottom: 9px; }
#index ul.all_tags li { display: inline; margin-right: 3px; }
#index ul.all_tags li a {  }

/* need to review this still */
/* active parts */
li.active a:link, li a.active, 
li.active a:hover, li a.active, 
li.active a:active, li a.active, 
li.active a:visited, li a.active, 
li span.active, 
#index ul.section li.active a:link, 
#index ul.section li.active a:hover, 
#index ul.section li.active a:active, 
#index ul.section li.active a:visited
{ width: auto; text-align: left; }
#index p { width: auto; text-align: left; }

/* additional #index options */
#index ul li .password a { /* background: url(../img/locked.gif) right center no-repeat; */ padding-right: 18px; }
/* "new" */
#index ul li sup { color: #0c0; font-weight: bold; text-transform: uppercase; font-size: 8px; vertical-align: top; }
/* END INDEX STYLING */

#hmplusnet-credit
{
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0 0 14px 40px;
	width: 200px;
}

#hmplusnet-credit a
{
	background: #fff;
}

/* INDEXHIBIT CREDIT : Always good to credit the CMS that gives you these possibilities */
#copy.bottom-section { /* sets the properties for the "Built with" part  */
z-index : 100;
right : 0;
bottom : 0;
margin : 0 0 0 0;
padding : 0px 40px 14px 0px;
text-align : right; }
#copy  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; }
body > #copy  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed; }
#copy.bottom-section  {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; }
body > #copy.bottom-section  {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed; }
/* END INDEXHIBIT CREDIT STYLING */

#exhibit { 
	margin-top: 85px;
    margin-right: 15%;
	margin-bottom: 65px;
}

/* links styles only for the #index region */
#index a:link {  } 
#index a:hover { color:#fff; background:#000000; text-decoration:none; } 
#index a:active { color:#7F7F7F; background:#000000; } 
#index a:visited {  }

/* links styles for the #exhibit region */
#exhibit a:link {  } 
#exhibit a:hover { color:#fff; background:#000000; text-decoration:none;  } 
#exhibit a:active { color:#7F7F7F; background:#000000; } 
#exhibit a:visited {  } 

/* this is where you adjust your paddings for #index and #container */
.container { padding: 0px 0px 0px 0px; }

/* if the needed is to have different paddings in each region */
#index .container {  padding: 0px 0px 0px 35px;  }
#exhibit .container {  padding: 0px 0px 0px 315px;  }

#index .top { height: 36px; float: left; }
#exhibit .top { display: none; }
#show .top { height: 36px; }


/* headings - if you use them - you should be */
h1 {
	font-family: bentonsanslight;
	font-size: 26px;
	line-height: 24px;
	font-weight: 900;
	color: #404040; /* This color overides the color set in "body". Delete this line if you want the colors of the headings to match the rest of your type */
	padding-top: 15px;
	padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */
	}

h2 {
	font-family: bentonsansmedium;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	font-weight: normal;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px; /* sets the spacing between the heading and paragraph below */
	padding-top: 0px;
	}
	
h3 { 
	font-family: bentonsansmedium;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 0px; /* sets the spacing between the heading and paragraph below */
	padding-top: 0px;
	}
	
h4 {
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;		
	}
	
h5 { 
	font-family: bentonsansmedium;
	font-size: 13px;
	text-transform: uppercase; 
	line-height: 15px;
	font-weight: normal;
	padding-bottom: 0px; /* sets the spacing between the heading and paragraph below */
	padding-top: 0px;
	}
	
h6 {
	font-family: bentonsansmedium;
	font-size: 12px;
	text-transform: none;
	word-spacing: 1px;
	line-height: 16px;
	font-weight: normal;
	padding-bottom: 0px; /* sets the spacing between the heading and paragraph below */
	padding-top: 0px;
	}

h7 {
	font-family: bentonsanslight;
	font-size: 19px;
        font-color: #045E9D;
	text-transform: none;
	letter-spacing: normal;
        word-spacing: normal;
	line-height: 16px;
	font-weight: 900;
	padding-bottom: 0px; /* sets the spacing between the heading and paragraph below */
	padding-top: 0px;
	}
	
h8 {
	font-family: bentonsanslight;
	font-size: 22px;
	line-height: 24px;
	padding-top: 15px;
	padding-bottom: 15px; /* sets the spacing between the heading and paragraph below */
	}

@font-face {
    font-family: 'bentonsansextralight';
    src: url('/ndxzsite/fonts/bentonsans-extralight-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-extralight-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-extralight-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-extralight-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-extralight-webfont.svg#bentonsansextralight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bentonsanslight';
    src: url('/ndxzsite/fonts/bentonsans-light-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-light-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-light-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-light-webfont.svg#bentonsanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bentonsansmedium';
    src: url('/ndxzsite/fonts/bentonsans-medium-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-medium-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-medium-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-medium-webfont.svg#bentonsansmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bentonsansregular';
    src: url('/ndxzsite/fonts/bentonsans-regular-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-regular-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-regular-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-regular-webfont.svg#bentonsansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bentonsansthin';
    src: url('/ndxzsite/fonts/bentonsans-thin-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-thin-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-thin-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-thin-webfont.svg#bentonsansthin') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bentonsansblack';
    src: url('/ndxzsite/fonts/bentonsans-black-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-black-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-black-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-black-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-black-webfont.svg#bentonsansblack') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bentonsansbold';
    src: url('/ndxzsite/fonts/bentonsans-bold-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-bold-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-bold-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-bold-webfont.svg#bentonsansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'bentonsansbook';
    src: url('/ndxzsite/fonts/bentonsans-book-webfont.eot');
    src: url('/ndxzsite/fonts/bentonsans-book-webfont.eot?#iefix') format('embedded-opentype'),
    url('/ndxzsite/fonts/bentonsans-book-webfont.woff') format('woff'),
    url('/ndxzsite/fonts/bentonsans-book-webfont.ttf') format('truetype'),
    url('/ndxzsite/fonts/bentonsans-book-webfont.svg#bentonsansbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* paragraphs - for the most part */
#exhibit p, #ndxz-media p { width: 500px;
	margin: 0px 0px 5px 0px;
	position: static;
	line-height: 1.3em; }

p, object, .flash-apl, .flash-flv { margin: 0 0 9px 0; width: 600px; }
object { display: block; }
.flash-flv { display: inline; }

.copyrighted { margin-top: 18px; padding-top: 220px; }

/* generic #img-container - but remember that exhibtion formats can override these */
#img-container { margin: 0; padding: 0; }
#img-container p { width: 500px; margin: 0; padding: 0 0 12px 0; }

/* some generic oft used rules */
.highlight { background: #ccff00; color: #000; }
small { font-size: 9px; }
.once { clear: left; }