/********************************************************************************************** X-Team: global styles ***********************************************************************************************/ /* x-team toolbar */ #xteam-toolbar { padding: 20px 0 12px 0; background-color: #000; color: #fff; } #xteam-toolbar a { color: #fff; } #xteam-toolbar a:hover { color: #aaa; } /* x-team toolbar > logo */ #xteam-toolbar a.xteam-logo, #xteam-toolbar a.xteam-logo span { display: block; width: 72px; height: 25px; overflow: hidden; } #xteam-toolbar a.xteam-logo { position: relative; float: left; display: inline; margin-right: 34px; } #xteam-toolbar a.xteam-logo span { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo/xteam.gif) no-repeat; cursor: pointer; } /* x-team toolbar > navigation */ #xteam-toolbar ul { float: left; width: 504px; height: 26px; overflow: hidden; background: url(../images/nav/xteam.gif) no-repeat left top; } #xteam-toolbar ul li { float: left; display: inline; } #xteam-toolbar ul li a { text-align: center; line-height: 26px; } #xteam-toolbar ul li a:hover, #xteam-toolbar ul li a:active { color: #d7d7d7; } #xteam-toolbar ul li a, #xteam-toolbar ul li a span { height: 26px; float: left; position: relative;background: url(../images/nav/xteam.gif) no-repeat left top; cursor: pointer; overflow: hidden; z-index: 1000;} #xteam-toolbar ul li a span { position: absolute; left: 0;top: 0; } #xteam-toolbar ul li#nav-order a, #xteam-toolbar ul li#nav-order a span { width: 33px; } #xteam-toolbar ul li#nav-order a span { background-position: 0 0; } #xteam-toolbar ul li#nav-order a:hover span, #xteam-toolbar ul li#nav-order a.current span{ background-position: 0 -26px; } #xteam-toolbar ul li#nav-why-xteam { margin-left: 28px; } #xteam-toolbar ul li#nav-why-xteam a, #xteam-toolbar ul li#nav-why-xteam a span { width: 78px; } #xteam-toolbar ul li#nav-why-xteam a span { background-position: -61px 0; } #xteam-toolbar ul li#nav-why-xteam a:hover span, #xteam-toolbar ul li#nav-why-xteam a.current span{ background-position: -61px -26px; } #xteam-toolbar ul li#nav-our-process { margin-left: 27px; } #xteam-toolbar ul li#nav-our-process a, #xteam-toolbar ul li#nav-our-process a span { width: 68px; } #xteam-toolbar ul li#nav-our-process a span { background-position: -166px 0; } #xteam-toolbar ul li#nav-our-process a:hover span, #xteam-toolbar ul li#nav-our-process a.current span{ background-position: -166px -26px; } #xteam-toolbar ul li#nav-services { margin-left: 24px; } #xteam-toolbar ul li#nav-services a, #xteam-toolbar ul li#nav-services a span { width: 47px; } #xteam-toolbar ul li#nav-services a span { background-position: -258px 0; } #xteam-toolbar ul li#nav-services a:hover span, #xteam-toolbar ul li#nav-services a.current span{ background-position: -258px -26px; } #xteam-toolbar ul li#nav-client-list { margin-left: 24px; } #xteam-toolbar ul li#nav-client-list a, #xteam-toolbar ul li#nav-client-list a span { width: 56px; } #xteam-toolbar ul li#nav-client-list a span { background-position: -329px 0; } #xteam-toolbar ul li#nav-client-list a:hover span, #xteam-toolbar ul li#nav-client-list a.current span{ background-position: -329px -26px; } #xteam-toolbar ul li#nav-join { margin-left: 23px; } #xteam-toolbar ul li#nav-join a, #xteam-toolbar ul li#nav-join a span { width: 25px; } #xteam-toolbar ul li#nav-join a span { background-position: -409px 0; } #xteam-toolbar ul li#nav-join a:hover span, #xteam-toolbar ul li#nav-join a.current span { background-position: -409px -26px; } #xteam-toolbar ul li#nav-support { margin-left: 25px; } #xteam-toolbar ul li#nav-support a, #xteam-toolbar ul li#nav-support a span { width: 46px; } #xteam-toolbar ul li#nav-support a span { background-position: -458px 0; } #xteam-toolbar ul li#nav-support a:hover span, #xteam-toolbar ul li#nav-support a.current span{ background-position: -458px -26px; } /* x-team toolbar > login panel */ #xteam-toolbar .login-panel { float: right; line-height: 26px; font-size: .85em; } #xteam-toolbar .login-panel a { text-decoration: underline; padding-right: 12px; background: url(../images/bg/login_panel_link.gif) no-repeat 100% 50%; } #xteam-toolbar .login-panel a:hover, #xteam-toolbar .login-panel a:active { color: #fff; text-decoration: none; } /* footer */ #footer { clear: both; } /* our other sites */ #our-other-sites { margin: 0 0 10px 0; } #our-other-sites ul { width: 988px; overflow: hidden; } #our-other-sites ul li { float: left; display: inline; text-align: center; line-height: 40px; } #our-other-sites ul li a, #our-other-sites ul li a span { width: 324px; height: 90px; float: left; position: relative; cursor: pointer; overflow: hidden; background-repeat: no-repeat; } #our-other-sites ul li a span { position: absolute; left: 0; top: 0; } #our-other-sites ul li#site-xhtmlized a { color: #ff7a00; } #our-other-sites ul li#site-xhtmlized a span { background-image: url(../images/banner/site_xhtmlized.gif);} #our-other-sites ul li#site-mockingboard { margin: 0 8px; } #our-other-sites ul li#site-mockingboard a { color: #0b7fef; } #our-other-sites ul li#site-mockingboard a span { background-image: url(../images/banner/site_mockingboard.gif);} #our-other-sites ul li#site-3dized a { color: #7db623; } #our-other-sites ul li#site-3dized a span { background-image: url(../images/banner/site_3dized.gif);} /* company information */ #company-information { width: 987px; padding: 30px 0 0 0; background: #e5e5e5 url(../images/bg/company_information.gif) no-repeat; } #company-information h2 { margin: 0 0 -10px 63px; font-size: 11px; color: #7b7b7b; } #company-information #offices { padding: 0 27px 34px 49px; overflow: hidden; background: url(../images/bg/company_information_bottom.gif) no-repeat 0 100%; } #company-information #offices li { float: left; display: inline; padding-left: 14px; background: url(../images/bull/company_information_arrow.gif) no-repeat 0 4px; } #company-information #offices li.office-aus { width: 160px; } #company-information #offices li.office-us { width: 136px; } #company-information #offices li.office-eu { width: 132px; } #company-information #offices li.office-asia { width: 130px; } #company-information address { width: 256px; color: #8f8f8f; float: right; } #company-information address a { color: #8f8f8f; }