﻿/* Layout styles ---------------------------- */

.main 
{
	float		: left;
	/* height */

    /* width */
	min-width	: 100%;
	width		: auto !important;
    width		: 100%; 
	margin		: 0 auto; 
	
}
#header {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px;
	padding: 0px;
	z-index: 4;
	background: transparent url('/images/header.gif') repeat-x left top;
	height:136px;
	width: 100%;
}

#header a,
#header a:hover
{
font-weight: bold;
font-size: 8pt;
}

#hoofd-navigatie {
position:absolute;
right:0;
top:105px;
}
   #hoofd-navigatie li {
   float:left;
   margin-left:1px;
   } 
       #hoofd-navigatie li a.trigger {
       float:left;
       color:White;
       } 
        #hoofd-navigatie li a.trigger span {
        padding:7px 12px;
        display:block;
        }
            #hoofd-navigatie .hovering a.trigger:hover,
            #hoofd-navigatie .hovering a.trigger,
            #hoofd-navigatie a.trigger.selected {
            background:url(/images/navigation_tab_left.gif) no-repeat left top;
            color:black !important;
            }
                #hoofd-navigatie .hovering a.trigger:hover span,
                #hoofd-navigatie .hovering a.trigger span,
                #hoofd-navigatie a.trigger.selected span {
                background:url(/images/navigation_tab_right.gif) no-repeat right top;
                }
   #hoofd-navigatie .uitklap {
   display:none;
   position:absolute;
   right:0;
   top:27px;
   background:url(/images/navigation_uitklap_bg.png) repeat-x left bottom;
   min-height:160px;
   height:auto !important;
   height:160px;
   }
        #hoofd-navigatie .hovering .uitklap { 
        display:block;
        z-index:20;
        }
            #hoofd-navigatie .uitklap .subnavigatie {
            float:right;
            margin-right:0px;
            width:600px;
            padding-left:180px;
            min-height:160px;
            height:auto !important;
            height:160px;
            padding-top:24px;
            }
                #hoofd-navigatie #diensten .uitklap .subnavigatie {
                background:url(/images/navigation_diensten_bg.jpg) no-repeat 6px 2px;
                }
                #hoofd-navigatie #tamtam .uitklap .subnavigatie {
                background:url(/images/navigation_tamtam_bg.jpg) no-repeat 6px 2px;
                }
                    #hoofd-navigatie .uitklap .subnavigatie .uitgelicht {
                    float:left;
                    width:221px;
                    margin-left:25px;
                    }
                        #hoofd-navigatie #diensten .uitklap .subnavigatie .uitgelicht {
                        width:500px;
                        }
                            #hoofd-navigatie #diensten .uitklap .subnavigatie .uitgelicht li a {
                            margin-right:5px;
                            }
                        #hoofd-navigatie .uitklap .subnavigatie .uitgelicht li {
                        margin-bottom:5px;
                        float:left;
                        }
                        
                        #hoofd-navigatie .uitklap .subnavigatie .uitgelicht li a {
                        float:left;
                        background:url(/images/navigation_uitklap_uitgelicht_bg.gif) no-repeat left top;
                        padding:10px 10px 10px 80px;
                        width:131px;
                        
                        height:41px;
                        position:relative;
                        }
                            #hoofd-navigatie .uitklap .subnavigatie .uitgelicht li a span,
                            #hoofd-navigatie .uitklap .subnavigatie .uitgelicht li a:hover span {
                            color:Gray;
                            font-weight:normal;
                            font-size:90%;
                            }
                            #hoofd-navigatie .uitklap .subnavigatie .uitgelicht li a img {
                            position:absolute;
                            left:10px;
                            top:10px;
                            }
                            #hoofd-navigatie .uitklap .subnavigatie .uitgelicht li a:hover,
                            #hoofd-navigatie .uitklap .subnavigatie .uitgelicht li a.selected {
                            color:#d11241;
                            background-position:left bottom;
                            }
                        
                    #hoofd-navigatie #tamtam .uitklap .subnavigatie div {
                    float:left;
                    width:200px;
                    margin:10px 0 0 21px;
                    }
                        #hoofd-navigatie #tamtam .uitklap .subnavigatie em {
                        font-style:normal;
                        font-weight:bold;
                        padding-bottom:5px;
                        display:block;
                        }
                        #hoofd-navigatie #tamtam .uitklap .subnavigatie div li {
                        float:left;
                        width:100%;
                        }
                            #hoofd-navigatie #tamtam .uitklap .subnavigatie div li a {
                            float:left;
                            display:block;
                            padding:2px 0 2px 11px;
                            background:url(/images/icons/black_arrow.gif) no-repeat left 6px;
                            }
                                #hoofd-navigatie #tamtam .uitklap .subnavigatie div li a:hover,
                                #hoofd-navigatie #tamtam .uitklap .subnavigatie div li a.selected {
                                background:url(/images/icons/red_arrow2.gif) no-repeat left 6px;
                                color:#d11241;
                                }
                    
                    
                       
            
            #hoofd-navigatie .uitklap a {
            color:Black;
            float:left;
            }
        
	#wrapper_head 
	{
		position: relative;
		margin	: 0 auto;
		padding	: 0px;
		width	: 985px;
		height	: 141px;
	}
			
		#identity {
		position:absolute;
		left:0;
		top:-5px;
		width:300px;
		}
		    #identity a {
		    width:40px;
		    height:90px;
		    position:absolute;
		    left:20px;
		    top:35px;
		    }
		    #identity p {
		    position:absolute;
		    left:80px;
		    top:60px;
			width:226px;
			height:16px;
			background: url('/images/labels/txt_tamtam_online.gif') no-repeat  left top;
		    }
		        #identity p strong {
		        display:none;
		        }
		
		#header {
		
		}
		#header .navigation 
		{
			float: right;
			margin: 104px 10px 0px 0px;
			height: 29px;
			_width: 480px;
			overflow: hidden;
		}
		* html .navigation 
		{
			
		}
			#header .navigation li  {
				display		: block;
				float		: left;
				/*background-image	: url(../images/tabs/menu_tab_l.gif);
				background-repeat	: no-repeat;*/
				background-position	: top left;
			}
		
			#header .navigation a
			{
				display				: block;
				width				: auto;
				padding				: 8px 12px;
				/*background-image	: url(../images/tabs/menu_tab_r.gif);
				background-repeat	: no-repeat;
				background-position	: top right;*/
				color	: #FFFFFF;
			}
			#header .navigation a:hover
			{
				display	: block;
				width	: auto;
				padding	: 8px 12px;
				background: #FFFFFF;
				color	: #323232;
			}
			#header .navigation a.selected, .switchbg 
			{ 
				display	: block;
				width	: auto;
				padding	: 8px 12px;
				background: #FFFFFF;
				color	: #323232;
			}
				#header .submenu {
					position	: absolute;
					top			: 132px;
					left		: 0px;
					display		: none;
					width		: 100%;
					height		: auto;
					z-index		: 3;
					background	: transparent url('/images/shadowbox_menuover.gif') left top repeat-x;

				}
				#header .submenu.submenu_diensten
				{
					height: 97px;
					background-position: left -149px;
				}
				#header .submenu.submenu_tamtam
				{
					background-position: left -77px;
					height: 169px;
				}
				#header .submenu.submenu_vacancies
				{
					background-position: left -172px;
					height: 75px;
				}	

				#header .submenu li
				{
					float		: none;
					margin		: 0 auto;
					width		: 985px;
					display		: block;
					background	: transparent;
				}
					
				#header .submenu a, #header .submenu a:hover, #header .submenu a.selected 
				{
					display		: block;
					width		: 204px;
					height		: auto;
					padding		: 5px 0px;
					border-bottom: 1px solid #EEEEEE;
					background	: transparent;
				}
				#header .submenu.submenu_diensten a
				{
					margin-left: 583px;
				}
				#header .submenu.submenu_tamtam a
				{
					margin-left: 714px;
				}
				#header .submenu.submenu_vacancies a
				{
					margin-left: 838px;
				}
				#header .submenu a
				{
					color				: #656565;
					background-position	: left top;
				}
				#header .submenu a:hover 
				{
					color				: #D11240;
					background-position	: left bottom;

				}
				#header .submenu a.selected 
				{
					color: #000000;
				}
				#header .titleSubPage {
					float		: left;
					margin-top	: -7px;
					width		: 100%;
					height		: 28px;
					background	: transparent url('/images/shadowbox_menuover.gif') left bottom repeat-x;
				}				
				#header .titleSubPage p {
					display		: block;
					float		: left;
					overflow	: hidden;
					font-size	: 8pt;
					height		: 18px;
					width		: 200px;	
					display		: inline;
				}			
				#header .titleSubPage p.title_subtamtam {
					margin		: 2px 0 10px 714px;
					_margin		: 2px 0 10px 675px;
				}
				#header .titleSubPage p.title_subdiensten {
					margin		: 2px 0 10px 583px;
					_margin		: 2px 0 10px 573px;
				}	
				#header .titleSubPage p.title_subvacancies {
					margin		: 2px 0 10px 838px;
					_margin		: 2px 0 10px 800px;
				}	

