html {
	height: 100%;
}
body{ 
	margin: 0; 
	padding: 0;	
	width: 100%; 
	font: 13px/1.5em "Trebuchet MS";
	color: #424344; 
	background: #fff; 
	height: 100%;	
}

#center{
	margin: 0 auto;
	padding: 0;
	background: url(img/bottombg.jpg) no-repeat bottom right;
	min-height: 100%;
	_height: 100%;
	position: relative;
	min-width: 750px;
	max-width: 990px;
	border-left: 1px solid #AEAEAE;
	border-right: 1px solid #AEAEAE;
	direction: rtl;
}
h1, h2, h3 { padding: 0; margin: 0; } 
p { 
	padding: 0;	
	margin: 0; 
}

img {	
	border: none; 
	behavior: url('img/png.htc');
}
.png{
	//background-image: none ! important;
	behavior: url('img/pngfix.htc');
}
span.marked{
	color: #424344;
	font-weight: bold;
}
br.clear { 
	display: block; 
	clear: both; 
	height: 1px; 
}
/*---------------------------------------header----------------------------*/
#header{
	margin: 0;
	padding: 0;
	height: 114px;
}
#swf{
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 760px;
	height: 241px;
	margin-bottom: 50px;
	
}

#flashContainer{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
}

#bannermain{
	position: relative;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0 auto 0 auto;
	width: 760px;
	height: 241px;
	margin-bottom: 10px;
	background: url(img/banner_main.jpg) no-repeat top center;
}

#logo {
	height: 69px;
	width: 100%;
	position: relative;
	background: url(img/topbg.jpg) no-repeat top left;
}
#logomain {
	height: 15px;
	padding: 0;
	margin: 0;
	width: 100%;
	position: relative;
	background: url(img/topbg1.jpg) no-repeat bottom left;
}
#logo #home{
	height: 50px;
	width: 300px;
	cursor: pointer;
}

#languages{
	position: absolute;
	right: 25px;
	top: 10px;
}
#languages a{
	color: #363DC2;
	text-decoration: none;
}
#languages a:hover{
	color: #363DC2;
	text-decoration: none;
}

#link{
	position: absolute;
	right: 25px;
	top: 10px;
}
#link a{
	color: #363DC2;
	text-decoration: underline;
}
#link a:hover{
	color: #363DC2;
	text-decoration: none;
}
/*--------------------------Top menu-------------------------*/
#topMenu{
	background: url(img/menutopbg.jpg) no-repeat top right;
	position: relative;
	height: 44px;
	margin: 0;
	width: 100%;
	text-align: center;
	padding: 0;
	color: #0B2293;
	
}
#topMenu a{
	color: #0C2292;
	margin: 0;
	margin-right: 8px;
	margin-left: 8px;
	text-decoration: none;
}
#topMenu a:hover{
	color: #fff;
	text-decoration: none;
	background: #3260FC;
}

#menunav{
	position: relative;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0;
	color: #0B2293;
}

#menunav ul {
	list-style-type: none;
	display: inline;
	text-align: center;
}

#menunav ul li { display :inline; }

#menunav ul li a{
	color: #0C2292;
	margin: 0;
	margin-right: 8px;
	margin-left: 8px;
	text-decoration: none;
	display: inline;
}

#menunav a{
	color: #0C2292;
	margin: 0;
	margin-right: 8px;
	margin-left: 8px;
	text-decoration: none;
}
#menunav a:hover{
	color: #fff;
	text-decoration: none;
	background: #3260FC;
}
/*--------------------------------Right Navigation---------------------*/
#rightnav{
	position: absolute;
	top: 400px;
	left: 25px;
	margin: 0;
	padding: 0;
	width: 264px;
	height: 489px;
	padding-bottom: 15px;
}
#toprightnav{
	position: relative;
	margin: 0;
	padding: 0;
	width: 254px;
	height: 12px;
	background: url(img/rightnavtop.png) no-repeat top center behavior: url('png.htc');
}
#rightnavbg{
	position: relative;
	margin: 0;
	padding: 0;
	width: 254px;
	height: 100%;
	min-height: 100%;
	padding-top: 12px;
	background: url(img/rightnavbg.png) repeat-y top center behavior: url('png.htc');
	padding-bottom: 15px;
}
#rightnav a, #orightnav a{
	color: #424344;
	font: 1.3em "Trebuchet MS";
	font-weight: normal; 
	margin-top: 15px;
	margin-bottom: 10px;
	text-decoration: none;
}
#rightnav a.name, #orightnav a.name{
	color: #424344;
	padding: 0;
	padding-left: 0px;
	font: 0.9em "Trebuchet MS";
	line-height: 1.8em;
}
#rightnav a:hover,  #orightnav a:hover{
	color: #fff;
	background: #424344;
}
#rightnav #recent, #orightnav #recent{
	margin-right: 25px;
	margin-top: -470px;
}
#rightnav .project, #orightnav .project{
	padding: 0;
	margin: 0;
	margin-right: 25px;
	margin-top: 12px;
}
#rightnav p, #orightnav p{
	padding: 0;
	margin: 0;
}
/*---------------------------Content----------------------------*/

