
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_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:470px;
	
}

.marketing_active {
	top:0;
	left:555px;
}

.webstudio_active {
	top:0;
	left:648px;
}

.analysis_active {
	top:0;
	left:732px;
	
}

.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;
}

/*--------------------------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:308px;
			}
			
					.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:238px;
	margin:30px 0 15px 70px;
	
}

.homepage_desc_box h1 {
	font-size:16px;
	color:#2C5472;
	margin:0 0 15px 0;
}

.homepage_desc_box ul {
	margin-bottom:20px;

}

.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;
	
	
	
		
}