#wrapper_content { 
	width		: 963px;
	margin		: 164px auto 0 auto;
}
	#content 
	{
		width		: 100%;
		float:left;
		/*background:url(/images/content/bg_diensten.jpg) no-repeat -2px -2px;*/
	}
	    #content #RightSplit 
	    {
	        float: right;
	        width: 450px;
	    }
	     #content #LeftSplit
	    {
	        float: left;
	        width: 450px;
	    }
	    
    .contentbox
    {
		position: relative;
		width: 966px;        
    }	    
	    
	.contentbox.top
	{
	    height: 10px;
		background: transparent url(/images/contentbox-top.gif) no-repeat;		
	}
	
	.contentbox.middle
	{
		background: transparent url(/images/contentbox-middle.gif) repeat-y;
		padding: 5px 15px 5px 15px;
		width: 936px;
	}	
	
	.contentbox.bottom
	{
		background: transparent url(/images/contentbox-bottom.gif) no-repeat;
		height: 10px;
		margin-bottom: 22px;
	}		    
	
	.message
	{        
        background-color: #FFE97F; 
        padding: 1em; 
        color: #000000; 
        font-weight: bold; 
        line-height: 1.25;	    
        border-style: solid;
        border-width: 2px;
	}
	
	.message.success
	{
	    border-color: #267F00; 
	}
	
	.message.error
	{
	    border-color: #7F0000;
	}
	    
	#titlebar 
	{
		position: relative;
		background: transparent url(/images/titlebar_large.gif) no-repeat;
		width: 966px;
		height: 69px;
		margin-bottom: 22px;
	}
	#titlebar H1 {
	font-size:130%;
	color:#ce2145;
	}
	#titlebar H2 
	{
	    float: left;
	    margin-left: 20px;
	    /*margin-top: 20px;*/
	    padding-right: 20px;
	    /*border-right: 1px solid #CCC;*/
	    margin-right: 25px;
	    
	}
	#titlebar span.slogan 
	{	
	    display: block; 
	    margin-left: 20px;
	    padding-top: 27px;	
	    float: left;   
	}
	#titlebar .selection {
		/*margin	: 20px 0 16px 0;
		width	: 969px;
		height	: 75px;*/
		background	: url(/images/shadowbox_selection.png) no-repeat;
	}
	    
		/*#selection .title {
			width: 180px;
			height: 70px;
			background: url(/images/border.gif) no-repeat center right;
		}*/
			/*#selection h2{
				text-indent: -200px;
				width: 86px;
				height: 16px;
				margin: 30px 88px 0px 24px;
				background-image: url(/images/txt_categorieen.jpg);
				overflow: hidden;
			}*/
	#titlebar .title 
	{
		position: absolute;
		left: 30px;
		top: 20px;
		padding: 3px 0px;
		border-right: 1px solid #DADBDB;
		width: 160px;
	}

	#titlebar .subtitle 
	{
		position: absolute;
		left: 190px;
		top: 12px;
		padding: 14px 0px;
		width: 65%;
		font-size:100%;
		color:Gray;
	}
	#titlebar .search 
	{
		position: absolute;
		left: 783px;
		top: 23px;
	}
	    #titlebar #search {
	    font-size:95%;
	    color:Gray;
	    padding:3px;
	    width:150px;
	    margin-bottom:1px;
	    }

	#titlebar_text 
	{
		background: transparent url(/images/titlebar_text.gif) no-repeat;
		width: 951px;
		height: 72px;
		padding: 11px 0 0 15px;
		margin-left: -4px;
		font-size:110%;
	}
	.overzicht {
	display:block;
	position:absolute;
	right:25px;
	top:25px;
	padding:2px 40px 3px 2px;
	background: url(/images/icon_overzicht.gif) no-repeat right top;
	color:#636969;
	}
	    .overzicht:hover {
	    text-decoration:underline;
	    color:#020202;
	    }
	.thumb 
	{
		padding: 3px;
		border: 1px solid #DADBDB;
		margin-right: 20px;
		background: #FFFFFF;
	}
	.summary_text
	{
		width: 500px;
	}
	a.arrow, a.arrow:hover
	{
		margin-top: 5px;
		padding-left: 13px;
		display: block;
		background: url(/images/icons/red_arrow.gif) no-repeat left 7px
	}
