*	{ 	margin: 0; padding: 0; border: 0; }
	
ol,ul{ 	list-style: none;	}
	
body{ 	background: #fff;	}
	
#header{	width:100%;	height:189px;	background:#000 url(./bg_header.jpg) left top repeat-x;	}
	
#logo{ 	float: left; 	text-indent: -5000px; 	font-size: 0;  	line-height: 0; 	padding: 0px 0px 0px 0px; 	}
	
#logo a	{ 	display: block;	width: 399px;	height: 189px;	background: url('./logo.jpg') no-repeat left top; 	}

/** Top navigation**/	
#topNav{	float:right;	font-size: 0;	line-height: 0;	padding: 80px 40px 0 0;	}
	
#topNav li{	display:inline;	}
	
#topNav li a{text-indent: -5000px;display: block; float: left; width: 54px; height: 81px; margin: 0px 30px 0px 0px;}

#topNav li a#a_home	{ background: url(./menu_home.jpg) no-repeat 0 0;}
#topNav li a#a_services	{ background: url(./menu_service.jpg) no-repeat 0 0;}
#topNav li a#a_products	{ background: url(./menu_products.jpg) no-repeat 0 0;}
#topNav li a#a_weblog	{ background: url(./menu_weblog.jpg) no-repeat 0 0;}
#topNav li a#a_contactus	{ background: url(./menu_contactus.jpg) no-repeat 0 0;}

/** Small navigation	
#LNav{position:relative;top:10px;right:20px}**/
#LNav	{ float: right; font-size: 0; line-height: 0; margin: 10px 20px 0 0; }
#LNav li	{ display: inline; }
#LNav li a	{ text-indent: -5000px; display: block; float: left; height: 56px; }
	
#LNav li a#b_home	{ 	background: url(./lnav2.png) no-repeat -125px 0; 	width:38px;		margin-right:1px;}
#LNav li a#b_home:hover	{ background: url(./lnav2.png) no-repeat -125px -56px; 	width:38px;		margin-right:1px;}
#LNav li a#b_services	{ 	background: url(./lnav2.png) no-repeat -93px 0; 	width:34px;		margin-right:1px;}
#LNav li a#b_services:hover	{ background: url(./lnav2.png) no-repeat -93px -56px; 	width:34px;		margin-right:1px;}
#LNav li a#b_products	{ 	background: url(./lnav2.png) no-repeat -63px 0; 	width:34px;		margin-right:1px;}
#LNav li a#b_products:hover	{ background: url(./lnav2.png) no-repeat -63px -56px; 	width:34px;		margin-right:1px;}
#LNav li a#b_weblog	{ 	background: url(./lnav2.png) no-repeat -33px 0; 	width:34px;		margin-right:1px;}
#LNav li a#b_weblog:hover	{ background: url(./lnav2.png) no-repeat -33px -56px; 	width:34px;		margin-right:1px;}
#LNav li a#b_contactus	{ 	background: url(./lnav2.png) no-repeat -1px 0; 	width:34px;		margin-right:1px;}
#LNav li a#b_contactus:hover	{ background: url(./lnav2.png) no-repeat -1px -56px; 	width:34px;		margin-right:1px;}


#pt {
	position:relative;
	margin:auto;
	padding:0;
	top:-22px;
	height:auto;
	width:981px;
	background: #FFFFFF url(./pagetop.png) 0 0 no-repeat ;
	z-index:10;
	
	}

#ptBanner{
	position:relative;
	overflow: hidden;
	margin:auto;
	padding:0;
	height:213px;
	width:926px;
	top:40px;
	z-index:20;
}

#ptContent{width:926px; margin:60px auto; height:100px}

#ptLeft,#ptRight{
	/*position:relative;
	border:1px solid red;*/
	display:block;
	float:right;
	padding:5px;
	text-align:justify;
	direction:rtl;
	}
	
#ptLeft	{width:300px;padding:8px 70px 8px 8px }
#ptRight{width:500px;padding:8px}

.ptTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#33CC00;
	}
.ptContentTxt{
	font-family:tahoma;
	font-size:12px;
	color:#000000;
	text-indent:20px;
	line-height:20px;
	}

#page { width:981px;margin:10px auto; }

.section{
	overflow: auto; margin:20px auto; padding:0; width:981px ; 
	background: #FFFFFF url(./body.png) 0 0 no-repeat ;
}

/* services */
.column
	{float:left}
.title
	{float:right;margin:10px 20px auto;display:block}	
#services .title
	{ width: 128px; }
#services .column
	{margin:30px auto; width: 280px; padding-right: 45px; }
#services .title h3
	{background:url(./title/services.png) 0 0 no-repeat;height:33px;display:block; text-indent:-5000px}
#services .col1 h3
	{background:url(./wp.png) 0 0 no-repeat; height:52px; text-indent:-5000px;margin:0 0 0 28px}
#services .col2 h3
	{background:url(./joomla.png) 0 0 no-repeat;height:52px;text-indent:-5000px;margin:0 0 0 45px}
#services .col3 h3
	{background:url(./web2studio.png) 0 0 no-repeat;height:52px; text-indent:-5000px;margin:0 0 0 90px}
#services .ser
{	font-family:tahoma;
	font-size:12px;
	color:#000000;
	line-height:20px;
	text-align:right;
	direction:rtl;
}

/*products*/
#products .column
	{margin:30px}
#products .col1
	{width: 180px; padding-left: 65px; margin:120px 0 30px 0}
#products .col2
	{
	width: 580px; padding-right: 45px;
	font-family:tahoma;
	font-size:12px;
	color:#000000;
	line-height:20px;
	text-align:right;
	direction:rtl;	
	}
#products .title
	{width: 116px;}
#products .title h3
	{background:url(./title/products.png) 0 0 no-repeat;height:33px;display:block; text-indent:-5000px}
#products ul
	{list-style:circle;text-indent:25px}	


/*contactus*/
#contactus .title
	{width: 146px;}
#contactus .title h3
	{background:url(./title/contactus.png) 0 0 no-repeat;height:33px;display:block; text-indent:-5000px}
#contactform
	{margin:50px 0 0 0}

#contactform table
	{font-size:12px;font-family:Tahoma;color:#000000; margin:2px 50px 20px 50px}
	
#contactform input
	{border:#00CCCC 1px solid;font-size:12px; font-family:Tahoma; height:20px;color:#004080; width:160px}
#contactform textarea
	{border:#00CCCC 1px solid;font-size:12px; font-family:Tahoma; height:120px;color:#004080}
#contactform .submitBttn
	{width:90px}
#error
	{ color: red; font-weight: normal; font-size: 1.1em; text-align: right; padding: 5px 20px 0 0; height: 15px; direction:rtl}
#formMessages .err,#formMessages .success, #formMessages .serverError
	{
	height:30px;/**/
	margin:0 auto 0 auto;
	border:2px #333333 solid;
	background-color:#CCFF33;
	direction:rtl;
	font-size:21px;
	font-family:"Times New Roman", Times, serif;
	color:#FF0033;
	display:none;
	text-align:center;
	padding:5px 0 5px 0;
	}
	
#formMessages .loading
	{background:url(./loading.gif) 0 0 no-repeat;width:220px;height:32px;display:none;}
.tick
	{
		background:url(./icon_tick.jpg) 0 0 no-repeat;
		width:22px;
		height:24px;
	}	

/*footer*/
#footer
	{background:url(./footer.jpg) 0 0 no-repeat;margin:70px auto 2px auto ;width:528px;height:70px;padding:20px}
#footer .cfooter
	{background:url(./minilogo.jpg) 0 0 no-repeat;width:340px;height:30px;margin:0px auto 10px auto;
	}
#footer span
	{font-size:10px;color:#959595; font-family:Tahoma;padding-left:30px;cursor:default}