/* CSS Document */

/*----------------- [Reset] ---------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; }

/* remember to define focus styles! */
:focus                                   { outline:0; }
body                                     { line-height:1; color:black; background:white; }
ol, ul                                   { list-style: none; }
strong                                   { font-weight:bold; }
input, form                              { margin:0; padding:0; }
hr                                       { width:100%; height:1px; color:#CCC; border:0; border-top:1px solid #CCC; margin:5px 0; }

/* tables still need 'cellspacing="0"' in the markup */
/*table                                    { border-collapse: separate; border-spacing: 0; }*/
caption, th, td                          { font-weight: normal; }
th                                       { text-align: left; height: 20px; vertical-align: middle; }
blockquote:before, 
blockquote:after,
q:before, q:after                        { content: ""; }
blockquote, q                            { quotes: "" ""; }


/*----------------- [Commons] ---------------------*/
.left                                   { float: left; }
.right                                  { float: right; }
.nodisplay                              { display: none; }
.invisible                              { visibility: hidden; }
.noborder                               { border:0; }
.strong                                 { font-weight:bold; }
.alignright                             { text-align:right; }
* html .hide-x                          { overflow-x:hidden; }

.clearfix:after                         { clear: both; content: " ";  display: block; height: 0; visibility: hidden; }
.clearfix                               { display: inline-block; }

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


/*--------------- [Typography] --------------------*/
body, ul, ol, 
h5, h6, td, th, 
p, label, 
input, textarea { font:normal 12px/2em 'Trebuchet MS','Tahoma',sans-serif; color:#000; }
th              { font-weight:bold; }


body { /*background:url(../images/new-rmesi-bg.png) repeat-x #FFFFFF; background-position:top center;*/}

#container { margin:0 auto; width:976px; background:url(../images/rmesi-logo.gif) no-repeat; background-position:14px 15px;}
#header    { height:80px; }
#header h1 { text-indent:-999px; height:50px; width:200px; position:absolute; top:12px;}
#header div  { width:248px; margin-top:20px;}
#header span { display:block; margin:2px; padding:0;}
#header .input_box { font-family: "Courier New", Courier, monospace; background-color: #FFFFFF; border: 1px solid #999999; color: #333333; height: 16px; margin: 0; padding: 0px; float:left;} 
#header .link { color:#999999; padding: 0px; font-weight:bold; text-decoration: none; }
#header .link:hover { color:#0066CC;}
#header #searchButton { padding-top:1px; float:left;}  

/* navigation */
#navigation { height:34px; margin:5px 2px 0px 15px; width:654px; float:right; position:relative; z-index:1001;}

#cssdropdown, #cssdropdown ul { list-style: none; z-index:1000; }
#cssdropdown, #cssdropdown *  { padding: 0; margin: 0; }

#cssdropdown li.navLink, #cssdropdown li.navLinkSelected { float: left; margin-left: -1px; margin-right:15px; text-align: center; font-weight:bold; text-transform:uppercase; }
#cssdropdown li.navLink a, 
#cssdropdown li.navLinkSelected a { display: block; padding: 18px 10px 7px 10px; color:#3D266F; white-space:nowrap; text-decoration:none; font-size:14px; line-height:10px; margin-bottom:0px; }
#cssdropdown li.lastItem { margin-right:0px !important;}
#cssdropdown li.navLinkSelected a { padding-left:0px; padding-top:12px; padding-right:0px; cursor:default;}
#cssdropdown li.navLinkSelected { border-top:5px solid #4B63AE;  text-align:center; }
#cssdropdown .navLink:hover > a, 
#cssdropdown .navLink ul ul :hover > a { background:url(../images/new-rmesi-menu-bg.png) repeat; color:#fff; }

/* navigation Child lists and links */
#cssdropdown li.navLink ul       { display: none; text-align: left; position:absolute; }
#cssdropdown li.navLink:hover ul { display: block; z-index:1001; position:absolute; }

#cssdropdown li.lastItem ul { position:relative; left:507px; }
#cssdropdown li.navLink ul li    { padding: 0px;}
#cssdropdown li.navLink ul li a  { background:url(../images/new-rmesi-menu-bg.png) repeat; text-transform:none; color:#fff; padding: 5px 10px; line-height:18px; border-top:1px solid #947DB3;}
#cssdropdown li.navLink ul li a:hover { background:url(../images/new-rmesi-menu-bg-1.png) repeat; color:#fff; }

#cssdropdown a             { color: #000; } 
#cssdropdown ul li a:hover { text-decoration: none; }
#cssdropdown li.navLink ul { background:url(../images/new-rmesi-menu-bg.png) repeat; }



#animationBox { background:url(../images/new-rmesi-anim-bg.png) no-repeat;  _background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/new-rmesi-anim-bg.png', sizingMethod='fixed');  width:974px; height:300px; display:inline-block;}
#animationBox div { position:absolute; margin: 16px 20px 0 21px; z-index:0;}
#animationBox	div#rotator ul li      { float:left;	position:absolute;	list-style: none;}
#animationBox div#rotator ul li.show { z-index:500}


#textBox   { width:950px; height:270px;  margin-left:14px; margin-top:10px; border-bottom:5px solid #46166B;}
#textBox p { font-size:13px; line-height:22px; }
#textBox #whatWeDo       { width:610px; margin:0; height:270px;}
#textBox #whatWeDo a     { display:block; margin:0; overflow:visible; cursor:pointer;}

#textBox #whatWeDo li li { float:left; display:inline; margin-right:15px; width:288px;}
#textBox #whatWeDoBox { *margin-top:-20px;}


#textBox #whatWeDo h1,
#textBox #whatWeDo h2,
#textBox #whatWeDo h3,
#textBox #whatWeDo h4,
#textBox #workWithUs h1 { height:25px; background:url(../images/new-rmesi-sprite.gif) no-repeat; background-position:-12px -110px; margin:12px 0 10px 0; text-indent:-9999px;}


#textBox #whatWeDo h1 { background-position:-12px -110px;}
#textBox #whatWeDo h2 { background-position:-12px -213px; margin:0px 0 5px 0;}
#textBox #whatWeDo h3 { background-position:-12px -258px; margin:0px 0 5px 0;}
#textBox #whatWeDo h4 { background-position:-12px -434px; margin:0px 0 5px 0;}
#textBox #whatWeDo .txt,
#textBox #whatWeDo .softwareProjects   { height:105px; width:268px; padding:0 0 0 20px; }
#textBox #whatWeDo .softwareProjects   { height:80px;}
#textBox #whatWeDo .advt  { height:70px; width:284px; padding:0; border:2px solid #E3E3E3; }
#textBox #whatWeDo .advt1 { background:url(../images/new-rmesi-advt-1.gif) no-repeat; background-position:0 0; text-indent:-999px;}
#textBox #whatWeDo .advt2 { background:url(../images/new-rmesi-advt-2.jpg) no-repeat; background-position:0 0; text-indent:-999px;}

#textBox #workWithUs { width:335px; height:252px; border:2px solid #ccc; background:url(../images/new-rmesi-work-bg.png) no-repeat #EFEFEF; background-position:-105px -52px; float:right; }
/*#workWithUsLink {display:block}*/
#textBox #workWithUs a { display:block;}
#textBox #workWithUs h1 { background-position:-12px -162px; margin:10px 0 10px 15px; overflow:hidden; display:block;}
#textBox #workWithUs ul, #textBox #workWithUs li  { margin:0; padding:0;}
#textBox #workWithUs .txt,
#textBox #workWithUs .txtLink { margin:0 10px 0 130px;}
#textBox #workWithUs .txt   { width:193px; height:132px; display:block; overflow:hidden;}

#textBox #workWithUs .txtLink { padding-top:30px; margin:0 10px 0 90px;}
#textBox #workWithUs .txtLink a { text-decoration:none; color:#fff; font-weight:bold; background:url(../images/new-rmesi-work-link.gif) no-repeat; padding:7px 25px;}
#textBox #workWithUs .txtLink a:hover { color:#FFCF2A;}

#footer ,
#footer h1 {background:url(../images/new-rmesi-sprite.gif) no-repeat; background-position:640px -350px;}

#footer { height:50px; margin:10px 14px; }
#footer h1 { background-position: -15px -290px; text-indent:-9999px; height:45px; float:left; display:block; width:180px; }
#footer li { float:left; margin:0 5px; }
/*#footer li.tagline { width:180px;}*/
#footer p.copy { color:#999; }
#footer ul { margin-left:-5px;}
#footer li a   { border-right:1px solid #ccc; padding-right:8px; text-decoration:none; color:#333333; }
#footer li.lastFooterLink a { border:0 none;}
#footer li a:hover          { color:#3366FF; text-decoration:underline;}

.link_twitter { background:url(../images/twitter.png) no-repeat 0 5px; margin-left:5px; text-indent:-9999px; display:inline-block; width:65px;}