@charset "UTF-8";
/* CSS Document */
body {
background-color:#1a1a1a;
font-family:Helvetica, Arial, Verdana, sans-serif;
font-size:10px;
overflow:auto;
margin:0 0 0 0;
letter-spacing:.04em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
}

#wrapper{
background-color:#1a1a1a;
width:840px;
overflow:auto;
margin:0 0 0 18px;
text-align:left;
}

#topBar{
background-color:#090909;
width:570px;
height:11px;
margin:0 0 0 270px;
padding:0px;
float:left;
}

#contentContainer{
float:left;
overflow:auto;
margin:0px;
padding:0px;
}

#header{
/*background-color:#322f31;*/
background-color:#1a1a1a;
background-image:url(../images/site/ideologie.gif);
background-repeat:no-repeat;
float:left;
width:234px;
height:48px;
margin:12px 36px 0 0;
border-bottom:1px solid #262627;
}

#info{
width:570px;
margin:25px 0 16px 0;
padding:0 0 0 0;
float:right;
height:10px;
vertical-align:text-top;
}

.infoP1{
width:90px;
height:10px;
font-family:inherit;
font-size:.9em;
color:#fff;
text-align:left;
float:left;
margin:0 0px 0 0;
vertical-align:text-top;
}

.infoP2{height:10px;width:95px;float:right;vertical-align:text-top;font-family:inherit;font-size:.9em;color:#fff;text-align:right;padding:0 0 0 55px;margin:0px 0 0 10px;}

#nav{
width:270px;
background-color:#1a1a1a;
float:left;
}

#nav ul {
list-style-type:none;
margin:0px 0 5px;
padding:0px;
}

#nav li{
width:234px;
list-style-type:none;
border-bottom:1px solid #262627;
padding:3px 0;
}

.navTrial{
width:234px;
padding:4px 0 3px;
border-bottom:1px solid #262627;
float:left;
}

.imgLegal{
margin:5px 0;
border:none;
}

#nav a{
font-family:Helvetica, Arial, Verdana, sans-serif;
color:#fff;
font-size:0.9em;
text-decoration:none;
margin: 4px 0;
outline:none;
}

#nav a:hover, #nav:active {
color:#00A0F0;
outline:none;
}

.imgNav{
margin:11px 0 7px;

}

#mainContainer{
width:570px;
float:left;
margin:0px;
padding:0px;
}

#mainImg{
background-color:#fff;
width:570px;
height:234px;
margin:0 0 22px 0;
}

.imgMain{
margin:2px 2px 5px;
}

#slideshow{
height:398px;
width:570px;
background-color:#fff;
margin-bottom:20px;

}

.imgSlide{
margin:2px;
}

.mainContainerElement{
width:570px;
border-bottom:1px solid #262627;
padding:4px 0 2px;
overflow:auto;
float:right;
}

.mainContainerElement a{
font-family:inherit;
font-size:.9em;
color:#fff;
text-decoration:none;
outline:none;
}

a.select {
color:#00A0F0;
}

.mainContainerElement a:hover {
color:#00A0F0;
}

#collections{
float:left;

}

#clients{
float:left;
}

#awards{

}

#about{
float:left;
margin:0px;
padding:0px;
}

#reel{

}

#about p, #contact p {color:#5A5B5E;font-size:0.9em;font-size-adjust:none;font-style:normal;font-weight:normal;font-variant:normal;line-height:14px;margin:10px 0;padding:5px 0px;letter-spacing:-0.5px;margin-right:5px;}





#about p, #contact p {color:#5A5B5E;font-size:0.9em;line-height:12px;margin:10px 0;padding:5px 0px;letter-spacing:inherit;#}

#reel p {
color:#5a5b5e;
font-size:0.9em;
line-height:12px;
margin:10px 0;
padding:5px 0px;
}

#collections ul, #clients ul, #reel ul{
margin:10px 70px 10px 0;
padding:0px 0 5px;
list-style-type:none;
float:left;
display:inline;
width:140px;
}

#collections ul li ul{
display:inline;
margin:0px;
padding:0px;
}


#collections ul li ul li{
display:inline;
margin:0px;
padding:0px;
}

#collections ul.center, #clients ul.center{
margin:10px 55px 10px 0;
padding:0px 0px 5px;
list-style-type:none;
float:left;
display:inline;
width:175px;
}

#collections ul.right, #clients ul.right{
margin:10px 0px 10px 0;
padding:1px 0px;
list-style-type:none;
float:left;
display:inline;
width:125px;
}

#awards ul{
margin:10px 20px 10px 0;
padding:5px 0;
list-style-type:none;
float:left;
display:inline;
width:300px;
}

#collections li{
margin:2px 0;
padding:5px 0;
list-style-type:none;
color:#818386;
}

#clients li,  #reel li{
margin:2px 0;
padding:5px 0;
list-style-type:none;
color:#818386;
}


#awards li {
margin:0px;
padding:0px 0;
list-style-type:none;
color:#5a5b5e;
font-size:.9em;
line-height:12px;
}

#collections p{
margin:0px;
padding:0px;
}

#collections a, #clients a, #awards a{
font-familiy:inherit;
color:#5a5b5e;
float:left;
outline:none;
font-size:.9em;

}

#clients a{

cursor:text;
}

#collections a.slide{
margin-left:2px;
}

#collections a:hover{
color:#00A0F0;
}

#carousel{
float:left;
height:390px;
margin:2px;
}

.slide{
height:376px;
position:absolute;
}

#show{
float:left;
height:234px;
}

#show .slideIndex{
height:234px;
position:absolute;
}

.buttons, #show .buttons{
height:20px;
width:566px;
color:#000;
font-size:10px;
position:absolute;
top:452px;
text-align:right;
padding-top:2px;
}

.buttons a{
font-size:.9em;
font-family:inherit;
color:#333;
text-decoration:none;
outline:none;
padding:3px 0 6px 2px;
}

.current{
color:#00A0F0;
margin:0px;
padding:0px;
}

.buttons a:hover{
color:#00A0F0;
outline:none;
}

.buttons a.selected {
	color: #00a0f0;
}