/* CSS Document */
/*
-----------------------------------------------
Introlox Style Sheet

Author:    
Version:  1.0
----------------------------------------------- */
html, body
{
	margin: 0;
	padding: 0;
	text-align: center;
}

#mainContainer
{
	width: 760px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #ccc;	
	border-left: 1px solid #ccc;
}
.uppercase {
	text-transform: uppercase;
	font-size: 14px;
}

#main
{
	/*width: 100%;*/
	
}



#wrapper
{
}
/* **********Page Layout Column Styles************ */
#leftcol
{
	width: 150px;
	float: left; /*position: relative;*/
	background-color: #A0BEDA;
	padding:1px;
}


#maincol_rht
{
	background-color:#fff;
	float:right;
	display: inline; /*position: relative;*/
	width:575px;
	padding:5px;
	color:#000000;
	/*border: 1px solid #000;*/
	
	
	
}
#maincol_rht img,#leftcol img
{
	border:none;
}
#maincol_rht h2
{
font-size: 14px; 
font-weight:bold;
margin-bottom:0;

}

#maincol_rht p,#maincol_rht li,.linkButton
{
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:2px 0 10px 0;

}
/*---------------------------------------------*/
.productivityBullets {
	
	text-decoration: underline;
	font-size: 14px;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	
}
/*---------------------------------------------*/

/* ****** Page header ******/

#header
{
	position: relative;
	margin: 0px 0 1px 0px;
	height: 246px;
	background: url(../images/Corporate-building-web.jpg) no-repeat center top;
	width: 100%;
	padding: 0px;
	border-width: 0px;
	background-image: url(../images/Corporate-building-web.jpg);
}
#header h1
{
	position: absolute;
	top: 5px;
	left: 5px;
	margin-top: 0px;
	width: 144px;
}
#header h1 strong
{
	display: none;
}

#header h1 a
{
	display: block;
	height: 66px;
	background: url(../images/iloxLogo_144x66.gif) no-repeat;
}
/* ************ Footer ****************/
#footer
{
	clear: both;
	padding: 5px;
	margin-top: 5px;
	font-size: 10px;
	background-color: #4E6C8E;
	font-weight:bold;
	text-align:center;
	
}
#footer_inner
{
	text-align:center;
	width:95%;
	background-color:#fff;
	margin-left:10px;
	padding:5px 10px 5px 10px;
}

#footer a
{
	font-size: 105%;
	text-decoration:none;
	border:none;
}
#footer img
{
border:none;
}
/* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix
{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}
/* End hide from IE-mac */

/* ***********printer styles*********** */
@media print
{
	/*hide the left and right column when printing*/
	#leftcol,#rightcol
	{
		display: none;
	}
	#twocols, #maincol,#maincol_lft,#maincol_rht,#maincol_ctr
	{
		width: 100%;
		float: none;
	}
}
/* *******Top Horizontal dropdwon nav items **** */
#navCont
{
	height: 23px;
	width: 100%;
	padding-left: 0px; 
	background: url(../images/menuBack.jpg); 
	margin-bottom: 5px;
	background-color: #7793BF;
}

/*adjust for german font-size:10px; */
#nav
{
	font-size: 14px;
	margin: 0 0 0 20%; /*line-height: 1;*/
	list-style-type: none;
	padding: 0 0 0 0px;
	color: #FFF;
	
}


#nav UL
{
	font-size: 100%;
	margin: 0px;
	line-height: 1.0;
	list-style-type: none;
	padding: 0px;
	background-color:Gray;
	
}

#nav A
{
	display: block;
	text-decoration: none;
	color: #FFF;
	margin-top: 5px;
	

}

#nav LI A
{
	margin-right: 1px;
	padding-bottom: 2px;
	height: auto;
	width:auto;
	
}


#nav LI
{
	float: left; /*width: 5em;*/
	width: auto;
	margin-right: 0px;
	text-align:center;
	height: 23px;
	padding-left:5px;
	padding-right:5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
	/*border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;	*/
}
#active
 {
  border-left: 1px solid #fff; 
 }

	

#nav LI LI
{
	width: 9em; /*	WIDTH: 245px; 245*16=em*/
	padding-top: .3em;
	border-bottom: 1px solid #fff; /*	HEIGHT: 1.5em;*/
	border-right:none;
	margin-right: 0px;
	height:auto;
	padding-left:0px;
	padding-right:0px;
}

#nav LI LI A
{
	border-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
	/*text-transform: uppercase;*/
	width: 8em; /*	WIDTH: 245px;*/
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}

#nav LI:hover
{
	background: #A7C1DF;
	
}

#nav LI LI:hover
{
	background: #A7C1DF;	
}

#nav LI.sfhover
{
	background: transparent;
	background-color:#A7C1DF;
}

#nav LI LI.sfhover
{
	background: #A7C1DF;
}

#nav LI UL
{
	
	left: -999em;
	
	width:9em; /*	WIDTH: 245px;*/
	
	position: absolute;
	margin-left: -1em;
	background: #4E6C8E;
	
}

#nav LI UL UL
{
	margin: -2em 0px 0px 14em; /*	MARGIN: -1em 0px 0px 8em;*/
}

#nav LI:hover UL UL
{
	left: -999em;
}

#nav LI.sfhover UL UL
{
	left: -999em;
}

#nav LI:hover UL
{
	left: auto;
}

#nav LI LI:hover UL
{
	left: auto;
}

#nav LI.sfhover UL
{
	left: auto;
}

#nav LI LI.sfhover UL
{
	left: auto;
}

 .thumbnail
{
float: right;
width: 140px;
border:none;
margin: 10px 25px 5px 0;

}
#centerDiv
{
	margin-left:5%;
	margin-right:5%;
	
}

.clearboth { clear: both; }
.new
{

height:150px;
width:100%;
margin-bottom:20px;
/*border:1px solid #000;*/




}
.floatright

	{

	float: right;

	width: 100px; /*size of float right image*/

	margin: 0 0 10px 10px;

	background-color: #fff;

	padding: 10px;


	

	}



	div.floatright img

		{

		border: 1px solid #999;

		}