/* CSS Document */

body {
width:760px;
margin:auto;
font-family:Trebuchet MS;
font-size:11.6px;
background:url(/application/images/layout/bg_all.jpg) no-repeat #fff top center;
color:#333;
}

#top {
width:760px;
height:87px;
overflow:hidden;
}

#topmenu {
width:757px;
height:62px;
background:url(/application/images/layout/topmenu_bg.png) repeat-x;
float:left;
}

#topmenu_right {
width:3px;
height:62px;
background:url(/application/images/layout/topmenu_bg_right.png) no-repeat right;
float:right;
}

#topmenu ul {
padding:0;
margin:0;
}

#topmenu ul li {
list-style:none;
float:left;
position:relative; 
}

#topmenu li a {
display:block;
overflow:hidden;
height:62px;
}

#topmenu li img {
border:0;
float:left;
position:relative; 
}


#topmenu li a:hover img {
margin-top:-62px;
} 

#topmenu li a.active img {
margin-top:-62px;
} 

#topmenu ul ul {
	position:absolute; 
	top:51px; 
	left:-3px; 
	display:none; 
	opacity:0; 
	list-style:none !important;
	background:#8c0027;
	padding-left:0;
	padding:0;
	border:1px solid #2e2e2e;
	border-top:0;
	width:125px !important;
	overflow:hidden;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
}

#topmenu ul ul li {
	position:relative; 
	border-top:0;
	border:1px solid #aaa; 
	border-top:none; 
	width:120px; 
	margin:0;
	border:0;
	padding:0;
	float:none;	
	background:none;
	list-style:none;
}

#topmenu ul ul li a {
	width:110px;
	display:block; 
	padding:1px 7px 1px 7px;
	height:auto;
	border:0;
	text-align:left;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:1px;
	font-size:12px;
}

* html a {
height:1px;
}

#topmenu ul ul li a:hover {
background:#ba0034;
}

#topmenu ul ul li a.active {
background:#ba0034;
}

#container {
width:760px;
height:auto;
background:url(/application/images/layout/container_bg.png) repeat-y;
clear:both;
}

#header {
width:760px;
height:221px;
overflow:hidden;
background:url(/application/images/layout/header.png) no-repeat 1px 0;
}

#left {
width:512px;
height:auto;
float:left;
overflow:hidden;
}

#left .title {
width:472px;
height:24px;
color:#b80431;
font-weight:bold;
font-size:13px;
padding-left:40px;
padding-top:3px;
background:url(/application/images/layout/title_beam_left.jpg) no-repeat 1px 0;
}

#left .content {
padding:15px;
padding-top:0px;
padding-bottom:0;
}

#right {
width:248px;
float:right;
height:auto;
}

#right .title {
width:208px;
height:24px;
color:#b80431;
font-weight:bold;
font-size:13px;
padding-left:40px;
padding-top:3px;
background:url(/application/images/layout/title_beam_right.jpg) no-repeat 7px 0;
}

#right .content {
padding:15px;
}

#right .content h1 {
font-size:14px;
color:#d2003a;
}

#right .content h2 {
font-size:10px;
margin-top:-9px;
}

#container_bottom {
clear:both;
width:760px;
height:15px;
background:url(/application/images/layout/container_bottom.png) no-repeat;
}
#footer {
clear:both;
width:760px;
height:44px;
background:url(/application/images/layout/foot_bg.png);
color:#fff;
font-size:10px;
}

.clear {
clear:both;
}

.search {
margin-top:19px;
float:right;
padding-right:15px;
}

.search .input_form {
border:1px solid #bd1640;
background-color:#c5c5c6;
color:#c4909e;
font-size:10px;
text-align:right;
padding:2px 3px 3px 2px;
}

.last_realization td {
background:#d2003a;
}

.last_realization td:hover {
opacity:0.7
} 

a {
text-decoration:none;
color:#000;
}

a:hover {
text-decoration:underline;
}

h4 {
color:#d2003a;
font-size:11px;
} 

/* 
porfolio
*/
    #Workspace { width:480px; overflow:hidden; }
    
     .example {} 

    /* Data Viewer */
    #Workspace #Viewer {height:350px; background-color:#ffffff; padding:10px; }
    #Workspace #Cmd_NextItem { font-size:12px; margin-top:7px;  padding:4px; width:70px; float:right; text-decoration:none; text-align:right; color:#000; z-index:3; cursor:pointer;}
    #Workspace #Cmd_PreviousItem { font-size:12px; margin-top:7px; padding:4px; width:70px; float:left; text-decoration:none; color:#000; z-index:3; cursor:pointer; text-align:left;}

    /* Generic Carousel Properties */
     .carousel { position:relative; clear:both; margin-top:10px; 
        background-color:#fff;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
     .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
        -moz-opacity:0.7;
        opacity:0.7;
        list-style-type:none; margin:0px; 
    }
     .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }

    /* Vertical Carousel */
     #Carousel { width:220px; height:350px;}
     #Carousel .container { width:231px; height:326px; margin-top:-16px;}
        
     #Carousel .items { top:0; left:2px; }
     #Carousel .item { background-color:#efefef; height:28px; margin-bottom:2px;  width:220px; }
     #Carousel .item.hover { background-color:#d2003a; }
     #Carousel .item.hover .caption { color:#fff;}
    #Carousel .item.selected { background-color:#d2003a; }
    #Carousel .item .caption { position:absolute; left:35px; top:5px; width:170px; height:16px; overflow:hidden; background-color:transparent; font-size:11px; color:#000;}
	#Carousel .item.selected .caption { color:#fff; }
     #Carousel .item .icon img { position:relative; left:5px; width:22px !important;  cursor:default; top:2px;}
     #Carousel .navButton { background-color:#efefef; position:absolute; bottom:10px; width:122px; height:28px; }
     #Carousel .navButton.previous { width:80px; left:0px; background:url('/application/images/layout/up.png') left no-repeat #efefef;  }
	 #Carousel .navButton.previous:hover { background:url('/application/images/layout/up_h.png') left no-repeat #d2003a; }
     #Carousel .navButton.next { width:80px; left:140px; background:url('/application/images/layout/down.png') right no-repeat #efefef; }
	 #Carousel .navButton.next:hover {background:url('/application/images/layout/down_h.png') left no-repeat #d2003a ; }
    
    /* Hide data items from selector */
     #Carousel .item .email {display:none;} 

	.data .porftolio .photos {
		padding:5px;
		width:230px;
		height:auto;
		text-align:center;
		background:#d2003a;
		float:right;
	}
	.data .porftolio .photos img {
	border:1px solid #000;
	}
	
	.caption {
		font-size:14px;
		float:left;
		width:220px;
		height:30px;
		color:#d2003a;
	}
	
	.portfolio_content {
		width:220px;
		padding-left:0;
		margin-left:0;
		float:left;
	}
	
	.portfolio_content li {
		list-style:none;
	}