/* --------------------------- LAYOUT --------------------------- */

#container	{
			position: absolute;
			top: 216px;
			left: 0px;
			width: 758px;
			!width: 760px; /* IE */
			left: 50%;
			right: 50%;
			margin-left: -380px;
			border-left: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#ffffff;
			background: url('../img/main-bg.jpg');
			background-position: -1px 0px;
			!background-position: -2px 0px;
			}
			
#toparea		{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 760px;
			!width: 760px; /* IE */
			left: 50%;
			right: 50%;
			margin-left: -380px;
			padding: 0px;
			background-color:#194676;
			}

#row_top		{
			width: 758px;
			!width: 760px; /* IE */
			height: 10px;
			font-size: 0pt;
			border-left: #0a315a 1px solid;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#194676;
			}
			
#row_mid		{
			position: relative;
			top: 0px;
			left: 0px;
			width: 758px;
			!width: 760px; /* IE */
			height: 10px;
			font-size: 0pt;
			border-left: #0a315a 1px solid;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#194676;
			}

#row_bottom	{
			position: absolute;
			bottom: 0px;
			left: 0px;
			margin-bottom: 0px;
			!margin-bottom: -1px;
			width: 758px;
			!width: 760px; /* IE */
			height: 10px;
			left: 50%;
			right: 50%;
			margin-left: -379px;
			!margin-left: -380px;

			font-size: 0pt;
			border-top: #0a315a 1px solid;
			background-color:#194676;
			}

#row_logo	{
			width: 758px;
			!width: 760px; /* IE */
			height: 73px;
			text-align: right;
			border-left: #0a315a 1px solid;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background: url('../img/logo-id-bg.jpg') repeat-x;
			}

#header		{
			position: relative;
			top: 0px;
			left: 0px;
			float: left;
			width: 562px;
			!width: 561px; /* IE */
			height: 122px;
			!height: 122px; /* IE */
			border-left: #0a315a 1px solid;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#194676;
			background: url('../img/header.jpg') no-repeat;
			}
			
#header_job	{
			position: relative;
			top: 0px;
			left: 0px;
			float: left;
			width: 562px;
			!width: 561px; /* IE */
			height: 122px;
			!height: 122px; /* IE */
			border-left: #0a315a 1px solid;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#194676;
			background: url('../img/header-job.jpg') no-repeat;
			}
			
#buttons		{
			position: absolute;
			top: 85px;
			left: 564px;
			!left: 563px;
			}			
#button1		{
			position: relative;
			top: 0px;
			left: 0px;
			width: 195px;
			!width: 198px;
			height: 40px;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#194676;
			}
			
#button2		{
			position: relative;
			top: 0px;
			left: 0px;
			width: 195px;
			!width: 198px;
			height: 40px;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#194676;
			}
			
#button3		{
			position: relative;
			top: 0px;
			left: 0px;
			width: 195px;
			!width: 198px;			
			height: 40px;
			border-bottom: #0a315a 1px solid;
			border-right: #0a315a 1px solid;
			background-color:#194676;
			}
			
#button1 .button{
			display: block;
			height: 40px;
			background: url('../img/button-id.jpg');
			background-position: top left;
			text-decoration: none;
			}
			
#button1 .button:hover{
			display: block;
			height: 40px;
			background: url('../img/button-id.jpg');
			background-position: bottom left;
			text-decoration: none;
			}			
			
#button2 .button{
			display: block;
			height: 40px;
			background: url('../img/button-idtrading.jpg');
			background-position: top left;
			text-decoration: none;
			}
			
#button2 .button:hover{
			display: block;
			height: 40px;
			background: url('../img/button-idtrading.jpg');
			background-position: bottom left;
			text-decoration: none;
			}
			
#button3 .button{
			display: block;
			height: 40px;
			background: url('../img/button-idmarketing.jpg');
			background-position: top left;
			text-decoration: none;
			}

#button3 .button:hover{
			display: block;
			height: 40px;
			background: url('../img/button-idmarketing.jpg');
			background-position: bottom left;
			text-decoration: none;
			}

#main		{
			float: left;
			width: 563px;
			!width: 562px;
			}
			
#navi		{
			float: left;
			width: 195px;
			!width: 198px; /* IE */
			}
			
.navi_spacer	{
			height: 12px;
			font-size: 0pt;
			}
			
.navi_spacer_small	{
			height: 3px;
			font-size: 0pt;
			}

			
			
/* ----------------- CONTENT BOXES ----------------- */

.content_full	{
			padding: 30px 20px 0px 20px;
			}
			
.content_headline {
			clear: right;
			}
			
.content_left	{
			text-align: left;
			width: 246px;
			float: left;
			}
		
.content_right	{
			text-align: left;
			width: 246px;
			float: right;
			}
			

			
/* ----------------- MISC LAYOUT STUFF ----------------- */

.clearer0		{
			clear: both;
			height: 0px;
			/* Safari-Browser !! */
			display: block;	
			}

.clearer15		{
			clear: both;
			height: 15px;
			/* Safari-Browser !! */
			display: block;	
			}

.clearer30		{
			clear: both;
			height: 30px;
			/* Safari-Browser !! */
			display: block;	
			}
			
.clearer45		{
			clear: both;
			height: 45px;
			/* Safari-Browser !! */
			display: block;	
			}
			
.clearer60		{
			clear: both;
			height: 60px;
			/* Safari-Browser !! */
			display: block;	
			}