.place_flash
{
	text-align: center;
}
	
/**
**	Thickbox with case- and peopleinformation
**
*/	
	#overlay {
	display		: none;
	position	: fixed;
	left		: 0px;
	top			: 0px;
	margin		: 0px;
	background	: #EEEEEE;
	width		: 100%;
	height		: 100%;
	z-index		: 3;
	}
	* html #overlay {
	width		: 2500px;
	height		: 2000px;
	position	: absolute;
	}
	/* cases */
	#highlight 
	{
		z-index		: 3;
		display		: none;
		position	: fixed;
	}
	

	/* Footer */
	.push { clear: both; width: 80%;}
	/*		
	#footer 
	{
		background: url(../images/bg_footer.gif) repeat-x;
		height: 128px;
		padding-top: 12px;
		width: 100%;
		clear: both;
	}
		#footer h3 
		{
			display		: block;
			margin-left	: 25px;
			font-size	: 100%;
			font-weight	: normal;
		}*/
	/* footer */
	#footer {
		margin-top: 20px;
		background: url(/images/bg_footer2.gif) repeat-x;
		/*width: 900px;*/
		width: 100%;
		height: 102px;
		padding: 10px 0px;
	}
		#footer .footer_column 
		{
			float: left;
			width: 180px;
		}
		#footer .first 
		{
			margin-left: 13px;
		}
		#footer .last 
		{
			/*width: 330px !important;*/
			width: 350px;
		}
		#footer .thirth 
		{
			width: 240px;
		}
		
		#footer h4 
		{
			margin-bottom:4px;
			font-size: 105%;
		}
		#footer li 
		{
			padding: 4px 0px;
		}
		#footer a, #footer a:hover 
		{
			color: #656565;
			padding-left: 13px;
			font-weight: normal;
			display: block;
			background: url(/images/icons/grey_arrow.gif) no-repeat left 3px;
		}
		#footer a:hover
		{
			text-decoration: underline;
		}
		
