/* Shining at me */



/*



------------------------------------------------------

Copyright Bruno Kerrien,

some rights reserved

http://creativecommons.org/licenses/by-sa/2.0/



You are free to use this style sheet and its

associated image files to create your own site.

However, we ask that you respect the template's

creator by maintaining this attribution in

the style sheet.

------------------------------------------------------



*/



body {

background-color: #FFFFFF; background-image:url(images/Background.en-us.jpg); background-repeat: repeat-x;

margin: 0;

padding: 0;

font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif;

text-align: justify;
font-size: 13px;}



/* --- Links --------- */



a {

/*--color: #e02007;*/
color: #000080;
text-decoration: none;
border: none;}



a:hover {

text-decoration: underline;

}



/* --- H1, H2, H3 --------- */



h1, h2, h3, h4 {

font-family: Georgia, "Times New Roman", Times, serif;
margin-top: 0;

color: #676767;

}



h1 {

background: transparent url("img/bullet_red.gif") no-repeat 0 55%;

border-bottom: 1px dotted #930;

padding-left: 12px;

font-size: 130%;

}



h2 {

background: transparent url("img/bullet_orange.gif") no-repeat 0 55%;

padding-left: 10px;

font-size: 100%;
font-family: Verdana, Helvetica, Arial, sans-serif;}



h3 {



padding-left: 8px;

font-size: 110%;
color: #BD0000;}



h4 {

padding-left: 14px;
font-size: 110%;

}



/* --- Wrap --------- */



#wrap {

background-color: #FFFFFF;

width: 850px;

margin: 0 auto;

padding: 0;

height: 100%;

text-align: left;

}




/* --- Banner --------- */



#banner {

background: url(images/toplogo.gif) no-repeat center left;

height: 129px;

margin: 0;
}




#banner p {

font-family:  Georgia, "Times New Roman", Times, serif;

font-size: 26pt;

text-indent: 20px;

color: #fff;

margin: 0 48px;

padding-top: 0.5em;

min-height: 21px;

line-height: 1em;

}



/* --- Nav top level --------- */



#nav-toplevel {

background-color: #BD0000;
height: 20px;}



#nav-toplevel ul {

list-style-image: none;

margin: 0;

padding: 0;

}



/* --- Nav meta --------- */



#nav-meta {
line-height: 1.25em;
font-size: 100%;
}



#nav-meta ul {

margin: 0px 24px 0px 400px;

}



#nav-meta ul li {

display: inline;

float: left;

}



#nav-meta li a {

display: block;

padding: 3px 10px 0em 8px;

color: #FFF;

text-decoration: none;

}



#nav-meta li a:hover {

display: block;

background: #E5F0F5;

color: #930;

padding: 3px 10px 0em 8px;

}



/* --- Nav main --------- */



#nav-main {

background: #eee;

font-size: 100%;

font-weight: bold;

}



#nav-main ul {

margin-left: 16px;

}



#nav-main ul li {

display: inline;

float: left;

margin-right: 3px;

width: 110px;

text-align: center;

}



#nav-main ul li a {

display: block;

background: transparent url("images/tabs.gif") no-repeat 0 0;

height: 26px;

line-height: 26px;

color: #000000;
font-weight: bold;
text-decoration: none;
}



#nav-main ul li a.current {

background: transparent url("images/tabs.gif") no-repeat 0 -52px;

color: #930;

}



#nav-main ul li a:hover {

background: transparent url("images/tabs.gif") no-repeat 0 -26px;

color: #930;

}



#nav-main ul li a.current:hover {

background: transparent url("images/tabs.gif") no-repeat 0 -52px;

}



#nav-sidebar {
text-align: center;
vertical-align: top;}

/* --- Container --------- */



#container {

margin: 0 0px;
}



/* --- Content --------- */



#content {

position: relative;

float: left;

margin: 0;

padding: 6px;

width: 580px;
padding-top: 10px;
padding-left: 15px;}



#content p, #content ol, #content ul {

font-size: 100%;

line-height: 1.5em;

}



/* --- Nav subs --------- */

#nav-subs {

position: relative;

float:left;

width: 160px;

margin: 0em 0em 0px 0px;

padding: 0;

font-size: 100%;

line-height: 1.5em;
}



#nav-subs ul {

list-style: none;

margin-left: 0px;

margin-right: 0px;