#content{ 
	margin: 0; 
	margin-right: 0px;
	padding: 0; 
	padding: 0 10px 200px 10px; 
}
#content a.wecreate{
	color: #424344; 
	margin: 0; 
	padding: 0;
	font: 13px "Trebuchet MS";
   font-weight: bold;
	text-decoration: none;
}
#content h2 a{
	font-weight: bold; 
	color: #424344;
	margin-top: 15px;
	text-decoration: none;
	font-size: 1em;
}
#content h2 { 
	font-size: 1.3em; 
	font-weight: bold; 
	color: #424344;
	margin-top: 15px;
}
#content p{
	margin: 0; 
	padding: 0;
	text-align: right; 
	font: 0.9em "Trebuchet MS";; 
	color: #424344;
	line-height: 2em;
	margin-left: 11px;
	padding-top: 10px;
}
#content a:hover{
	color: #fff;
	background: #424344; 
}
#content a{
	color: #424344;
	text-decoration: underline;
	font: 0.9em "Trebuchet MS";;
}
/*-------------------------------------Footer------------------------*/
#footer{
	position: absolute;
	bottom: 0; 
	left: 0;
	margin: 0;	
	padding: 0;
	height: 60px;
	width: 100%;	
	text-align: center;
}
#footernav{ 
	position: relative; 
	height: 23px;
	margin: 0;  
	margin-right: 0px;
	padding: 0;
	background: url(img/menubotbg.jpg) no-repeat top left;
	color: #4E63BA;
	/*border: 1px dashed;*/
}
#footernav a{ 
	color: #4E63BA; 
	margin: 0;	
	margin-right: 10px;	
	margin-left: 10px;	
	text-decoration: none; 
	line-height: 23px;
}
#footernav a:hover{	
	color: #fff;	
	text-decoration: none; 
	background: #3260FC;
}

#footernav ul {
	list-style-type: none;
	display: inline;
}

#footernav ul li { display :inline; }

#footernav ul li a{
	color: #0C2292;
	margin: 0;
	margin-right: 8px;
	margin-left: 8px;
	text-decoration: none;
	display: inline;
}

#copyright{
	position: relative;
	color: #6C789F;
	font: 13px "Trebuchet MS";
}
#copyright p{
	line-height: 30px;
}
/*-----------------------------------------Other pages------------------------------*/
#oheader{
	margin: 0;
	padding: 0;
	height: 75px;
}
#otopMenu{
	position: relative;
	background: url(img/omenubg.jpg) no-repeat top center;
	position: relative;
	height: 57px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
}


/*----------------------------------------other content--------------------------------*/
#ocontent{ 
	margin: 0; 
	margin-right: 0px;
	padding: 0 40px 200px 25px; 
	text-align: right
}
#ocontent a{
	color: #424344; 
	margin: 0; 
	padding: 0;
	font: 12px "Trebuchet MS";
   font-weight: bold;
	text-decoration: none;
}
#ocontent a:hover{
	background: #424344;
	color: #fff;
}
#ocontent p{
	margin: 0; 
	padding: 0;
	text-align: right; 
	font: 0.9em "Trebuchet MS";; 
	color: #424344;
	line-height: 2em;
	margin-left: 11px;
	padding-top: 10px;
}
#ocontent h2 a{
	font-weight: bold; 
	color: #424344;
	margin: 15px 0 0 11px;;
	text-decoration: none;
	font: 1em "Trebuchet MS"; 
}
#ocontent h2 { 
	font: 1.3em "Trebuchet MS"; 
	font-weight: bold; 
	color: #424344;
	margin-top: 15px;
}

