/* CSS Document */
/* -------------------------------------------------------------- 
  
   Created by John Benedict
   john@benedictgraphico.com
  
-------------------------------------------------------------- */

body { margin: 0 auto; padding: 0; text-align: center;
	background: #121719 url(../images/global/body-bg.gif) repeat-x; 
	font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 12px; font-weight: bold; color: #A9ADA7; }

a { color: #7F9AAF; outline: none; }
a:hover { text-decoration: none; }

#abs { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; text-align: center; }
#wrapper { margin: 0 auto; padding: 0; width: 1000px; }


/* HEADER
-------------------------------------------------------------- */

#header { margin: 0 auto; padding: 0; width: 1000px; height: 111px; 
	background: #fff url(../images/global/header-bg.jpg) no-repeat; text-align: left;  }
#header h1 { float: left; text-indent: -9999px; margin: 0 100px; padding: 0; width: 150px; height: 111px;
	background: url(../images/global/logo.gif) bottom left no-repeat; }
#header h1 a { float: left; margin: 30px 0 0 0; padding: 0; width: 150px; height: 81px; display: block; }

	

#clientLogin { float: right; margin: 0 100px 0 0; padding: 0; }

#clientLogin a { text-indent: -9999px; width: 110px; height: 19px; 
	background: url(../images/global/clientLogin.gif) no-repeat; display: block; }
#clientLogin a:hover { background-position: 0 -19px; }


/* TOP NAV
-------------------------------------------------------------- */

#topNav { float: right; margin: 30px -91px 0 0; padding: 0; width: 195px; }
#topNav ul { margin: 0; padding: 0; height: 25px; list-style: none; }
#topNav li { float: left; margin: 0; padding: 0; display: inline; }

#topNav ul li a { margin: 51px 0 0 0; padding: 0; height: 30px; text-indent: -9999px; outline: none; }

a#work-btn { float: left; width: 50px; background: url(../images/global/work-btn.gif) no-repeat; display: block; }
a#theoryAndProcess-btn { float: left;  width: 110px; background: url(../images/global/theoryAndProcess-btn.gif) no-repeat; display: block; }
a#lab-btn { float: left; width: 35px; background: url(../images/global/lab-btn.gif) no-repeat; display: block; }

a#work-btn:hover, /*a#theoryAndProcess-btn:hover,*/ a#lab-btn:hover, #topNav li.active a { background-position: 0 -30px; }


/* 
-------------------------------------------------------------- */

#wpi { margin: 0 auto; padding: 0; width: 800px; background-color: #121719; border-bottom: 1px solid #5E6260; }
#wpi h2 { margin: 0 0 1px 0; padding: 0; height: 25px; border-bottom: 2px solid #383D3D; text-indent: -9999px; background: url(../images/global/wpi.gif) no-repeat; }

#content { float: left; margin: 0 100px; padding: 0; width: 800px; border-bottom: 1px solid #5E6260; }

#footer { float: left; margin: 1px 100px 0 100px; padding: 10px 0 50px 0; width: 800px; border-top: 2px solid #383D3D; color: #838783; }
#footer a { color: #838783; }
#footer a:hover { color: #7F9AAF; text-decoration: underline; }

span#left { text-align: left; float: left; padding-left: 30px; }
span#right { text-align: right; float: right; padding-right: 30px; }


div.tool-tip { margin: 5px; padding: 5px; background-color: #121719; color: #A9ADA7; border: 1px solid #7F9AAF; }


/* IE 6 FIXES - work on removing these
-------------------------------------------------------------- */

*html #header h1 { margin-left: 50px; }
*html #header h1 a { margin-bottom: -11px; }

*html #clientLogin { margin-right: 50px; }

*html #wpi h2 { margin-bottom: -1px !important; }

*html #content { margin: 0 -43px 0 43px !important; }

*html #footer { margin: 1px 0 0 43px !important; }


/* UN-SUPPORTED BROWSERS
-------------------------------------------------------------- */

#noSupport { display: none; padding: 20px; z-index: 5; vertical-align: middle; position: absolute; left: 25%; top: 25%; 
	width: 600px; height: 100px; background: #121719; border: 5px solid #7F9AAF;
	font-size: 18px; line-height: 24px; }


/* IE 5 MAC HACK
-------------------------------------------------------------- */

/*\*//*/
  @import "ie5mac.css";
/**/