padding-left: 0;
margin-top: 0px;
padding-top: 0px;}




#nav-subs ul li {



border-bottom: 1px #252525 solid;
border-left: 1px #252525 solid;
border-right: 1px #252525 solid;
background-image: url(images/navback.gif);
background-repeat: repeat;}



#nav-subs ul li a {

position: relative;

display: block;

width: 100%;

float: left;

color: #fdfdfd;

text-decoration: none;

padding: 5px;

}



html>body #nav-subs ul li a {

float: none;

}



#nav-subs ul li a:hover {

background: #E5F0F5;

width: 100%;

color: #930;

padding: 5px;

}



#nav-subs ul li a.youarehere {

color: #930;

}



/* --- Nav section --------- */



#nav-section {

padding: 0px;

min-height: 156px;
}




/* --- Nav supp --------- */



#nav-supp {

background: transparent url("img/bgd_sidebar_sub.jpg") no-repeat top left;

padding-top: 8px;

min-height: 156px;
font-size: .78em;}



#nav-supp h1{
color: #000000;
border: none;
background-image: none;
text-align: center;
margin: 0em;
height: 35px;}



#nav-supp h2{
color: #000000;
border: none;
background-image: none;
text-align: center;
font-size: 1.2em;
}



/* --- Info site --------- */



#info-site {

position: relative;

clear: both;

background: transparent url("img/footer.jpg") no-repeat top left;

width: 850px;

padding-top: 12px;

text-align: center;

}



#info-site p {

font-size: .9em;

}

#info-site h2 {
font-size: 1.2em;
color: #A5BCD3;
background-image: none;}



/* --- Info company --------- */



#info-company {

color: #676767;

margin: 0 16px;

}



#info-company a {

color: #A5BCD3;

text-decoration: none;

}



#info-company a:hover {

color: #FFF;

}





/* --- Info standards --------- */



p#info-standards {

margin: 4px 314px 0 314px;

padding-bottom: 6px;

}



a#xhtml {

display: block;

float: left;

background: transparent url("img/xhtml.gif") top left;

width: 78px;

height: 13px;

border: 1px solid #2D598D;

}



html>body a#xhtml {

margin: 0 82px 0 0;

}



a#xhtml:hover {

border: 1px solid #FFD50F;

}



#xhtml span {

display: none;

}



#css {

display: block;

background: transparent url("img/css.gif") top left;

width: 78px;

height: 13px;

border: 1px solid #2D598D;

}



html>body #css {

margin: 0 0 0 82px;

}



a#css:hover {

border: 1px solid #FFD50F;

}



#css span {

display: none;

}

#nav-section ul li a img {height: 0px; width:0; border-width: 0;}

#nav-section ul li a:hover img {position: absolute; top: 0px; left: -105px; height: 118px; width: 100px;}



#tree h1 {
font-size: .90em;
background-image: none;
border: none;}



#caselist {
border: 1px #000000 solid;
display: table;
border-collapse: collapse;}

#caselist tbody tr td {

      background-color: #eee;}

#caselist tbody tr.odd  td {

      background-color: #fff}

#caselist a:hover{
background-color: #b3c8e3;
display: block;}





#itemname h1{
background-color: #993300;
color: #ffffff;
font-weight: normal;
font-family: "Times New Roman", Georgia, Times, serif;
border: 1px #000000 solid;
text-align: center;
position: relative;

width: 518px;
}



#itemenclosure {
width: 532px;
position: relative;}

#itempicture1 {
width: 350px;
height: 315px;
position: relative;
background-color: #FFFFFF;
border-left: 1px #000000 solid;
border-top: 1px #000000 solid;
}

#itempicture2 {
border: 1px solid;
position: absolute;
left: 351px;
width: 175px;
height: 320px;
top: 0px;
}
#itempicture3 {
position: absolute;
left: 352px;
width: 175px;
height: 100px;
top: 105px;
border-top: 1px #000000 solid;
border-bottom: 1px #000000 solid;}

#itempicture4 {
position: absolute;
left: 352px;
width: 175px;
height: 100px;
top: 211px;}





#tabledetail {
width: 100%;
display: table;
border-collapse: collapse;
}

#tabledetail tbody tr td {
background-color: #FFFFFF;
border: 1px #000000 solid;
padding: 1px;
margin: 0em;
text-align: center;
vertical-align: middle;height: 20px}

