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

@import "text.css";
@import "backgrounds.css";
@import "nav.css";

* {margin: 0px;padding: 0px;}


/* PAGE
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 1242px; height: 900px; position: relative; overflow-x: hidden;}

div#container {width: 900px;min-height: 800px;margin: 0px auto 0px auto;
	text-align: left; /* This is to reverse the IE Bug Fix - functions as LAYOUT rather than TEXT */position: relative;}

div#tophalf{position: relative; height: 221px; width: 100%;}

div#main_nav {position: absolute; margin: 190px 0px 0px 297px; height: 15px;overflow: hidden;}

div#wrapper{position: relative;width: 100%;text-align: left;}

div#content {width: 900px;height: auto;}




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

/* Left Column */

div#left_column {width: 520px;float:left;margin: 50px 0px 0px 53px;*margin: 50px 68px 0px 25px;}

#left_column hr {margin: 30px 0px 30px 0px; border-color:#373737;}

/* Right Column */

div#right_column {position: relative;width: 192px;top:83px;height: auto; min-height: 570px; margin: 0px 62px 0px 642px;*margin: 0px 62px 0px 100px;}

.testimonial, .support, .partners {margin-bottom: 55px;}

img.column_heading {margin-bottom: 25px;}

button#submit {width: 62px; height: 20px; margin: 0;padding: 0;border: 0;background: transparent url(images/submit.jpg) no-repeat center top;
	text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */cursor: hand; /* for IE 5.x */}


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

div#portalbuttons{position: absolute; height: 118px; width: 692px; left:104px; top:450px;}

div#ids {margin: 0px 0px 0px 0px; text-align: left; position: absolute; width: 209px; height: 118px; left:0px;}	
a.ids {display: block; width: 209px; height: 118px;margin: 0px 0px; background: url('../images/ids_main.jpg') 0 0 no-repeat;text-decoration: none;}
a:hover.ids {background-position: 0px -118px;} 

div#rto {margin: 0px 0px 0px 240px; text-align: left; position: absolute; width: 209px; height: 118px;}	
a.rto {display: block; width: 209px; height: 118px;margin: 0px 0px; background: url('../images/rto.jpg') 0 0 no-repeat;text-decoration: none;}
a:hover.rto {background-position: 0px -118px;} 

div#it {margin: 0px 0px 0px 482px; text-align: left; position: absolute; width: 209px; height: 118px;}	
a.it {display: block; width: 209px; height: 118px;margin: 0px 0px; background: url('../images/it.jpg') 0 0 no-repeat;text-decoration: none;}
a:hover.it {background-position: 0px -118px;} 


div#wrapper_portal{position: absolute; width: 692px; left:104px; top:585px; text-align: left;}


/* FOOTER
-------------------------------------------------------------- */


div#ids_footer{clear: both;background-color: #020202;height: 80px;width: 783px;margin: 0px 62px 0px 53px;}

#ids_footer hr {margin: 10px 0px 10px 0px; border-color:#373737;}

/* PORTAL FOOTER
-------------------------------------------------------------- */


div#ids_footer_portal{clear: both;height: 80px;width: 688px;margin: 0px 62px 0px 0px;}

#ids_footer_portal hr {margin: 0px 0px; border-color:#373737; color:#373737;}



/* PH
-------------------------------------------------------------- */

div#ph {margin: 0px auto 0px auto; text-align: left; position: relative; width: 100%; height: 100px;border: 1px solid #303030;background-color: #303030;}	
a.ph {display: block; width: 81px; height: 25px;margin: 30px 0px 30px 400px; background: url('./images/ph_block.jpg') 0 0 no-repeat;text-decoration: none;}
a:hover.ph, a:hover.ph_portal {background-position: 0px -25px;} 

a.ph_portal {display: block; width: 81px; height: 25px;margin: 30px 0px 30px 296px; background: url('./images/ph_block.jpg') 0 0 no-repeat;text-decoration: none;}