#close
{
	cursor		: pointer;
	background	: url('/images/icons/ico_close.gif');
	position	: absolute;
	top			: 12px;
	right		: 13px;
	width		: 25px;
	height		: 25px;
	text-indent : -99999px;
	overflow	: hidden;
	z-index		: 100;
}

#wiezijnwij ul {
background:url(/images/box_bg_leftsplit.gif) repeat-y left top;
padding:0 6px 0 2px;
}
    #wiezijnwij li {
    background:url(/images/icons/twitter.gif) no-repeat 20px 10px;
    border-top:1px solid #d2d2d2;
    padding:10px 10px 10px 50px;
    color:Black;
    }
        #wiezijnwij li span {
        color:#727171;
        }
   
	.vacancies .btn-solliciteer {
	background:url(/images/btn_solliciteerdirect.gif) no-repeat left top;
	width:148px;
	height:30px;
	display:block;
	float:right;
	}
		.vacancies .btn-solliciteer:hover {
		background-position:left bottom;
		}
		.vacancies .btn-solliciteer span {
		display:none;
		}   



.people-items li 
    {
        float:left;
        height:111px;
        width:176px;
        padding:7px;
        background:url(/images/box_bg_ppl.png) no-repeat left top;
        margin-right:3px;
        position:relative;
        cursor:pointer;
        cursor:hand;
    }
        #showcase-mensen .people-items li {
        background:none;
        width:95px;
        padding:0;
        height:59px;
        margin:0 8px 10px 0;
        overflow: hidden;
        }
        #showcase-mensen .people-items li img {
            -ms-interpolation-mode: bicubic;
        }        
        .people-items li a 
        {
            background:white;
            padding:7px 10px;
            position:absolute;
            left:7px;
            bottom:10px;
            color:#323232;
        }
            #showcase-mensen .people-items li a {
            display:none;
            bottom:0;
            left:0;
            }
            .people-items li a.active 
            {
                background:#e0225f url(/images/box_bg_highlight.gif) repeat-x left bottom;
                color:White;
                max-width:176px;
            } 
                #showcase-mensen .people-items li a.active {
                display:block;
                }
                .people-items li a.active {
                font-size:110%;
                }
                
                .people-items li a.active span 
                {
                    display:block;
                }
            .people-items li a span 
            {
                display:none;
                font-weight:normal;
                font-size:90%;
            }
            
            
            
