.trigger{
 	cursor:pointer;
}

img.trigger {
	margin:1px;
	border:1px solid #eaeaea;
}
	 	
#thumbnails a:hover img {
	border:1px solid #00a7ef;
}

div.displayimage { display:none; }


#tabmenu {
	background:url(images/tabmenu_bg.gif) repeat-x 0 0;
	height:26px;
	margin:0 10px;
	padding:0 10px;
}
#tabmenu a {
	display:block; float:left;
	line-height:30px;
	height:26px;
	color:#958f8f;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin-left:2px;
}



a#inhouse {
	background:url(images/inhouse_active.gif) no-repeat 0 0;
	width:137px;
}
a#inhouse-inactive {
	background:url(images/inhouse_inactive.gif) no-repeat 0 0;
	width:137px;
}

a#custom-active {
	width:137px;
	background:url(images/custom-software_active.gif) no-repeat 0 0;
}
a#custom-inactive {
	width:137px;
	background:url(images/custom-software_inactive.gif) no-repeat 0 0;
}

a#mobile-active {
	width:97px;
	background:url(images/mobile-apps_active.gif) no-repeat 0 0;
}
a#mobile-inactive {
	width:97px;
	background:url(images/mobile-apps_inactive.gif) no-repeat 0 0;
}

a#ecommerce-active {
	width:139px;
	background:url(images/ecommerce_active.gif) no-repeat 0 0;
}
a#ecommerce-inactive {
	width:139px;
	background:url(images/ecommerce_inactive.gif) no-repeat 0 0;
}


a#intranet-active {
	background:url(images/intranet_active.gif) no-repeat 0 0;
	width:137px;
}
a#intranet-inactive {
	background:url(images/intranet_inactive.gif) no-repeat 0 0;
	width:137px;
}

a#products-active {
	width:86px;
	background:url(images/products_active.gif) no-repeat 0 0;
}
a#products-inactive {
	width:86px;
	background:url(images/products_inactive.gif) no-repeat 0 0;
}

#tabmenu a:hover {
	background-position: 0 -26px;

}

#showcasecontainer {
	float:right;
	width:758px; _width:788px;
	border:1px solid #e0e0e0;
	padding:10px;
		margin-bottom:10px;
}


#showcase {
	width:738px; _width:768px;
	float:right;
	border:1px solid #cccbcb;
	padding:10px;
}

#thumbnails {
	float:right;
	padding:5px;
	width:352px; _width:362px;
	margin-left:5px;
	border:1px solid #eaeaea;
	background:url(images/thumbnails_bg.gif) repeat-x 0 0;
}

#display {
	float:right;
	width:352px; _width:362px;
	padding:5px;

	border-right:1px dashed #cccbcb;
}
#display a {
	display:block;
	margin-left:0;
	padding:20px;
	background:#eaeaea url(images/img_bg.gif) no-repeat 22px 16px;
}

#display a img {
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	background:#eaeaea;
}

#display h2 {
	margin:0 0 0 25px;
	color:#7098c4;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#display p {
	display:block;
	background:#f2f1df;
	padding:10px;
}

#navmenu {
	clear:right;
	background:url(images/navmenu_bg.gif) repeat-x 0 0;
	height:57px;
	margin:0 10px; _width:748px;
	text-align:left;
}
#navmenu span, #tabmenu span {
	display:none;
}
#navmenu a, #navmenu div {
	height:34px; line-height:34px;
	display:block; float:left;
	text-decoration:none;
	color:#958f8f;
	font:normal 13px Arial, Helvetica, sans-serif;
}
#navmenu a:hover {
	text-decoration:underline;
}

a#visitwebsite {
	width:101px; height:34px;
	background:url(images/visitwebsite_bg.gif) no-repeat 0 0;
}
a#visitwebsite:hover {
	background-position:0 -34px;
}
a#viewcasestudy {
	width:126px; height:34px;
	background:url(images/viewcasestudy_bg.gif) no-repeat 0 0;
}
a#viewcasestudy:hover {
	background-position:0 -34px;
}


div#backbtn {
	width:63px; height:34px;
	background:url(images/backbtn.gif) no-repeat 0 0;
}
div#backbtn:hover {
	background-position:0 -34px;
}
div#fwdbtn{
	width:71px; height:34px;
	background:url(images/fwdbtn.gif) no-repeat 0 0;
}
div#fwdbtn:hover {
	background-position:0 -34px;
}

#clientlist {
	background:#f2f0df url(images/clientlist_line.gif) repeat-x 0 37px;
	margin:5px 10px; _margin:10px;
	width:728px; _width:748px;  
	padding:5px;
}
#clientlist h2 {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#958f8f;
}
#clientlist li {
	list-style-image:url(images/clientlist_bullet.gif);
	margin:10px 0;
	color:#666;
	font:normal 10px Arial, Helvetica, sans-serif;
}
div.list-wrapper {
	margin-left:20px; _margin-left:15px;
	width:20em;
	float:left;
}