body { margin: 0; padding: 0; background: #698cc7 url(../images/bg.gif) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; }
img { border: 0; }
a { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
p { margin: 0; padding: 0 0 8px 0; line-height: 1.8em; }
.clear { clear: both; }
strong { color: #0077c0; }
h2 {font-size: 13px; font-weight:bold; color: #0077c0; margin: 5px 0 0 0; padding: 0;  }
h3 {font-size: 13px; font-weight:bold; font-style:italic; color: #0077c0; margin: 0; padding: 0;  }

#container { margin: 0 auto; background: #fff url(../images/content-bottom-bg.gif) repeat-x bottom; width: 901px; text-align: left; border: 3px solid #0068ab; }
#header { background: url(../images/header-bg.jpg); height: 117px; border-bottom: 15px solid #0077c0; }
#header div.logo { float: left; padding: 30px 0 0 30px; width: 246px; }
#header ul { float: right; margin: 0; padding: 39px 0 0 0; list-style: none; }
#header ul li { float: left; }
#header ul li a { display: block; height: 39px; }
#header ul li a.index-btn { background: url(../images/home-btn.gif) no-repeat; width: 89px; }
#header ul li a.index-btn-active { background: url(../images/home-btn2.gif) no-repeat bottom; width: 89px; }
#header ul li a.aboutus-btn { background: url(../images/aboutus-btn.gif) no-repeat; width: 89px; }
#header ul li a.aboutus-btn-active { background: url(../images/aboutus-btn2.gif) no-repeat bottom; width: 89px; }
#header ul li a.services-btn { background: url(../images/services-btn.gif) no-repeat; width: 88px; }
#header ul li a.services-btn-active { background: url(../images/services-btn2.gif) no-repeat bottom; width: 88px; }
#header ul li a.clients-btn { background: url(../images/clients-btn.gif) no-repeat; width: 85px; }
#header ul li a.clients-btn-active { background: url(../images/clients-btn2.gif) no-repeat bottom; width: 85px; }
#header ul li a.contactus-btn { background: url(../images/contactus-btn.gif) no-repeat; width: 97px; }
#header ul li a.contactus-btn-active { background: url(../images/contactus-btn2.gif) no-repeat bottom; width: 97px; }
#header ul li a:hover { background-position: bottom; }

#banner { background: url(../images/banner.jpg) no-repeat; height: 189px; overflow: hidden; border-bottom: 15px solid #0077c0; }

#content { padding: 20px 20px 5px 20px; background: url(../images/content-top-bg.gif) no-repeat; height: 1%; }
#content .left { float: left; width: 60%; }
#content .right { float: left; width: 25%; margin-left: 50px; }
#content .right ul { margin: 0; padding: 0; list-style: none; }
#content .right ul li {  }
#content .right ul li a { display: block; width: 276px; text-indent: -9000em; overflow: hidden; }
#content .right ul li a.jointeam-btn { background: url(../images/jointeam-btn.gif) no-repeat; height: 59px; }
#content .right ul li a.sharepoint-btn { background: url(../images/sharepoint-btn.gif) no-repeat; height: 46px; }
#content .right ul li a.employeelogin-btn { background: url(../images/employeelogin-btn.gif) no-repeat; height: 63px; }
#content .right ul li a:hover { background-position: bottom; }


#footer { background: url(../images/footer.jpg) no-repeat; height: 69px; text-align: left; }
#footer .inner { padding: 22px 0 0 20px; color: #d1e1f9; }
#footer .inner a { color: #d1e1f9; text-decoration: none; }
#footer .inner a:hover { color: #fff; text-decoration: underline; }

#content-services { padding: 0; background: url(../images/services-bg.jpg) no-repeat; height:736px; }
.whttxt { color: #fff; }

.services-list-l { float: left; width: 29%; color: #fff; padding: 15px; border-right: 1px solid #fff; }
.services-list-l ul { margin: 10px 0 0 0; padding: 0 0 0 0; list-style: none; }
.services-list-l ul li { padding: 4px 4px 4px 25px; background: url(../images/services-list-arrow.jpg) no-repeat 0 50%; }

.services-list-m { float: left; width: 29%; color: #fff; padding: 15px; border-right: 1px solid #fff; }
.services-list-m ul { margin: 10px 0 0 0; padding: 0 0 0 0; list-style: none; }
.services-list-m ul li { padding: 4px 4px 4px 25px; background: url(../images/services-list-arrow.jpg) no-repeat 0 50%; }

.services-list-r { float: left; width: 29%; color: #fff; padding: 15px; }
.services-list-r ul { margin: 10px 0 0 0; padding: 0 0 0 0; list-style: none; }
.services-list-r ul li { padding: 4px 4px 4px 25px; background: url(../images/services-list-arrow.jpg) no-repeat 0 50%; }

ul.list { margin: 10px 0 0 0; padding: 0 0 0 0; list-style: none; }
ul.list li { padding: 4px 4px 4px 25px; background: url(../images/list-arrow.gif) no-repeat 0 50%; }

.jobs { background: url(../images/jobsbg.gif) repeat-x bottom; border-collapse: collapse; border: 1px solid #accafa; }
.jobs td { padding: 6px 4px; border-bottom: 1px solid #accafa; }
.jobs a { color: #0077c0; text-decoration: underline; }
.jobs a:hover { color: #0077c0; text-decoration: none; }
.jobs ul.list { margin: 0 0 0 20px; padding: 0 0 0 0; list-style: none; font-size: 9px; }
.jobs ui.list li { padding: 4px 4px 4px 15px; margin-left: 15px; background: url(../images/list-arrow.gif) no-repeat 0 50%; }

.popup { border: 3px solid #0068ab; padding: 10px; background: #fff; position: absolute; top: 40%; left: 25%; display: none; }
.popup ul.list { margin: 10px 0 0 0; padding: 0 0 0 0; list-style: none; }
.popup ul.list li { padding: 4px 4px 4px 20px; margin-left: 15px; background: url(../images/list-arrow.gif) no-repeat 0 50%; line-height: 18px;}
.popup ul.list img { vertical-align: text-bottom; }
.popup .text-right { float: right; text-align: right; }
.popup .textinput { background-color: #e3ecfc; border-style: none solid solid; padding: 2px; border: 1px solid #accafa; width: 400px; }
.popup textarea { background-color: #e3ecfc; border-style: none solid solid; padding: 2px; border: 1px solid #accafa; height: 200px; width: 400px; resize: none; }
.description { width: 380px; }

.file-input-text { background-color: #e3ecfc; border-style: none solid solid; padding: 2px; margin-right: 5px; border: 1px solid #accafa; width: 295px; float: left;}
.file-input-div { position: relative; width: 100px; height: 23px; overflow: hidden; }
.file-input-button { width: 100px; position: absolute; top: 0px; background: #0068ab; color: #fff; border: 1px solid #0068ab; }
.file-input-button-hover { width: 100px; position: absolute; top: 0px; background: #fff; color: #0068ab; border: 1px solid #0068ab; }
.file-input-hidden { font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; cursor: pointer; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0; }

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; }
.ui-button .ui-button-text { display: block; font-size: 1.1em; }
.ui-button-text-only .ui-button-text { padding: .3em 1em; }
.ui-button-default { border: 1px solid #0068ab; background: #0068ab; font-weight: normal; color: #fff;  }
.ui-button-hover { border: 1px solid #0068ab; background: #fff; font-weight: normal; color: #0068ab; }

.left-col { float: left; width: 48%; }
.right-col { float: right; width: 48%; }