#tabledetail tbody tr.odd td {
background-color: #cedced;
border: 1px #000000 solid;
padding: 1px;
margin: 0em;
text-align: center;
vertical-align: middle;
height: 35px;
font-weight: bold;}

#tabledetail tbody tr.gray td {
background-color: #eee;
border: 1px #000000 solid;
padding: 1px;
margin: 0em;
text-align: center;
}

#tabledetail tbody tr td.mid {
background-color: #FFFFFF;
padding: 2px;
margin: 0em;
text-align: center;
border-top: 1px #FFFFFF solid;
border-bottom: 1px #FFFFFF solid;}



#list {
display: list-item;
list-style-type: decimal;
}

#smalltype p{
font-size: .8em;}



.gallerycontainer{

position: relative;

/*Add a height attribute and set to largest image's height to prevent overlaying*/
height: 350px;}



.thumbnailmid img{

border: 0px solid white;

margin: 0 0px 0px 0;

}



.thumbnailmid:hover{

background-color: transparent;

}



.thumbnailmid:hover img{

border: 0px solid blue;

}



.thumbnailmid span{ /*CSS for enlarged image*/

position: absolute;

background-color: #cedced;

padding: 0px;

left: -1000px;

border: 0px gray none;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnailmid span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 0px;

}



.thumbnailmid:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: -103px;

left: -357px; /*position where enlarged image should offset horizontally */

z-index: 50;

}

.thumbnailtop img{

border: 0px solid white;

margin: 0 0px 0px 0;

}



.thumbnailtop:hover{

background-color: transparent;

}



.thumbnailtop:hover img{

border: 0px solid blue;

}



.thumbnailtop span{ /*CSS for enlarged image*/

position: absolute;

background-color: #cedced;

padding: 0px;

left: -1000px;

border: 0px gray none;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnailtop span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 0px;

}



.thumbnailtop:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: 0px;

left: -357px; /*position where enlarged image should offset horizontally */

z-index: 50;

}





.thumbnailbot img{

border: 0px solid white;

margin: 0 0px 0px 0;

}



.thumbnailbot:hover{

background-color: transparent;

}



.thumbnailbot:hover img{

border: 0px solid blue;

}



.thumbnailbot span{ /*CSS for enlarged image*/

position: absolute;

background-color: #cedced;

padding: 0px;

left: -1000px;

border: 0px gray none;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnailbot span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 0px;

}



.thumbnailbot:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: -206px;

left: -357px; /*position where enlarged image should offset horizontally */

z-index: 50;

}

#ienclosure {
width: 532px;
position: relative;}

#ipicture1 {
width: 350px;
height: 315px;
position: relative;
background-color: #FFFFFF;
border-left: 0px #000000 solid;
border-top: 0px #000000 solid;
}

#ipicture2 {
border: 0px solid;
position: absolute;
left: 357px;
width: 175px;
height: 100px;
top: 0px;
}
#ipicture3 {
position: absolute;
left: 357px;
width: 175px;
height: 100px;
top: 103px;
border-top: 0px #000000 solid;
border-bottom: 0px #000000 solid;}

#ipicture4 {
position: absolute;
left: 357px;
width: 175px;
height: 100px;
top: 206px;}



.thumbnail img{

border: 0px solid white;

margin: 0 0px 0px 0;

}



.thumbnail:hover{

background-color: transparent;

}



.thumbnail:hover img{

border: 0px solid blue;

}



.thumbnail span{ /*CSS for enlarged image*/

position: absolute;

background-color: #cedced;

padding: 0px;

left: -1000px;

border: 0px gray none;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 0px;

}



.thumbnail:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: -103px;

left: -351px; /*position where enlarged image should offset horizontally */

z-index: 50;

}



.thumbnail3 img{

border: 0px solid white;

margin: 0 0px 0px 0;

}



.thumbnail3:hover{

background-color: transparent;

}



.thumbnail3:hover img{

border: 0px solid blue;

}



.thumbnail3 span{ /*CSS for enlarged image*/

position: absolute;

background-color: #cedced;

padding: 0px;

left: -1000px;

border: 0px gray none;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail3 span img{ /*CSS for enlarged image*/

border-width: 0;

padding: 0px;

}



.thumbnail3:hover span{ /*CSS for enlarged image*/

visibility: visible;

top: -206px;

left: -351px; /*position where enlarged image should offset horizontally */

z-index: 50;

}