/*-----------------------------------------------------------------------
Reset
------------------------------------------------------------------------*/

img {
 margin: 0; 
 padding: 0; 
 border: 0; 
 outline: none;
}

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

/*-----------------------------------------------------------------------
Global
------------------------------------------------------------------------*/

body {
 font:12px Arial, Helvetica, sans-serif;
 cursor:default;
}

/*-----------------------------------------------------------------------
Pager
------------------------------------------------------------------------*/

#pager {
 width:530px;
 height:58px;
 padding:0 25px;
 margin:5px 0 0 0;
 background:#fff;
}

/*Pager Number Navigation*/
#pager-numbers {
 margin:17px 0 0 0;
 padding:0 0 17px 0;
 float:left;
}

#pager-numbers li {
 margin:0 5px 0 0;
 display:inline;
 float:left;
}

#pager-numbers li a {
 width:25px;
 height:24px;
 text-indent:-9999px;
 background:#333;
 display:block;
}

#pager-numbers li#pn-one a {background:transparent url(http://www.bleuluciol.com/img/bt-01.gif) no-repeat 0 0;}
#pager-numbers li#pn-two a {background:transparent url(http://www.bleuluciol.com/img/bt-02.gif) no-repeat 0 0;}
#pager-numbers li#pn-three a {background:transparent url(http://www.bleuluciol.com/img/bt-03.gif) no-repeat 0 0;}
#pager-numbers li#pn-four a {background:transparent url(http://www.bleuluciol.com/img/bt-04.gif) no-repeat 0 0;}
#pager-numbers li#pn-five a {background:transparent url(http://www.bleuluciol.com/img/bt-05.gif) no-repeat 0 0;}
#pager-numbers li#pn-six a {background:transparent url(http://www.bleuluciol.com/img/bt-06.gif) no-repeat 0 0;}
#pager-numbers li#pn-seven a {background:transparent url(http://www.bleuluciol.com/img/bt-07.gif) no-repeat 0 0;}
#pager-numbers li#pn-eight a {background:transparent url(http://www.bleuluciol.com/img/bt-08.gif) no-repeat 0 0;}
#pager-numbers li#pn-nine a {background:transparent url(http://www.bleuluciol.com/img/bt-09.gif) no-repeat 0 0;}

#pager-numbers li a:hover {background-position:0 -24px !important;}
#pager-numbers li a.active {background-position:0 -48px !important;}

/*Pager Navigation*/
#pager-navigation {
 margin:17px 0 0 0;
 padding:0 0 17px 0;
 float:right;
}

#pager-navigation li {
 margin:0 0 0 5px; 
 display:inline;
 float:left; 
}

#pager-navigation li a {
 width:47px; 
 height:24px; 
 background:#333;
 text-indent:-9999px;
 display:block;
}

#pager-navigation li#pn-next a {background:transparent url(http://www.bleuluciol.com/img/bt-suiv.gif) no-repeat 0 0;}
#pager-navigation li#pn-prev a {background:transparent url(http://www.bleuluciol.com/img/bt-prec.gif) no-repeat 0 0;}

#pager-navigation li a:hover {background-position:0 -24px !important;}


/*-----------------------------------------------------------------------
Showcase Clients
------------------------------------------------------------------------*/

#showcase-clients {
 width:583px;
 height:367px;
 overflow:hidden; 
 margin:5px 0;
}

#showcase-clients dl {
 width:289px; 
 height:181px; 
 margin:0 0 5px 0;
 overflow:hidden;
}

#showcase-clients dt {padding:0px 0px 4px 0px;}

#showcase-clients dd {
 font-size:11px; 
 color:#525252; 
 margin:5px 0px; 
 display:inline;
}

#showcase-clients dd a {
 color:#2290c1;
 border-bottom:1px solid #2290c1;
 padding:0 0 2px 0;
 float:left;
}

#showcase-clients dd a:hover {color:#75af36;}

#showcase-clients dl.left dt {background:#fff url(img/clients-left-dt.gif) no-repeat 0 0;}
#showcase-clients dl.left {background:#f3f3f3 url(img/clients-left-dl.gif) no-repeat 0 100%; float:left;}
#showcase-clients dl.right dt {background:#fff url(img/clients-right-dt.gif) no-repeat 0 0;}
#showcase-clients dl.right {background:#f3f3f3 url(img/clients-right-dl.gif) no-repeat 0 100%; float:right;}

#showcase-clients dd.details {float:left; padding:0 12px 12px 12px;}

#showcase-clients dd.link { 
 padding:0 12px 0 9px; 
 background:transparent url(http://www.bleuluciol.com/img/a-cross.gif) no-repeat 0 50%;
 float:right;
}

#showcase-clients strong {color:#000; font-weight:bold;}

