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, b, u, i, center, 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-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
padding-left:37px;
list-style:disc outside;
line-height:18px;
padding-right:5px;
}
:focus {
outline: 0;
}
a {
text-decoration:none;
color:#333;
}
h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:19px;
color:#2b4557;
margin:0px 0 15px 15px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color:#2b4557;
margin:10px 10px 20px 15px;
line-height:19px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color:#2b4557;
margin:10px 0 0px 14px;
text-transform:lowercase;
}
h3 span{
text-transform:none;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color:#2b4557;
margin:10px 0 0px 14px;
text-transform:lowercase;
float:left;
}
p {
padding:10px 10px 10px 15px;
}
p a{
color:#666;
}
p a:hover{
border-bottom:1px dotted #666;
color:#666;
}
/*------------------------------------------------*/
body {
background:url(../images/bg_gradient.jpg) repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#424242;
background-color:#eff3fa;
}
#main_container {
width:975px;
margin:0 auto;
}
#content {
width:960px;
border-left:#c9d3de 1px solid;
border-right:#c9d3de 1px solid;
float:left;
margin:-3px 0 0 7px;
background-color:#FFF;
}
#content_home {
width:950px;
padding-left:10px;
border-left:#c9d3de 1px solid;
border-right:#c9d3de 1px solid;
float:left;
margin:-3px 0 0 7px;
background-color:#FFF;
}
#content_contact {
width:961px;
border-left:#d9dfe7 1px solid;
border-right:#d9dfe7 1px solid;
float:left;
margin:-3px 0 0 7px;
background-color:#FFF;
}
#footer {
background:url(../images/bg_footer.png) no-repeat;
width:975px;
height:44px;
clear:both;
margin:0 auto;
margin-top:0px;
}
#footer_bg {
background-color: #9ea7b1;
width:100%;
float:left;
clear:both;
height: 350px;
}
#footer span {
font-size:10px;
color: #818a92;
float:left;
margin:12px 0 0 30px;
height:100%;
}
#footer_logotypes_index {
background:transparent url(../images/footer-logotypes.jpg) no-repeat;
float:right;
height:35px;
margin:2px -180px 0 0;
width:484px;
}
#footer_logotypes{
float:right;
background:transparent url(../images/footer-logotypes.jpg) no-repeat;
width:489px;
height:25px;
margin:8px 20px 0 0;
}
#footer span#partner {
color: #818a92;
float:right;
padding-right:10px;
padding-top:0px;
}
#footer span {
float:left;
font-size:10px;
margin:13px 0 0 32px;
}
#footer span#language{
margin:45px 20px 0 0;
float:right;
color:#fff;
width:175px;
}
#footer span#language a{
color:#fff;
}
#footer span#language a:hover{
color:#ccc;
}
.line_hor {
width:959px;
height:1px;
float:left;
}
.line_vert {
background:url(../images/dotted_vertical.gif) repeat-y;
width:1px;
float:left;
}
#page_header {
background:url(../images/page_header_bg.gif) no-repeat;
width:975px;
height:133px;
float:left;
position:relative;
}
#logo a {
float:left;
margin:15px 0 0 35px;
background:url(../images/logo.jpg) no-repeat;
width:123px;
height:104px;
display:block;
}
#logo a:hover {
background-position: -124px 0;
cursor:pointer;
}
#banner {
float:left;
margin:0 0 0 7px;
border-left:#c9d3de 1px solid;
border-right:#c9d3de 1px solid;
}
#banner_homepage {
float:left;
margin:0 0 0 7px;
border-left:#c9d3de 1px solid;
border-right:#c9d3de 1px solid;
}
/*main navigation */
ul#main_nav {
float:right;
margin:102px 0 0 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:12px;
text-transform:uppercase;
color:#24508d;
font-weight:bold;
list-style: none;
}
ul#main_nav li {
display:inline;
float:left;
}
ul#main_nav li a {
float:left;
color:#196a87;
-webkit-transition: color 0.4s ease-in-out; /*safari and chrome */
-moz-transition: color 0.4s ease-in-out; /* firefox */
-o-transition: color 0.4s ease-in-out; /* opera */
}
ul#main_nav li a:hover {
color:#2b4557;
}
li#nav_home {
float:left;
margin:0 29px;
}
li#nav_about_us {
float:left;
margin:0 20px;
}
li#nav_marketing {
float:left;
margin:0 20px;
}
li#nav_webstudio {
float:left;
margin:0 20px;
}
li#nav_analysis {
float:left;
margin:0 20px;
}
li#nav_contact {
float:left;
margin:0 15px;
}
.menu_active {
background:url(../images/menu_active.png) no-repeat;
_background:url(../images/menu_active.gif) no-repeat;
width:95px;
height:140px;
position:absolute;
top:0;
left:200px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:12px;
text-transform:uppercase;
color:#2b4557;
font-weight:bold;
text-align:center;
line-height:220px;
background-image: url(../images/menu_active.png);
}
.home_active {
top:0;
left:347px;
}
.about_us_active {
top:0;
left:446px;
}
.webstudio_active {
top:0;
left:660px;
}
.marketing_active {
top:0;
left:776px;
}
.analysis_active {
top:0;
left:549px;
}
.contact_active {
top:0;
left:878px;
}
/* left hand side navigation */
ul#left_nav {
float:left;
width:233px;
padding:10px 0 0 0px;
margin:0 0 0 -7px;
list-style: none;
}
ul#left_nav li {
margin: 0 0 0 0;
height:20px;
padding-top: 2px;
}
ul#left_nav li a {
padding:12px 0 0 30px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
text-transform:lowercase;
color:#196a87;
font-weight:bold;
-webkit-transition: color 0.4s ease-in-out; /*safari and chrome */
-moz-transition: color 0.4s ease-in-out; /* firefox */
-o-transition: color 0.4s ease-in-out; /* opera */
}
ul#left_nav li a:hover {
color:#2b4557;
}
.left_nav_active {
background:url(../images/left_nav_active.png) no-repeat;
width:234px;
background-position:-1px 0px;
line-height:16px;
}
ul#left_nav li.left_nav_active a:hover {
cursor:default;
color:#093C79;
}
ul#left_nav li.left_nav_active a {
color:#2b4557;
}
/*content*/
#main_content {
float:left;
width:733px;
}
.middle_column {
float:left;
width:430px;
padding:20px 0 0 0;
_width:425px;
}
.right_column {
float:left;
width:300px;
margin:10px 0 0 0;
}
.button {
width:168px;
height: 22px;
float:right;
display:block;
padding-right:45px;
margin-top:10px;
background-repeat:no-repeat;
}
a.button{
background-image:url(../images/button.png);
text-indent:-9999px;
overflow:hidden;
}
a.button:visited{
background-image:url(../images/button.png);
text-indent:-9999px;
overflow:hidden;
}
a.button:hover{
background-image:url(../images/button.png);
background-position: 0 -23px;
text-indent:-9999px;
overflow:hidden;
}
/*--------------------------webstudio------------------------------------*/
.webstudio_middle {
width:490px;
}
.webstudio_right {
width:230px;
}
.webstudio_img {
float:left;
margin:0 0 30px 0;
}
.right_content_column {
padding:20px 0 0 0;
}
.right_content_column p {
width:340px;
float:left;
}
.columns_horizontal {
clear:left;
}
.columns_horizontal .column_horiz {
float:left;
width:240px;
padding: 0 0 10px 0;
}
.columns_horizontal p {
width:200px;
float:left;
}
.right_content_column img {
margin:20px 0 30px 110px;
float:left;
}
/*----------the company ------------*/
.thecompany_middle {
width:380px;
}
.thecompany_right {
width:340px;
}
/*management*/
.management_box{
float:left;
margin:0 20px 0 20px;
width:300px;
height:280px;
}
.management_box h2{
float:left;
width:100%;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
margin:30px 0 15px 20px;
}
.management_box h2 span{
font-size:12px;
color:#818A92;
float:left;
width:100%;
}
.management_box img{
float:left;
padding:1px;
border:1px solid #ccc;
margin-right:4px;
}
.management_box p{
width:290px;
}
/*careers*/
.right_content_careers {
padding:20px 0 0 0;
}
.right_content_careers > p {
width:690px;
float:left;
}
.right_content_careers > h2{
clear:left;
float:left;
margin:30px 0 15px 15px;
width:600px;
}
.right_content_careers h3 a{
background: url("../images/apply_button.jpg") no-repeat scroll 0 0 transparent;
border: none;
cursor: pointer;
float: right;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: bold;
height: 24px;
letter-spacing: 1px;
margin: 30px 70px 20px 0;
padding: 0;
overflow: hidden;
text-indent: -99999px;
text-transform: lowercase;
width: 81px;
}
.right_content_careers h3 a:hover{
background-position: 0 -23px;
}
.right_content_careers ul{
float:left;
clear:left;
margin-bottom:0;
}
.right_content_careers ul li{
list-style:disc;
margin:4px 20px 0 20px;
width:600px;
}
/*---------------showcase---------------*/
.showcase_img{
float:left;
margin:0 10px 0 0;
}
/*---------------analysis---------------*/
.analysis_img {
float:left;
margin: 20px 0 30px;
}
/*-------------contact--------------*/
.contact_left {
float:left;
width:420px;
padding:20px 0 0 40px;
}
.contact_right {
float:left;
width:440px;
padding:20px 0 0 20px;
}
.contact_left p {
margin:5px 0px 10px 5px;
width:340px;
float:left;
}
.txt_input {
margin:5px 0 0 20px;
background:url(../images/bg_input.gif) no-repeat;
width:339px;
height:30px;
border:0px solid white;
padding:7px 0 0 7px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
color:#24508d;
font-weight:bold;
}
textarea {
margin:5px 0 0 20px;
background:url(../images/bg_textarea.gif) no-repeat;
width:339px;
height:200px;
border:0px solid white;
padding:7px 0 0 7px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
color:#24508d;
font-weight:bold;
}
.send_btn {
margin: 5px 0 0 280px;
background:url(../images/send_button.jpg) no-repeat;
width:81px;
height:24px;
border: none;
padding:0 0 4px 15px;
cursor:pointer;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:12px;
text-transform:lowercase;
color:#2b4557;
font-weight:bold;
outline:none;
}
.send_btn:hover {
background-position: 0 -23px;
}
.contact_right ul {
float:left;
padding:0px 20px 20px 30px;
line-height:18px;
}
.contact_right ul li {
float:left;
width:430px;
display:inline;
}
.contact_right ul li strong{
float:left;
}
.contact_right ul li img{
margin:2px 0 0 2px;
float:left;
}
.contact_right p {
padding:10px 10px 20px 30px;
}
/*------------homepage------------------*/
#homepage_box {
background:url(../images/bg_box_transparent.png) no-repeat;
width:920px;
height:183px;
float:left;
left:28px;
position:absolute;
top:408px;
}
#homepage_box h1 {
padding:22px 0 0 20px;
color:#1a304e;
font-size:18px;
margin:0 0 8px 10px;
}
#homepage_box p {
padding:0px 30px 0 20px;
width:450px;
float:left;
line-height:20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
color:#1a304e;
margin:0px 0 15px 10px;
font-weight:normal;
}
#homepage_box p span {
font-weight:bold;
color:#1a304e;
}
#homepage_box p a{
color:#1a304e;
}
#homepage_box p a:hover {
color:#666;
border:none;
text-decoration:underline;
}
#homepage_box p.contact_us {
padding:0 30px 0 0;
width:350px;
float:right;
}
#contact_us_link {
margin:0px 0 0 120px;
line-height:30px;
background:url(../images/contactus_arrow.jpg) no-repeat;
background-position:2px 15px;
padding:12px 0 5px 30px;
}
#contact_us_link:hover {
background-position:4px 15px;
}
.homepage_desc_box {
float:left;
width:200px;
margin:20px 0 10px 35px;
line-height: 18px;
}
.homepage_desc_box h1 {
font-size:16px;
color:#196a87;
margin:0 0 15px 0;
}
.homepage_desc_box ul {
margin-bottom:15px;
margin-top:5px;
padding:3px 0 0 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#2b4557;
list-style:none;
}
.homepage_desc_box ul li a {
padding:3px 0 0 17px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#2b4557;
line-height: 19px;
font-weight:normal;
background:url(../images/arrow.gif) no-repeat 0px 6px;
}
.homepage_desc_box ul li a:hover {
background:url(../images/arrow_hover.gif) no-repeat 1px 6px;
color:#196a87;
/*border-bottom:1px dotted #999;
padding-bottom:2px;
*/
text-decoration:underline;
}