﻿/* ---------------- BEGIN CONTAINERS ---------------- */

* 
{
	/* create universal page properties */
	padding: 0px;
	margin: 0px;
		
	font-family: Tahoma, arial, verdana;
	text-decoration: none;
	font-size: 100%;
}

a img{border: 0;}

body 
{ 
	background-image: url(../../images/blacknest/background.jpg);
	background-repeat: repeat-x;
	background-color: #3F3F3F;	
}

.wrapper 
{ 
	position: relative;
	width: 900px;
	margin-top: 30px;

	/* center wrapper */
	
	left: 50%;
	margin-left: -450px;	
	
	/* end center wrapper */
}

#divSite{width: 750px;float: left;margin: 0 10px 0 0;}
#divAds{width: 138px;float: left; background-color: #038676; padding: 0 0 5px 0;}
#divAds h2
{
    display: none;
}   
#divAds img{padding: 10px 0 0 10px;}

.container_header 
{ 
	position: relative;	
	width: 750px;
	height: 35px;	
	background-color: #038676;	
	text-align:right;

}

.container_mainimage 
{ 
	position: relative;
	float: left;
	
	width: 750px;
	height: 120px;
	
	margin: 3px 0 3px 0;	
	background-image: url(../../images/blacknest/slim-mainimage.jpg);
}

.container_menu 
{ 
	position: relative;
	float: left;	

	width: 748px;
	margin: 0 0 0 1px;
	background-color: #038676;	
}

