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 {
list-style: none;
}
:focus {
outline: 0;
}
a {
text-decoration:none;
color:#333;
}
h1 {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:19px;
color:#2c5d8d;
margin:0px 0 15px 10px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color:#2c5d8d;
margin:10px 0 20px 15px;
line-height:19px;
}
h3 {
font-family: Arial, Helvetica, sans-serif;
font-size:15px;
color:#2c5d8d;
margin:10px 0 0px 10px;
text-transform:lowercase;
}
h3 span{
text-transform:none;
}
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:961px;
border-left:#d9dfe7 1px solid;
border-right:#d9dfe7 1px solid;
float:left;
margin:-3px 0 0 7px;
background-color:#FFF;
}
#content_home {
width:961px;
border-left:#d9dfe7 1px solid;
border-right:#d9dfe7 1px solid;
float:left;
margin:-3px 0 0 7px;
background-color:#FFF;
background:transparent url(../images/bg_content.jpg) repeat-x scroll center bottom;
}
#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:left;
margin:0 auto;
margin-top:0px;
}
#footer_bg {
background:url(../images/footer_gradient.jpg) repeat-x;
width:100%;
height:300px;
float:left;
clear:both;
}
#footer span {
font-size:10px;
float:left;
margin:12px 0 0 15px;
}
#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:35px;
margin:2px -180px 0 0;
}
#footer span#partner {
float:right;
}
#footer span {
float:left;
font-size:10px;
margin:12px 0 0 15px;
}
#footer span#language{
margin:45px 10px 0 0 ;
float:right;
color:#fff;
width:175px;
text-align
}
#footer span#language a{
color:#fff;
}
#footer span#language a:hover{
color:#ccc;
}
.line_hor {
background:url(../images/dotted_horizontal.gif) no-repeat;
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 20px;
background:url(../images/logo.jpg) no-repeat;
width:134px;
height:104px;
display:block;
}
#logo a:hover {
background-position: -134px 0;
cursor:pointer;
}
#banner {
float:left;
margin:0 0 0 7px;
}
#banner_homepage {
float:left;
margin:0 0 0 7px;
border-left:#d9dfe7 1px solid;
border-right:#d9dfe7 1px solid;
}
/*main navigation */
ul#main_nav {
float:right;
margin:108px 10px 0 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
text-transform:lowercase;
color:#24508d;
font-weight:bold;
}
ul#main_nav li {
display:inline;
float:left;
}
ul#main_nav li a {
float:left;
color:#494949;
}
ul#main_nav li a:hover {
color:#386f84;
}
li#nav_home {
float:left;
margin:0 12px;
}
li#nav_marketing {
float:left;
margin:0 12px;
}
li#nav_webstudio {
float:left;
margin:0 12px;
}
li#nav_analysis {
float:left;
margin:0 12px;
}
li#nav_showcase {
float:left;
margin:0 12px;
}
li#nav_thecompany {
float:left;
margin:0 12px;
}
li#nav_contact {
float:left;
text-align:center;
margin:0 12px;
}
.menu_active {
background:url(../images/menu_active.png) no-repeat;
_background:url(../images/menu_active.gif) no-repeat;
width:91px;
height:144px;
position:absolute;
top:0;
left:525px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
text-transform:lowercase;
color:#386f84;
font-weight:bold;
text-align:center;
line-height:230px;
}
.home_active {
top:0;
left:378px;
}
.marketing_active {
top:0;
left:460px;
}
.webstudio_active {
top:0;
left:550px;
}
.analysis_active {
top:0;
left:635px;
}
.showcase_active {
top:0;
left:718px;
}
.thecompany_active {
top:0;
left:807px;
}
.contact_active {
top:0;
left:885px;
}
/* left hand side navigation */
ul#left_nav {
float:left;
width:233px;
padding:10px 0 0 0px;
margin:0 0 0 -7px;
}
ul#left_nav li {
margin: 0 0 0 0;
height:24px;
line-height:19px;
}
ul#left_nav li a {
padding:10px 0 0 20px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
text-transform:lowercase;
color:#24508d;
font-weight:bold;
}
ul#left_nav li a:hover {
color:#494949;
}
.left_nav_active {
background:url(../images/left_nav_active.jpg) no-repeat;
width:234px;
height:24px;
background-position:-1px 0px;
line-height:19px;
}
ul#left_nav li.left_nav_active a:hover {
cursor:default;
color:#093C79;
}
ul#left_nav li.left_nav_active a {
color:#093C79;
}
/*content*/
#main_content {
float:left;
width:734px;
background:url(../images/bg_content.jpg) repeat-x;
background-position:bottom;
}
.middle_column {
float:left;
width:430px;
padding:20px 0 0 0;
_width:425px;
}
.right_column {
float:left;
width:300px;
margin:10px 0 0 0;
}
.goodrig {
color:#EE9612;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
line-height:19px;
}
.goodrig_link {
color:#EE9612;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
/*--------------------------webstudio------------------------------------*/
.webstudio_middle {
width:490px;
}
.webstudio_right {
width:230px;
}
.webstudio_img {
float:left;
margin:20px 70px;
}
.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 25px 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:10px 20px 10px 20px;
width:300px;
height:300px;
}
.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:#666;
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 30px;
width:600px;
}
.right_content_careers h3 a{
font-size:13px;
float:right;
margin:10px 40px 20px 0;
color:#2c5d8d;
}
.right_content_careers ul{
float:left;
clear:left;
margin-bottom:20px;
}
.right_content_careers ul li{
list-style:disc;
margin:4px 20px 0 60px;
width:600px;
}
/*-------------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:0px 0 0 270px;
background:url(../images/bg_btn.gif) no-repeat;
width:96px;
height:30px;
border:0px solid white;
padding:0px 10px 3px 0px;
cursor:pointer;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:11px;
text-transform:lowercase;
color:#24508d;
font-weight:bold;
outline:none;
}
.send_btn:hover {
color:#525252;
}
.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:410px;
}
#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:10px 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:30px 0 10px 35px;
}
.homepage_desc_box h1 {
font-size:16px;
color:#2C5472;
margin:0 0 15px 0;
}
.homepage_desc_box ul {
margin-bottom:20px;
padding:3px 0 0 0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#2c5d8d;
}
.homepage_desc_box ul li a {
padding:3px 0 0 17px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:13px;
color:#2c5d8d;
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:#666;
/*border-bottom:1px dotted #999;
padding-bottom:2px;
*/
text-decoration:underline;
}