/*
Style for the portfolio rollover menu
*/


#container #index_categories {
	/*background:url(../images/index/bg_prodmenu.gif) top repeat-x;*/	
	width:820px;
	
	/*height:300px;*/
	/*padding-bottom:61px;*/
	overflow:hidden;
	/*margin-bottom:20px;*/	
	position:absolute;
	left:20px;
	right:20px;
	padding:0px;
	margin:0px;
	list-style:none;
	margin-bottom:0px;
	width:127px;
	z-index:10;
}

#container #index_categories li {
	height:140px;
	display:block;
	position:relative;
	float:left;
	width:115px;
	overflow:hidden;
	padding-left:0px;
	margin:0px;
	margin-bottom:5px;
	background:#FFFFFF;
	border:solid 1px #e0e0e0;
	
	padding:1px;
	height:70px;
}


#container #index_categories li a {
	position:absolute;
	left:1px;
	top:1px;
}

#container #index_categories li a span {
	color:#FFFFFF;
	position:absolute;
	z-index:100;
	bottom:5px;
	left:5px;
	font-family:Trebuchet MS, Arial, Helvetica;
	font-size:1.2em;
	font-weight:bold;
}

#container #index_categories li h2 {
	position:absolute;
	text-align:center;
	width:117px;
	left:0px;
	top:80px;
	font-size:1.2em;
	margin:0px;
	border:0px;
}

#container #index_categories li p {
	position:absolute;
	left:130px;
	top:0px;
}


#container #catcontainer {
	/*border:solid 1px #e0e0e0;*/
	border:solid 1px #b58ac2;
	padding:1px;
	float:right;
	height:307px;
	width:400px;
	position:relative;
	z-index:5;
}

#container #catcontainer img {
	position:absolute;
	left:1px;
	top:1px;
	z-index:1;
}

#container #catcontainer h2 {
	position:absolute;
	right:10px;
	bottom:58px;
	width:380px;
	text-align:right;
	z-index:3;
	padding-bottom:5px;
	margin-bottom:0px;
	color:#FFFFFF;
}

#container #catcontainer p {
	position:absolute;
	right:10px;
	top:260px;
	text-align:right;
	z-index:3;
	color:#FFFFFF;
}

#container #catcontainer span {
	position:absolute;
	bottom:1px;
	left:1px;
	width:400px;
	height:100px;
	background:url(../images/bg_portfolio_catcontainer.png);
	display:block;
	z-index:2;
}

#container #catcontainer a {
	position:absolute;
	top:10px;
	right:10px;
	z-index:5;
}

/*
Styles for the grey boxes for extra sections
*/

#container .sectionbox {
	/*float:left;
	margin-right:20px;
	position:relative;*/
}

#container .sectionbox h3 {
	border-bottom:solid 1px #e6e6e6;
	padding-bottom:5px;
	margin-bottom:5px;
	/*padding-right:25px;*/
	color:#727272;
	/*float:left;
	width:140px;*/
}

#container .sectionbox p {
	position:absolute;
	width:110px;
	top:50px;
	right:20px;
}

#container .sectionbox img {
	float:left;
	margin-right:10px;
}

#container .sectionbox a.more {
	position:absolute;
	right:20px;
	bottom:20px;
}

/*
Styles for the 'in-view' client
*/


#container #clientbox {
	background: #b58ac2 url(../images/bg_box_p_casestudy.gif) 0px 10px no-repeat;
	padding-top:15px;
	padding-bottom:10px;
}

#container #clientbox h3 {
	padding-top:5px;
	padding-bottom:12px;
	border-bottom:solid 1px #CCCCCC;
	margin-bottom:12px;
	width:200px;
	padding-right:80px;
	float:left;
}

#container #clientbox h3 span {
	font-size:0.8em;
	display:block;
}

#container #clientbox p {
	float:left;
	width:280px;
}

#container #clientbox img.logo {
	position:absolute;
	top:15px;
	left:215px;
	/*margin-top:15px;
	margin-left:10px;
	margin-bottom:5px;*/
}


#container #clientbox h4 {
	float:right;
	font-size:0.9em;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	margin:0px;
	padding:8px;
	height:15px;
	background:url(../images/bg_subnav_h2.gif) top no-repeat;
	overflow:hidden;
	position:relative;
	width:214px;
}



#container ul.list_casestudies_small {
	float:right;
	padding-bottom:20px;
	background:url(../images/bg_subnav_ul.gif) bottom no-repeat;
	margin-bottom:0px;
	width:230px;
	clear:right;
}	

#container ul.list_casestudies_small li {
	margin-bottom:0px;
	padding:0px;
}

#container ul.list_casestudies_small li.box a {
	border-top:1px solid #c8a4d3;
	border-bottom:solid 1px #9f6dae;
	
	display:block;
	position:relative;
	height:47px;
	padding:3px 5px 0px 87px;
	background:#b58ac2 url(../images/bg_subnav_ul_li_a.gif) bottom repeat-x;
}

#container ul.list_casestudies_small li.box a:hover {
	background:url(../images/bg_list_casestudies_a_hover.jpg) -25px 0px no-repeat;
	color:#FFFFFF;
}

#container ul.list_casestudies_small li img {
	position:absolute;
	left:0;
	top:0;
}