* html .container_menu{margin: 0;width: 748px; border-right: 1px solid #BABCB9; border-left: 1px solid #BABCB9;}

.container_contentobjects 
{
	position: relative;
	float: left;	
	width: 750px;
	height: auto;		
	background-color: #ffffff;	
	background-image: url(../../images/blacknest/flowbackground-full.gif);
	background-repeat: repeat-y;
}

.divTop 
{ 
	position: relative;
	float: left;
	
	width: 231px;
	height: 8px;
	
	background-image: url(../../images/blacknest/contentblocktop.gif);
}

.divMiddle 
{
	position: relative;
	float: left;

	width: 231px;
	height: auto;
		
	background-image: url(../../images/blacknest/contentblockbackground.gif);
	background-repeat: repeat-y;	
}

.divBottom 
{ 
	position: relative;
	float: left;
	
	width: 231px;
	height: 8px;
	
	background-image: url(../../images/blacknest/contentblockbottom.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;	
}

.container_content 
{
	position: relative;
	float: left;	
	left: 5px;
	width: 740px;	
	padding: 10px 0 10px 0;			
}

.container_left 
{
	position: relative;
	float: left;	
	left: 9px;
	width: 231px;	
	margin-top: 10px;			
}

.container_center 
{
	position: relative;
	float: left;
	
	left: 28px;	
	width: 231px;
	
	margin-top: 10px;			
}

.container_right 
{
	position: relative;
	float: right;
	
	right: 9px;	
	width: 231px;
	
	margin-top: 10px;			
}

/* ADDED FOR MENU Z-INDEX ISSUE IN I.E */

	* html .container_left{z-index: -9999;}
	* html .container_center{z-index: -9999;}
	* html .container_right{z-index: -9999;}
	* html .container_content{z-index: -9999;}

	*:first-child+html .container_left{z-index: -9999;}
	*:first-child+html .container_center{z-index: -9999;}
	*:first-child+html .container_right{z-index: -9999;}
	*:first-child+html .container_content{z-index: -9999;}

/* ADDED FOR MENU Z-INDEX ISSUE IN I.E */

.content_divider_horizontal 
{
	position: relative;
	float: left;
	
	width: 750px;
	height: 1px;
	
	margin-bottom: 1px;
	
	/* hide the hidden empty space issue with spaces */
	font-size: 0px;
	
	background-image: url(../../images/blacknest/contentdivider_horizontal.gif);
	background-repeat: no-repeat;
}

.container_banners 
{
	position: relative;
	float: left;
	
	width: 750px;
	height: 112px;
	
	background-color: #ffffff;		
	background-image: url(../../images/blacknest/flowbackgroundblank.gif);
	background-repeat: repeat-y;
}

/* adjust pixel high of object (rounding issue) */
* html .container_banners { height: 113px; }

.container_footer h3 { display: none; }

.container_footer 
{
	position: relative;
	float: left;
	
	width: 748px;
	height: 24px;
	
	margin-top: 3px;
	padding-left: 2px;
	background-color: #038676;
}

.footer_clear 
{ 
	position: relative;
	float: left;
	
	width: 750px;
	height: 30px;
}

/* ---------------- END CONTAINERS ---------------- */

/* ---------------- BEGIN OBJECT CONTROLS ---------------- */

.container_footer img 
{ 
	float: left; 
	margin: 3px 3px 0px 3px; 
}

/* ---------------- END OBJECT CONTROLS ---------------- */

/* ---------------- BEGIN ELEMENT STYLES ---------------- */

.container_contentobjects h1 
{ 
	margin: 0px 10px 5px 8px;
	font-size: 85%; 	
}

*:lang(en) .container_contentobjects h1 { margin-bottom: 10px; }

.container_contentobjects h2 
{ 
	margin: 0px 10px 5px 8px;
	font-size: 80%; 	
}

*:lang(en) .container_contentobjects h2 { margin-bottom: 10px; }

.container_contentobjects h3 
{ 
	margin: 0px 10px 5px 8px;
	font-size: 75%; 	
}

*:lang(en) .container_contentobjects h3 { margin-bottom: 15px; }

.container_contentobjects p 
{
	margin: 8px;
	font-size: 70%;
}

/* list items */

.container_contentobjects ul 
{ 
	float: left;
	list-style: none;
	
	/* align content with title */
	padding-left: 7px;	
}

.container_contentobjects li 
{ 
	background-image: url(../../images/blacknest/bulletpoint.gif);
	background-repeat: no-repeat;	
	
	background-position: 0px 5px; 
	padding: 0px 0px 0px 18px; 			
}

*:lang(en) .container_contentobjects li 
{
	background-position: 0px 1px; 
	padding: 0px 0px 5px 18px;
}

.container_contentobjects li p { /* cancel list margins*/ margin: 0px; }

/* end list items */

.container_banners h1 { display: none; }

.container_banners a 
{
	position: relative;
	float: left;
	
	display: block;
	
	width: 144px;
	height: 13px;
		
	padding: 90px 0px 6px 6px;	
}

.container_banners a:hover { color: #D0D0CC; }

.bannerad01 a {	background-image: url(../../images/blacknest/banner1.jpg); }
.bannerad02 a {	background-image: url(../../images/blacknest/banner2.jpg); }
.bannerad03 a {	background-image: url(../../images/blacknest/banner3.jpg); }
.bannerad04 a {	background-image: url(../../images/blacknest/banner4.jpg); }
.bannerad05 a {	background-image: url(../../images/blacknest/banner5.jpg); }

.container_footer p { float: left; } 
.footer_right { margin-left: 275px; }

/* ---------------- END ELEMENT STYLES ---------------- */

/* ---------------- BEGIN STYLE PROFILES ---------------- */

.container_contentobjects li p { color: #555930; }

.container_contentobjects li p i 
{ 
	font-style: normal; 
	color: #000000; 	
}

.container_contentobjects li a { color: #555930; }
.container_contentobjects li a:hover { color: #2B2D16; }

.container_banners a 
{
	font-size: 70%;	
	color: #ffffff;	
}

.container_footer p 
{
	font-size: 70%;
	padding: 5px 0px 0px 5px;
}

.container_footer a { color: #ffffff; }
.container_footer a:hover { color: #D0D0CC; }

/* ---------------- END STYLE PROFILES ---------------- */

/*------------------------------------------------------------------*/
/* NAVIGATION TOP BAR */
/*------------------------------------------------------------------*/

.heading { display: none; }

#nav_topbar 
{
	position: relative;
	width: 100%;
	height: 25px;
	
	display: block;
	background-image: url(../../images/blacknest/nav_bg.gif);
	background-repeat: repeat-x;
	
	font-size: 60%;	
}

#nav_topbar h1 
{
	float: left;	
	margin: 5px 0px 0px 5px;
	
	color: #ECECEC;
}

#nav_container 
{
	float: left;
	margin-top: 5px;
}

.nav_links { margin-top: -3px; }
.nav_links ul {	list-style: none; }

.nav_links li 
{
	display: inline;
	padding-left: 5px;
}

.nav_links li img { margin-right: 5px; }

#nav_topbar a { color: #ffffff; }
#nav_topbar a:hover { color: #D0D0CC; }

/*------------------------------------------------------------------*/
/* END NAVIGIATION TOP BAR STYLES */
/*------------------------------------------------------------------*/

/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 750px; /*For KHTML*/
  list-style: none;
  height: 24px;
  z-index: 1;
}

ul#navmenu li {
  margin: 0;
  border: 0 none;
  padding: 0;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  height: 24px;
  z-index: 1;  
}

ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 160px;
  list-style: none;
  display: none;
  position: absolute;
  top: 24px;
  left: 0;
  z-index: 1;   
  border-bottom: 1px solid #626161;      
}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu ul li {
  width: 160px;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/  
}

/* Root Menu */
ul#navmenu a 
{
	
  border-right: 1px solid #626161;
 
  padding: 5px 6px 6px 6px;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;

  background: #038676;
  color: #ffffff;
  
  /*font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;*/
  font-size: 70%;
  
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #04695D;
  color: #E0D1BA;
  border: 0;
  border-right: 1px solid #626161;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #04A28F;
  color: #E0D1BA;
  border: 0;
  border-right: 1px solid #626161;
  border-left: 1px solid #626161;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #04A28F;
  color: #454545;
  border-right: 1px solid #626161;
  border-left: 1px solid #626161;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #CCC;
  color: #FFF;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #EEE;
  color: #666;
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #CCC;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
  
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

.divWrap1, .divWrap2, .divWrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.divWrap1 {
  float:left;
  background:url(../../images/blacknest/shadow.gif) right bottom no-repeat;
  }
.divWrap2 {
  background:url(../../images/blacknest/corner_bl.gif) left bottom no-repeat;
  }
.divWrap3 {
  padding:0 4px 4px 0;
  background:url(../../images/blacknest/corner_tr.gif) right top no-repeat;
  }

  .modalCategory
{
    font-size: 70%;
    font-weight:bold;
    }
    
.clsWidth
{
    width:450px;
    vertical-align:top;
    }