body{background:#e6ebf1; color:#000; padding:0; font-size:0.75em; font-family:Helvetica, Arial, sans-serif; margin:0; }
a img{border:none;}
a:focus{outline: none;}
.clearPlz{clear:both; overflow: hidden; height: 1px;}



#logoWrap{height:1px; position: relative; width:100%;}

/* this logo changes depending on what area we are in! */
#topLeftOCRMLogo{width:86px; position: absolute; top:0; left:0; background:#fff url(../images/layout/logo-fun/origination-logo.jpg) no-repeat 50% 50%; z-index: 3000; text-decoration: none; margin: 0; padding: 0;height: 115px;}
#topLeftOCRMLogo a{display: block; width:56px; height: 92px; position: absolute; padding:5px 15px; text-decoration: none;}
#topLeftOCRMLogo span{width:16px; height: 87px; display: block; background: url(../images/layout/logo-fun/curve-standard.png); position: absolute; top:7px; right:-16px;}

/* this is the enlarged curve style */
#topLeftOCRMLogo.portfolio, #topLeftOCRMLogo.portfolioitem {height: 115px;}
#topLeftOCRMLogo.portfolio span, #topLeftOCRMLogo.portfolioitem span{background: url(../images/layout/logo-fun/curve-bigger.png); height: 115px;}
* html #topLeftOCRMLogo{padding:0; height: 120px !important;}

/* this appears when the client logo is clicked! */
#clientLoginArea{height:300px; background: #000; display: none; position: absolute; top:0; left:0; z-index: 9999; width:100%;}


/* client white bar */
#clientLoginBar{background:#fff url(../images/layout/content-top-fader-reversed.jpg) repeat-x bottom; height: 23px; position: relative; border-bottom: 1px solid #fff;}
#clientLoginLink{width:100px; position: absolute; top:0; right:0; background: url(../images/layout/logo-fun/lock.jpg) no-repeat 105px 2px; font-size: 10px; font-weight: bold; color: #949494; text-decoration: none; text-align: right; padding:8px 25px 0 0; text-transform: uppercase; height:26px; display: none;}
#clientLoginLink:hover{background-image: url(../images/layout/logo-fun/lock-over.jpg); color: #000;}


/* top bar */
#topBar{background:#000 url(../images/layout/m1-back.jpg) no-repeat bottom; position:relative;min-height:49px; z-index: 100;}
* html #topBar{height:50px;}
* html #topBar.portfolio{height:77px;}
* html #topBar.portfolioitem{height:77px;}

/* die, please ie6
/* you make me cry, horrible ie6
/* you've ruined EVERYTHING, ie6
/* just bugger off.
*/

#m1{font-size:1.25em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; width:910px; margin:0 auto; letter-spacing:0.1em; position:relative; padding-left: 90px;}
#m1 a{color:#5d82cb; text-decoration:none; display:block; padding:15px 24px 10px; float:left; position:relative;}
#m1 a span{position:relative; z-index:100;}
#m1 a em{display:block; position:absolute; top:17px; left:24px; font-style:normal; color:#000; z-index:90;}
* #m1 a em{display:none;}
#m1 a:hover, #m1 a.on{color:#fff;}


/* this only appears on the portfolio detail pages: */
#m1portfolio strong{display: none;}

#m2{font-size:11px; font-family:Arial, Helvetica, sans-serif; width:1030px; margin:0 auto; clear:both; height:30px; padding:0 0 0 140px; position:relative; cursor: pointer;}
#m2 a, #m2 em{color:#8aa0c8; text-decoration:none; display:block; float:left; padding:5px 13px; z-index:100; position:relative; font-style: normal;}
#m2 a:hover, #m2 a.on, #m2 em:hover, #m2 em.on{color:#fff;}

/* this is our thing behind the menus */
#m2 .menuBacker{position:absolute; top:-5px; left:100px; background:#4d7de8; display:block; height:35px; z-index:50; width:50px;display:none;}

/* and this is our first menu item for the the intro */
#m2FirstOne{width:1px !important; padding:5px 0 !important;}

#theStage{background:#fff url(../images/layout/content-floor.jpg) repeat-x bottom; position:relative; min-height:670px; border-top:1px solid #fff; z-index: 200;}
* html #theStage{height:670px;}


#contentTop{background:url(../images/layout/content-top-fader.jpg) repeat-x top; position:absolute; top:0; left:0; width:100%; height:13px;}
#contentTopLeft{background:url(../images/layout/content-top-left.jpg) no-repeat top left; position:absolute; top:0; left:0; height:12px; width:304px; display:block;}
#contentTopRight{background:url(../images/layout/content-top-right.jpg) no-repeat top left; position:absolute; top:0; right:0; height:12px; width:304px; display:block;}
#theChair{background:url(../images/layout/the-chair.jpg); width:395px; height:346px; position:absolute; bottom:13px; left:50%; margin:0 0 0 -197px;}

/* the blueish texture */
#whiteBanner{position:relative;}
#whiteBannerTexture{width:100%; height: 116px; position: absolute; top:0; left:0; background: url(../images/layout/white-blue-texture.png) no-repeat 50% -1px; }
* html #whiteBannerTexture{display: none;}

/* little ?s */
.passwordQuestionMark{background:url(../images/questionmark.gif); width:18px; height:18px; position:absolute; display:block; cursor:pointer; text-decoration:none;}
.passwordQuestionMark:hover{background:url(../images/questionmark-over.gif); }
/* .passwordQuestionMarkTips{background:#fff; color:#444; font-size:13px; z-index:500; width:300px; padding:10px; border:1px solid #ccc;} */