/* Sub Menu PORTFOLIO*/
#sub_menu_portfolio {
			padding: 20px 0 10px 0;
			min-height: 100%;
			/*border-right: 1px solid #232323;*/
			width: 280px;			
}

#sub_menu_portfolio #separator_submenu {
	height: 5px;
}

#sub_menu_portfolio span:hover p span{ color: #fff}
#sub_menu_portfolio span:hover p{color: #666;}
#sub_menu_portfolio a {
	color: #484848;
}

#sub_menu_portfolio a:visited {color: #484848;}
#sub_menu_portfolio a:visited span p span {color: #666;}

#sub_menu_portfolio a:hover {color: #666;}
#sub_menu_portfolio a:hover span p span {color: #fff;}

#sub_menu_portfolio span p {
	padding: 9px 0 0 40px;
	font: 11px Arial;
	color: #484848;
}
#sub_menu_portfolio span p span {
	font: 16px Arial;
	color: #666;
}

#sub_menu_portfolio a{
	background-position:center top;
	cursor:pointer;
	display:block;
	height:48px;
}

a#s_menu_clients {
	background-image:url(../images/portfolio/icon_clients.jpg);
	width:277px;
}

a#s_menu_flash {
	background-image:url(../images/portfolio/icon_flash.jpg);
	width:277px;
}

a#s_menu_logos {
	background-image:url(../images/portfolio/icon_logos.jpg);
	width:277px;
}

a#s_menu_interface {
	background-image:url(../images/portfolio/icon_interface.jpg);
	width:277px;
}

a#s_menu_print {
	background-image:url(../images/portfolio/icon_print.jpg);
	width:277px;
}

#sub_menu_portfolio a:hover {
background-position:0 48px;
}


a.submenu_active{
background-position:0 48px !important;	
}

a.submenu_active span p span {color: #fff !important; }
a.submenu_active span p {color: #666 !important; }











/* Portfolio page */
#portfolio { padding: 20px 0 0 20px;}
#portfolio a {text-decoration: none;}


#portfolio span p{
	padding: 35px 35px 5px 90px;
	color: #666 !important;	
	font: 12px Arial;
}

#portfolio span p a {
	color: #666;
}

#portfolio span p a:visited {
	color: #666;
}

#portfolio a:hover span p{
color: #999 !important;
}


/* EOF Portfolio page */

/* Clients Page*/





/*View 1*/
#client_name_1 {
	font: 26px Times New Roman;
	color: #bbbbbb;
	padding: 10px 0 10px 0;
}

#client_description_1 {
	font: 12px Arial;
	color: #666666;
	text-align: justify;
}

#sel_proj_1 {
	float: left;
	text-align: center;
	padding: 3px 0 0 65px;
	font: 12px Tahoma;
	color:#888888;
}

#sel_proj_wrap_1 {
	background: url('../images/clients/icons/mid_part.jpg') no-repeat;
	width: 229px;
	height:22px;
	float: left;	
}

.left_nav_clients_1:hover { background: url('../images/clients/icons/left_arrow_hover.png');}
.right_nav_clients_1:hover { background: url('../images/clients/icons/right_arrow_hover.png');}
/* EOF View 1*/

/* View 2*/
#client_container_2 {
	width:100%;
	border-bottom:1px solid #232323;
	padding-top:10px;
	height: 135px;
}

#client_info_2 label {
	color : #666666;
}

#client_info_2 div {
	color : #2B8DD8;
}

#client_name_2 {
	padding: 0 0 10px 0;
}

#client_name_2 a{
	font: 26px Times New Roman;
	color: #bbbbbb;
}

#client_name_2 a:hover{
	color: #666;
}


#client_image_cont_2 {
	background: url('../images/clients/icons/view2/client_box.jpg');
	width: 233px;
	height: 126px;
	float:left;
}


#client_image_cont_2 a{
	color: #999;
}

#client_image_cont_2:hover {
	background: url('../images/clients/icons/view2/client_box_hover.jpg');	
}


#client_image_cont_2:hover a{
	color: #222;
	text-decoration: none;
}

#client_image_2 {
	padding: 6px;
}

#client_v_line_2 {
	float:left;
	border-right:1px solid #232323;	
	width: 1px;
	height: 126px;
	padding-left:10px;
}

#client_info_2 {
	float:left;
	padding-left:10px;
}

#client_link_2 {
	text-align: center;
	padding-top: 4px;
}


#client_info_2 a:hover{
	text-decoration: none;
}





/* EOF Clients Page*/



#portfolio a{
	background-position:center top;
	cursor:pointer;
	display:block;
	height:132px;
}

a#p_clients {
	background-image:url(../images/portfolio/websites_bg.jpg);
	width:597px;
}

a#p_flash {
	background-image:url(../images/portfolio/flash_bg.jpg);
	width:597px;
}

a#p_logos {
	background-image:url(../images/portfolio/logos_bg.jpg);
	width:597px;
}

a#p_interface {
	background-image:url(../images/portfolio/interface.jpg);
	width:597px;
}

a#p_print {
	background-image:url(../images/portfolio/print.jpg);
	width:597px;
}

#portfolio a:hover {
background-position:0 132px;
}







	
	.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 370px; /*Width of Carousel Viewer itself*/
	height: 110px; /*Height should enough to fit largest content's height*/
	}
	
	.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}
	
	.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 10px; /*margin around each panel*/
	width: 350px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}