/*--------------------------------------others rightnav-------------------------*/
#orightnav{
	/* position: absolute;
	top: 150px;
	left: 25px; */
	float : left;
	margin: 30px 20px 10px 20px;
	padding: 0;
	width: 254px;
	height: 480px;
	padding-bottom: 15px;
}
/*-----------------------------------------oters Technologies----------------------*/
#technologies{
	/* position: absolute;
	top: 150px;
	left: 35px; */
	float: left;
	margin: 40px 20px;
	padding: 0;
	width: 255px;
	padding-bottom: 15px;
	text-align: center;
}
#technologies h2{ 
	font-size: 1.3em; 
	font-weight: bold; 
	margin-top: 0px;
}
#technologies p{
	padding: 0;
	margin: 0;
	padding-top: 20px;	
	text-align: center;
	vertical-align: middle;
}
#technologies img{
	border: none;
	text-align: center;
}
/*---------------------------------------other webdesign-------------------------------*/
#web{
	position: relative; 
	margin: 0;
	padding: 0 40px 200px 25px;
}
#web h2{
	font: 1.3em "Trebuchet MS"; 
	font-weight: bold; 
	color: #424344;
	margin-top: 15px;
}
#web p{
	margin: 0; 
	padding: 0;
	text-align: right; 
	font: 0.9em "Trebuchet MS";; 
	color: #424344;
	line-height: 2em;
	margin-left: 11px;
	padding-top: 10px;
}
#web .project{
	float: left; 
	margin-right: 17px; 
	margin-bottom: 20px; 
	width: 120px; 
	text-align: center;
}
#web .project a img{
	display: block; 
	margin: 4px 4px 5px 4px; 
	padding: 4px; 
	background: #fff; 
	border: 1px solid #E4C5A6; 
	width: 110px; 
	height: 140px; 
}

#web .customers{
	padding: 0 0 250px 0;
	margin: 10px auto;
	width: 735px;
}
#web .customer{
	float: left; 
	padding: 0;
	margin: 10px 10px 10px 20px;
	width: 208px;
	height: 81px; 
}
#web .customer a img{
	display: block;
	padding: 0;
	margin: 0;
	width: 208px;
	height: 81px; 
	border: 0;	
}

#web .products{
	padding: 0;
	margin: 0 auto;
	width: 740px;
	margin-top: 20px;
}

#web p{
	padding: 0 40px 0 0;
}

#web .products .product{
	float: left;
	padding: 0;
	margin: 10px 40px 20px 20px;
	width: 297px;
}
#web .products .product a.title{
	color: #424344;
	margin: 15px 0 0 0px;;
	text-decoration: none;
	font: 1em "Trebuchet MS"; 
}
#web .products .product p{
	margin: 0;
	padding: 0;
}
#web .products .product a.title:hover{
	color: #fff;
	text-decoration: none;
	background: #424344;
}
/* Added by Ken Saggy */
#tagCloud { 
	margin-bottom: 20px;
	margin-top: 5px;
	background-color: #888;
}
#tagCloud h1 {
	display: inline;	
	color: #fff;
}

#tagCloud .buildWeb {
	font-size: 1.3em;
}
#tagCloud .webDesign {
	font-size: 1em;
}
#tagCloud .buildInternet {
	font-size: 0.7em;
}
#tagCloud .SWF {
	font-size: 1.4em;
}
#tagCloud .HTML {
	font-size: 1.1em;
}
#tagCloud .ASPNET {
	font-size: 1.2em;
}
#tagCloud .PHP {
	font-size: 1.8em;
}
#tagCloud .SQL {
	font-size: 1.1em;
}
#tagCloud .AS {
	font-size: 0.9em;
}
#tagCloud .logoDesign {
	font-size: 0.9em;
}
#tagCloud .webApplications {
	font-size: 1.3em;
}
#tagCloud .webPromotion {
	font-size: 1.2em;
}


#web a {
	color: inherit;
}

/* End of Ken's Modifications */
/*----------------------------------------other form---------------------------------*/
#form{
	margin: 0 auto;
	padding: 0;
	position: relative;
	margin-bottom: 30px;
	text-align: right;
	width: 300px;
}
span.requ{
	color: #FF4800;
}
#form .contactForm{
	width: 300px;
	padding: 0;
}

/* ----------------------------- */
#content p.openLinks {
	vertical-align: middle;
}