#showcase-holder {
float:left;
width:615px;
}
    #showcase-item {
    float:left;
    width:100%;
    overflow:hidden;
    }
        #showcase-item #images {
        float:left;
        width:100%;
        height:279px;
        background:url(/images/showcase_bg_header.jpg) no-repeat left top;
        }
        #showcase-item #description {
        float:left;
        width:595px;
        padding:15px 15px 5px 15px;
        background:url(/images/showcase_bg_content.jpg) no-repeat left bottom;
        }
            #showcase-item #description h2 {
            margin-bottom:1em;
            font-size:1.1em;
            color:black;
            }
            #showcase-item #description p {
            margin-bottom:1em;
            }
            #showcase-item .showcase-goto {
            background:url(/images/showcase_goto.jpg) no-repeat left -1px;
            width:583px;
            display:block;
            padding:8px 0 12px 32px;
            float:left;
            }
    #showcase-holder h3 {
    margin:0 0 5px 2px;
    }
    
    #showcase-holder .cases-items {
    margin-top:10px;
    }
        #showcase-holder .cases-items li {
        margin: 0 10px 10px 0 !important;
        }
#showcase-additional {
float:right;
width:327px;
}
   #showcase-additional h3 {
   margin:10px 0;
   }
   
   #showcase-contactperoon {
   float:left;
   width:327px;
   padding-top:10px;
   min-height:114px;
   height: auto !important;
   height: 114px;
   background:url(/images/showcase_bg_contactpersoon.jpg) no-repeat left top;
   margin-bottom:10px;
   }
    #showcase-contactperoon .contactpersoon-content {
    background:url(/images/showcase_bg_contactpersoon_bottom.jpg) no-repeat left bottom;
    padding:0 10px 10px 10px;
    float:left;
    width:307px;
    }
    

    #showcase-contactperoon div {
    float:right;
    width:158px;
    }
    #showcase-contactperoon .imgholder {
    float:left;
    width:135px;
    overflow:hidden;
    margin:3px 0 0 3px;
    }
        #showcase-contactperoon h4 {
        color:Black;
        margin:5px 0;
        font-size:105%;
        }
    
   #showcase-mensen {
   float:left;
   width:327px;
   min-height: 114px;
   height: auto !important;
   height: 114px;
   background:url(/images/showcase_bg_contactpersoon.jpg) no-repeat left top;
   margin-bottom:10px;
   }
       #showcase-mensen .content {
       background:url(/images/showcase_bg_contactpersoon_bottom.jpg) no-repeat left bottom;
       padding:0 0 5px 13px;
       *padding:0 0 13px 13px;
       width:317px;
       float:left;
       margin-top:13px;
       }
        * html #showcase-mensen .content {
        padding:0 0 5px 13px;
        }




/* Form styles ------------------------------ */

/* Standard styles -------------------------- */

.white { color:white; }
.black { color:black; }
.small { font-size: 94%; line-height: inherit; }
a.small  { color:#656565; font-weight:normal; }
.large { font-size: 110%; line-height: inherit; }
.xxl { font-size: 130%; line-height: inherit; }
.bold { font-weight: bold !important;}

.floatLeft { float: left; }
.floatRight { float: right; }

.clearboth { clear: both; display: block; }
.clearLeft { clear: left; display: block; }
.clearRight { clear: right; display: block; }

.hidden { display: none; }

.nopadding { padding:0 !important; }
.nomargin { margin: 0 !important; }
.noborder { border: none !important; }
.nobg { background: none !important; }
.nocursor { cursor: auto !important; }

/* temp
.switchbg { background-position: left bottom !important; }
 */
.switchbg_center  
{
	/*background-position: left center !important; */
background:white;
color:#323232 !important;
}


.center { margin: 0 auto; width: 985px;}
.right { float: right; }

.skip { left: -1000px; position: absolute;}
/*
.p10 { padding:10px !important; }
.ptop10 { padding-top:10px !important; }
.pright10 { padding-right:10px !important; }
.ptop30 { padding-top:30px !important; }
.pbottom10 { padding-bottom:10px !important; }
.pbottom20 { padding-bottom:20px !important; }
.pbottom30 { padding-bottom:30px !important; }
.pright20 { padding-right:20px; }
*/
.mtop5 { margin-top:5px !important; }
.mtop10 { margin-top:10px !important; }
.mtop20 { margin-top:20px !important; }
.mtop30 { margin-top:30px !important; }

.mleft10 { margin-left:10px !important; }
.mleft20 { margin-left:30px !important; }
.mleft40 { margin-left:40px !important; }
.mleft60 { margin-left:60px !important; }
.mleft100 { margin-left:100px !important; }
.mright20 { margin-right:20px !important; }
.mright40 { margin-right:50px !important; }
.mbottom10 { margin-bottom:10px !important; }

.h100 { height: 100%; }

.object-block 
{
    float:left;
    width:100%;
    padding-bottom:8px;
}

/*
.mbottom20 { margin-bottom:20px; }
.w100 { width:100% }

.wauto { width:auto; }
*/

/* Sifr styles --------------------------------- */

.sIFR-flash {
	visibility: visible;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Table Styles ------------------------------------------- */
/* Jquery Styles ------------------------------------------- */
.homepage #titlebar_text {
position:relative;
}
.homepage #titlebar_text h1 {
padding-bottom:0;
line-height:0.5em;
font-size:16px;
color:#d11241;
}

