﻿body {
	font: 90% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	background: #bfbebe;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

p, h1, h2
{
	padding:0px;
	margin:0px;
}

.proj_text, .serv_text
{	
	background:url(../images/proj_serv_bg.gif);
	margin:20px 0px 0 0;	
	height:145px;
	width:505px;
}
.proj_content, .serv_content
{
	margin-top:5px;
}
#proj_heading
{
	padding-right:5px;
}

.support_text
{
	padding:0 45px 0 45px;
}

table.proj_text tr td, table.serv_text tr td
{
	padding:0 30px 0px 30px;
}

table.proj_text tr td a:link, table.serv_text tr td a:link
{
	color:#2E5485;
	font-weight:bold;	
}
table.proj_text tr td a:visited, table.serv_text tr td a:visited
{
	color:#2E5485;
	font-weight:bold;		
}
table.proj_text tr td a:hover, table.serv_text tr td a:hover
{
	color:#2E5485;
	font-weight:bold;		
}

.faq_page_text_top
{	
	background:url(../images/faq_top.gif);
	margin:10px 0 0 0;	
	width:669px;
	height:44px;
}
.faq_page_text_middle
{	
	background:url(../images/faq_middle.gif);
	background-repeat:repeate-x;
	padding:0 40px 0 40px; 	
	color:#4C4C59;	
	width:589px;	
}
.faq_page_text_bottom
{	
	background:url(../images/faq_bottom.gif);
	width:669px;
	height:22px;
}
.faq_heading
{
	font-size:14px;
	font-weight:bold;
	color:#2E5485;
	padding:10px 0 0 20px; 
}

.left
{
	float:left;
}
.right
{
	float:right;
}

.home_text
{
	padding:0 5px 20px 215px;
}
#dbconvert_text
{
	padding:0 0px 20px 0;
	width:210px;
}
#contact_text
{
	padding:0 0px 20px 0;
	width:470px;
}

.home_img_left
{
	margin:0 0 23px 0;
	/*border:1px solid;*/
}
.home_img_right
{
	margin:0 0 23px 18px;
		/*border:1px solid;*/
}
.home_heading
{
	margin: 0px 0 22px -85px;
}

#span_left 
{
	margin:0 0 23px 0;
	float:left;
	width:285px;
	height:20px;
}

h2#mem_left 
{
	background:transparent url(../images/outsourcing_txt.png) no-repeat scroll right bottom;
	margin:0 0 23px 0;
	float:left;
	width:285px;
	height:20px;
}
h2#mem_right 
{
	background:transparent url(../images/graformix_txt.png) no-repeat scroll right bottom;
	margin:0 62px 23px 0px;
	_margin:0 38px 23px 0px;
	float:right;
	width:285px;
	height:20px;
}
span.hide_left 
{
	visibility:hidden;
	margin:3px 3px 0 13px;
	width:285px;
}

#txt_left 
{
	margin:3px 3px 0 13px;
	width:285px;
	text-decoration:none;
}

span.hide_right 
{
	visibility:hidden;
	padding:3px 0 0 47px;
	width:285px;
}
#txt_right 
{
/*	padding:3px 3px 0 15px;
	_padding:3px 0 0 7px;*/
	margin:3px 3px 0 0px;
	float:right;
	width:285px;
	text-decoration:none;	
}

.content_text .contact_img
{
	float:right;
	margin:0 5px 19px 0;	
}

.content_text .proj_img, .content_text .serv_img
{
	float:left;
	margin:20px 20px 0 0;
}

a img 
{
	border:0px;
}

.content_text img
{
	margin:0 5px 39px 55px;
	_margin:0 5px 30px 55px;
}

.skincrafter_img, .topix_img
{
	margin:0 0px 35px 55px;
	float:right;
}

h1{
	font-size:140%;
}
h2{
	font-size:120%;
	margin:10px 0 5px 0;
}
h3{
	
}

ul li
{
	margin:0 5px 15px 0;
}
.style1 {
	font-family: "Times New Roman";
}

strong
{
	color:#000;
}

a
{
	color:#0070cf;
	text-decoration:none;
}
a:visited
{
	color:#809eb7;
}
a:hover
{
	text-decoration:underline;
}
/*   end of elementh desctiption
---------------------------------------*/
.top_menu{
	padding-top:91px;
	padding-right: 2px; 
	padding-left: 1px;
	margin-left:130px;
	margin-right: 10px;
}

#logo_image
{
	 position:absolute;
	 float:left;
	 margin-top: 10px; margin-left: 26px;
	 width: 465px; height: 68px;
}
.menu2 {padding:0 0 0 24px; margin:0; list-style:none; height:35px; 
	background:#fff url(../images/menu_bg.png);  height: 30px;
	position:relative; border-bottom:0px solid #444;
}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:31px; line-height:31px; color:#D6DAE8; text-decoration:none; 
			font-size:11px; font-family: "Trebuchet MS", verdana, arial, sans-serif; font-weight:bold; 
			text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li a:visited {color:#D6DAE8;}
.menu2 li a:hover {text-decoration:none; color:#B2D8F7; background:#000 url(../images/menu_h.png);}
.menu2 li a:hover b {background:url(../images/menu_h.png) no-repeat right top;}

.menu2 li.current a {color:#A5A9FF; background:url(../images/menu_p.png);}
.menu2 li.current a b {background:url(../images/menu_p.png) no-repeat right top;}
.menu2 li.current a:visited {color:#A5A9FF;}
.menu2 li.current a:hover {color:#A5A9FF;background:#000 url(../images/menu_p.png); cursor:default;}
.menu2 li.current a:hover b {background:url(../images/menu_p.png) no-repeat right top;}


.menub {padding:0 0 0 32px; margin:0; margin-left: 2px; margin-right: 1px; list-style:none; height:26px; background:#292B49; position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;font-family: "Trebuchet MS", verdana, arial, sans-serif;}
.menub li {float:left;}
.menub li a {display:block; float:left; height:26px; line-height:26px; text-decoration:none; font-size:11px; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;color:#CFD3E4;}
.menub li a:visited {color:#CFD3E4; text-decoration:none;}
.menub li a:hover {color:#FEFEFF; text-decoration:underline;}

/*    end menu part
------------------------------------*/
#content
{
	width: 764px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
#header
{
	margin:20px 0 10px 0;
	background:#EAEAEA url(../images/dmsoft_header.png) no-repeat;
	height:134px;
	
}
 #container {
	width: 764px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	/*background: #EAEAEA;
	*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin:11px 0 20px 0;
}
 #container_header {
 background-image:url(../images/cont_top_bg.png);
background-repeat:repeat-x;
height:11px;
 /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
 #mainContent {
	/* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-image:url(../images/cont_bg.png);
	background-repeat:repeat;
	padding-top: 25px;
	}
	
	.content_text
	{
		padding: 0 45px 25px 45px; 
		font-size:90%;  
		text-align:justify;
	}
	.content_text ul.li
	{
		padding-right:5px;	
	}
	.content_home_text
	{
		padding: 0 0px 0 85px;
		font-size:90%;  
	}
	.dbconvert_content_text
	{
		padding: 0 45px 0 45px; 
		margin-bottom:-40px;	
		font-size:90%;  
		text-align:justify;
	}
	.skincrafter_content_text
	{
		margin:0 50px 180px 45px; 
		font-size:90%;  
		text-align:justify;
	}

 #container_footer{
	 background-image:url(../images/content_footer_bg.png);
	 background-position:bottom;
	 height:68px;
	_height:58px;
}

#cp_right
{
	font-size:80%;
	margin-top:8px;
	padding-right:45px;
	float:right;

}
