* { margin:0; padding:0;}
body { background:#2b2b2b; font-size:100%; line-height:1em; font-family:tahoma; color:#2b2b2b; overflow-y: auto;}


/*in_line*/
input, select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#2b2b2b; font-weight:normal; font-size:1em}
img {border:0; vertical-align:top; text-align:left;}

a {text-decoration:underline; color:#b01e03}
a:hover {text-decoration:none}

a.link {text-decoration:none; color:#453f35; font-size:0.92em; font-weight:bold; background:url(/images/en/marker_link.gif) no-repeat 0 2px; padding-left:15px}
a.link:hover {text-decoration:none}

.column { float:left;}
.clear { clear:both;}

p {margin:0 0 14px 0}
.p1 {margin:0 0 20px 0}

.font_1 {color:#2b2b2b; text-decoration:underline}

#site_center {background:url(/images/en/top_bg.gif) repeat-x top #fff; }

/*header*/
#header { height:271px; background:url(/images/en/header_bg.jpg) no-repeat 250px 0}
#langswitch { position: absolute; left:70%; top: 0px; right: 70%; width: 78px; height: 21px; } 

/*content*/
#content { min-height:420px; height:auto !important; height: 420px; font-size:0.6875em; line-height:1.27em}
#content .content_indent {padding:37px 0 19px 0}
.title {margin-bottom:21px}
.title_1 {margin-bottom:17px}
.img_left {float:left; margin:0 20px 20px 0}
.img {margin-bottom:14px}
.img_1 {margin-bottom:27px}

.col_bg {background:url(/images/en/col_bg.gif) repeat-y right top}
.col_left_bg {background:url(/images/en/col_bg.gif) repeat-y left top}

.line {background:url(/images/en/line_bg.gif) repeat-x left top; height:17px; margin:20px 10px 0 0}

/*footer*/
#footer { width:100%; background:url(/images/en/footer_bg.gif) repeat-x top #2b2b2b; text-align:center; font-family:tahoma; font-size:0.625em; line-height:1.2em; color:#c4cbea; padding:21px 0 16px 0}
#footer a {color:#c4cbea; text-decoration:none}
#footer a:hover {text-decoration:underline}

/*================== Menu ==================*/
div.menuDiv {
	padding:57px 0 0px 0px;
}

input {width:203px; height:20px}
.div_input {height:25px}
textarea {width:203px; height:132px; overflow:auto; margin-bottom:10px; display:block}
.div_links {text-align:right}



/* ===================== Layout ====================*/

#site_center {text-align:center;}
#main {margin:0 auto; width:766px; text-align:left;}

#header, #content {width:766px}

.width {width:766px}

.techImage {
	float:left;
	height:129px;
}

.flashImage {
	width:163px;	
	background-image:url('../images/2menu_1.jpg');
}

.javaImage {
	width:129px;	
	background-image:url('../images/2menu_2.jpg');
}

.phpImage {
	width:150px;	
	background-image:url('../images/2menu_3.jpg');
}

.dbImage {
	width:135px;	
	background-image:url('../images/2menu_4.jpg');
}

.htmlImage {
	width:189px;	
	background-image:url('../images/2menu_5.jpg');
}


/*======= index =======*/
#indexDiv ul{list-style:none}
#indexDiv ul li { line-height:1.64em; background:url(/images/en/marker_list.gif) no-repeat 0 0; padding:0px 0 0px 10px; color:#b92307;}

.col_1 {
	width:231px;
	float:left;
}

.col_2 {
	width:335px;
	float:left;
}

.col_3 {
	width:200px;
	float:left;
}

.col_1 .indent { 
	padding:0 28px 7px 30px
}

.col_2 .indent { 
	padding:0 28px 7px 30px
}

.col_2 .indent_1 { 
	padding:0 25px 24px 30px
}

.col_2 .indent_2 { 
	padding:0 25px 0 30px
}

.col_3 .indent_1 { 
	height:100px;
	padding:0 25px 24px 30px
}

.col_3 .indent_2 { 
	padding:0 25px 0 30px
}
/*=========================*/


/*======= services =======*/
#serviceDiv ul{list-style:none}
#serviceDiv ul li { line-height:1.64em; background:url(/images/en/marker_list.gif) no-repeat 0 0; padding:0px 0 0px 10px; color:#b92307;}

#serviceDiv .col_1 {
	width:185px;
	float:left;
}

#serviceDiv .col_2 {
	width:581px;
	float:left;
}

#serviceDiv .services_enum {
	margin-top:20px;
}

#serviceDiv p {
	padding-left:110px;
}

/*=========================*/


/*======= Portfolio =======*/
#portfolioDiv .col_1 {
	width:200px;
	float:left;
}

#portfolioDiv .col_2 {
	width:566px;
	float:left;
}

#portfolioDiv .col_1 .indent { 
	padding:0 28px 7px 30px
}

#portfolioDiv .col_2 .indent { 
	padding:0 28px 7px 30px
}

.portfolio_title {margin-left: 50px;}

.portFolioItem {
	margin-left:50px;
	margin-top:10px;
	padding-bottom:30px;
}

.portFolioItem .imgSection {
	float:left;
	width:170px;
	padding-top:23px;
}

.imgSection img {
	border:1px solid #cccccc;	
	padding:5px;
}

.portFolioItem .textSection {
	float:left;
	width:450px;
	padding-right:10px;
	
}

.textSection h3 {
	margin-bottom:10px;	
	font-size:14px;
}

/*=========================*/


/*======= contact =======*/
#contactDiv .col_1 {
	width:500px;
	float:left;
}

#contactDiv .col_2 {
	width:245px;
	float:left;
}

#contactDiv .col_2 .indent {
	padding-left:20px;
}

#contactDiv .col_1 .box {
	float:left;
	width:452px;
}

#contactDiv .col_1 .col_box_1 {
	float:left;
	width:150px; 
}

#contactDiv .col_1 .col_box_2 {
	float:left;
	width:300px;
}
/*=========================*/