.homepage #titlebar_text p {
line-height:16px;
position:absolute;
left:15px;
top:38px;
}



.kwicks {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	left: 1px;
}
.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
}
#case-images {
margin:5px 0px 0 3px;
width:609px;
overflow:hidden;
float:left;
background-color: #dfdfdf;
}
#case-images li {
	float: left;
	width: 200px;
	height: 270px;
	overflow:hidden;
	
}
/*
#case-images li {
-moz-opacity:0.50; filter:alpha(opacity=50); opacity:0.50; 
}
    
    #case-images li img {
    -moz-opacity:.50; 
    filter:alpha(opacity=50); 
    opacity:.50; 
    }*/
    
 
 
 /**
**	Cases
**
*/
.cases-items 
{
    float:left;
    width:100%;
}
    .cases-items li 
    {
        float:left;
        width:127px;
        height : 110px;
        padding	: 9px 7px 7px 7px;
        background: url(/images/shadowbox_case.png) no-repeat -1px 0;
        cursor:pointer;
        cursor:hand;
        margin: -2px;
    }
    .diensten .cases-items li 
    {
        margin: 0 !important;
    }    
        .cases-items li:hover {
        background: url(/images/shadowbox_case_over.png) no-repeat -1px 0;
        }
        
        .cases-items li a
        {
            display:block;
            padding-top:2px;
            color: #343434;
        }

/*

@ruurd: in deze styles zit een conflict met de popups bij de mensen. kun je dit fixen?

#case-carousel {
position:relative;
height:550px;
border-bottom:1px solid gray;
}
		
#slideshow {
background:url(../images/cases_showcase_bg.png) no-repeat left top;
width:965px;
height:376px;
padding:10px 0 0 10px;
position:absolute;
left:0;
top:0;
z-index:20;
}
	
	.items .item {
	position:absolute;
	left:0;
	top:0;
	width:965px;
	height:328px;
	}
	.items .item-logo {
	position:absolute;
	left:0;
	top:0;
	background:#d11241;
	width:947px;
	height:376px;
	text-align:center;
	}
		.items .item-logo img {
		margin-top:15%;
		}
	.items .item-info {
	position:absolute;
	left:0;
	top:0;
	width:947px;
	height:376px;
	display:none;
	background:#d11241;
	}
		.description {
		background:url(../images/page-info_bg.png) no-repeat left bottom;
		position:absolute;
		right:0px;
		top:40px;
		width:334px;
		z-index:4;
		padding:20px;
		}
			.description h2 {
			font-size:1.2em;
			color:#d11241;
			margin:0 0 1.0em 0;
			}
			.description p {
			color:black;
			}
			

#case-carousel #nav {
position:absolute;
left:30px;
top:340px;
background:url(../images/cases_caseitems_bg.png) no-repeat left top;
width:907px;
height:91px;
padding:13px;
}
	#case-carousel #nav li {
	float:left;
	padding:0;
	margin-right:7px;
	background:black;
	height:91px;
	overflow:hidden;
	}
		#case-carousel #nav li a {
		float:left;
		padding:0;
		margin:0;
		position:relative;
		}
		
		#case-carousel #nav li a img {
		border:2px solid #dbdcde;
		margin:0;
		}

			#case-carousel #nav a.activeSlide img {
			border:2px solid #d11241;
			}
			#case-carousel #nav li a:hover img {
			border:2px solid black;
			}

			#nav a span {
			position:absolute;
			left:2px;
			top:2px;
			background:url(../images/nav_a_over.gif) no-repeat left top;
			width:166px;
			height:86px;
			z-index:10;
			}

*/