/* http://www.brollo.net */



BODY	{
	font: 76% Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #ffffff;
	margin: 0;
	padding: 0;
	background-image:url(../images/bg.gif);
	background-color: #ffffff; 
	margin-bottom: 0;
	margin-top: 0
	}

A:link	{
	text-decoration: none;
	color: #8484ff
	}

A:visited	{
	text-decoration: none;
	color: #8484ff
	}

A:hover	{
	text-decoration: none;
	color: #3ef752
 	}

.copyright{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align: center;
	color: #ffffff		
	}

.maintable{
	width: 820px	
}

.lefttd{
	background-image:url(../images/bg_left.png);
	width: 17px;
	vertical-align:bottom
}
.midtd{
	background-image:url(../images/bg_table.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
    background-color:#040852;
	width: 786px;
	vertical-align: top
}
.righttd{
	background-image:url(../images/bg_right.png);
	width: 17px;
	vertical-align:bottom
}


/* HEADER */

.h1{
	background-image:url(../images/wajihee_00.gif);
	height: 21px
	}
	
.h2{
	background-image:url(../images/wajihee_01.gif);
	height: 21px;
	width: 294px	
	}
	
.h3a{
	background-image:url(../images/header.gif);
	width: 276px;
	height: 140px
	}
	
.h3b{
	background-image:url(../images/header.gif);
	width: 510px;
	height: 140px;
	font-size: 13px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-style: italic
	}
	
.SaveTo{
  	width:95%;
	text-align:right;
	padding:10px
	}	
	
/* HOMEPAGE */

.hpswf{
	width: 532px;
	height: 98px;
	margin: 0;
	padding: 0;
	}

.serv{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align: left;
	color: #ffffff
	}


/* PORTFOLIO */

.porttr{
	height: 25px
	}

.portleft{
	background-image: url(../images/experience_left.gif);
	width: 10px;
	height: 25px	
	}
	
.portmid{
	background-image: url(../images/experience_middle.gif);
	font: 92% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffff52;
	vertical-align:middle;	
	height: 25px;
} 

.portright{
	background-image: url(../images/experience_right.gif);
	width: 10px;
	height: 25px	
	}

.portRleft{
	font: 92% Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #000000;
	text-align:left;
	vertical-align:middle;	
	height: 25px;
	width: 116px
	}
	
.portRright{
	text-align:left;
	vertical-align:middle;	
	height: 25px;
	width: 25px
	}

	
/* CASE STUDY */

.transcube{
	background-image: url(../images/transcube.gif);
	width: 210px;
	margin: 5px;
	text-align: justify;
	color: #000000	
	}


/* WEB DESIGN */

.wd{
	background:url(../images/webdesign.png)
	}

.pricez{
	
	color:ff9999;
	height:36px
	}
.pricez a{
	color:#FF9999;
	font:18px tahoma;
	text-decoration:none
	}
.pricez a:hover{
	color:#FFFFFF;
	font:18px tahoma;
	text-decoration:none
	}
.pricez a:visited{
	color:#FF9999;
	font:18px tahoma;
	text-decoration:none
	}
.pricez a:visited:hover{
	color:#FFFFFF;
	font:18px tahoma;
	text-decoration:none
	}
.priceztext{
	font:10px tahoma;
	color:#000000;
	height:16px
	}
.bucks{
	background:#AF0000;
	font:11px tahoma;
	margin-bottom:6px
	}

.priceleft{
	background-image: url(../images/pricez_left.gif);
	width: 11px;
	height: 36px;
	text-align:left	
	}

.pricemid{
	background-image: url(../images/pricez_mid.gif);
	width: 19px;
	height: 36px
	}

.priceright{
	background-image: url(../images/pricez_right.gif);
	width: 11px;
	height: 36px;
	text-align:right	
	}


/* WEB HOSTING */

.whp{
	background-image: url(../images/whp.png);
	
	width: 200px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-align:left;
	vertical-align:text-top	
	}


/* CONTACT US */

.fm{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:left;
	vertical-align:top	
	}


/* CONTACT US - Request */

.font{
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align:left;
	vertical-align:top
	}

		
/* SITEMAP */

.dtree {
	color: #666;
	white-space: nowrap
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	color: #ffffff;
	text-decoration: none
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #d521ca;
	text-decoration: underline
}
.dtree a.nodeSel {
	background-color: #c0d2ec
}
.dtree .clip {
	overflow: hidden
}