@charset "utf-8";
/* CSS Document */
body { background:url('../images/design/splash.jpg') no-repeat top center #3e2d4d; }

/******************************
   Nav
******************************/	
#header .nav ul li a:hover, #header .nav ul li a.on { text-decoration:none; background:url('../images/design/nav-bg.gif') no-repeat right top; }
#header .nav ul li a:hover span, #header .nav ul li a.on span { background:url('../images/design/nav-left-cap.gif') no-repeat left top; }

/******************************
   Client
******************************/	
.client { width:910px; height:460px; padding:20px 20px 0 20px; background:url('../images/design/client-bg.jpg') no-repeat top center #3f2d4a; }
	.client .client-inner { overflow:hidden; color:#ffffff; } 
		.client .client-inner h1, .client .client-inner h2 { font-weight:normal; }

		/******************************
		   Client Description
		******************************/	
		.client .client-inner .description { float:left; width:664px; padding:20px 15px 0 15px; min-height:380px; background:#3f2d4b; } 	
			.client .client-inner .description .screenshots-text { overflow:hidden; }
			
				/******************************
				   Screenshots
				******************************/				
				.client .client-inner .description .screenshots-text .screenshots { float:left; width:500px; }			
					.client .client-inner .description .screenshots-text .screenshots .mycarousel { float:none; margin:0 0 12px; }			
					.client .client-inner .description .screenshots-text .screenshots .button-panel { text-align:center; }
						.client .client-inner .description .screenshots-text .screenshots .button-panel a { text-transform:uppercase; font-weight:bold; }
							.client .client-inner .description .screenshots-text .screenshots .button-panel a:hover { color:#999999; text-decoration:none; }
							.client .client-inner .description .screenshots-text .screenshots .button-panel a.prev { margin:0 50px 0 0; }
							.client .client-inner .description .screenshots-text .screenshots .button-panel a.next { margin:0 0 0 50px; }							
					 
				/******************************
				   Text
				******************************/						 
				.client .client-inner .description .screenshots-text .text { float:right; width:160px; }						 
		
		/******************************
		   Client Menu
		******************************/						 
		.client .client-inner .client-menu { float:right; width:178px; font-size:10px; }				
		
			/******************************
			   Client Menu Top
			******************************/						 
			.client .client-inner .client-menu .top { width:166px; height:24px; padding:6px 0 0 12px; margin:0 0 8px; background:url('../images/design/client-menu-top-bg.gif') no-repeat top center; }		
				.client .client-inner .client-menu .top label { float:left; padding:0 16px 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; display:inline; }			
				.client .client-inner .client-menu .top ul { overflow:hidden; margin:0; list-style:none; }
					.client .client-inner .client-menu .top ul li { overflow:hidden; float:left; padding:0 8px 0 0;  }
						.client .client-inner .client-menu .top ul li a { display:block; padding:0 2px; font-size:12px; color:#ffffff; border:1px solid #94849f; outline:none; }					
							.client .client-inner .client-menu .top ul li a:hover, .client .client-inner .client-menu .top ul li.ui-tabs-selected a { background:#f8b937; border:1px solid #ffffff; text-decoration:none; }					
						
			/******************************
			   Client List
			******************************/								
			.client .client-inner .client-menu .client-list { }
				.client .client-inner .client-menu .client-list ul { margin:0 0 0 2px; list-style:none; border-top:1px dotted #836991; }
					.client .client-inner .client-menu .client-list ul li { padding:3px 0; border-bottom:1px dotted #836991; }
						.client .client-inner .client-menu .client-list ul li a { display:block; padding:0 0 0 16px; color:#ffffff; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
							.client .client-inner .client-menu .client-list ul li a:hover, .client .client-inner .client-menu .client-list ul li a.selected { background:url('../images/design/client-menu-tick.gif') no-repeat center left; text-decoration:none; }		
							
				/******************************
				   Tab Control
				******************************/	
				.tabs .ui-tabs-hide { display:none !important; }