/*-----------------------------------------------------------------------*/	
/*                        SERVICES CATEGORIES                            */
/*-----------------------------------------------------------------------*/	

h1 { position:absolute; top:110px; left:270px; margin:0; padding:0; text-indent:-2000px; display:block; width:212px; height:42px }

.technology { background:url(../ui/technology-title.png) no-repeat; }

.marketing { background:url(../ui/marketing-title.png) no-repeat; }

.sales { background:url(../ui/sales-title.png) no-repeat; }

.grid-c1 p { font:italic 14px/30px verdana; text-align:right; padding-bottom:30px; margin-bottom:20px; border-bottom:solid 1px #868787; }


/* GRID */

.grid { width: 970px; margin: auto; }

.grid-m1 { float: left; width: 20px; height: 1px; }

.grid-c1 { float: left; width: 215px; }

.grid-m2 { float: left; width: 35px; height: 1px; }

.grid-c2 { float: left; width: 325px; padding-top:195px; }

.grid-m3 { float: left; width: 30px; height: 1px; }

.grid-c3 { float: left; width: 325px; padding-top:195px; }

.grid-m4 { float: left; width: 20px; height: 1px; }

/* TRIANGLE NAV */

ul#triangleNav { position:absolute; top:0; right:9px; background:url(../ui/services-trianglenav.jpg) no-repeat 0 0; width:265px; height:200px; display:block; list-style:none; margin:0; padding:0; }

#triangleNav li { margin:0; padding:0; }

#triangleNav li.salesPoint a { display:block; position:absolute; top:0; left:0; background:url(../ui/services-trianglenav-sales.png) no-repeat; width:257px; height:100px; overflow:hidden; text-indent:-2000px; }

#triangleNav li.technologyPoint a { display:block; position:absolute; top:120px; right:0; background:url(../ui/services-trianglenav-technology.png) no-repeat; width:127px; height:80px; overflow:hidden; text-indent:-2000px; }

#triangleNav li.marketingPoint a { display:block; position:absolute; top:120px; left:0; background:url(../ui/services-trianglenav-marketing.png) no-repeat; width:127px; height:80px; overflow:hidden; text-indent:-2000px; }

#triangleNav li a:hover { background-position:left bottom; }

/* LEFT NAV */

.grid-c1 ul { list-style:none; margin:0; padding:0; }

.grid-c1 li { text-align:right; background:none; display:block; padding:8px 0; margin:0; font:normal 12px verdana; text-transform:uppercase; }

.grid-c1 li:hover, .grid-c1 li a:hover { text-decoration:none; }