@charset "UTF-8";
/* CSS Document */



body {
width: 900px;
margin:0 auto;
padding:0;
/*	background-position: 50% 0;*/	
background-color: #7f7f7f;
color: #FFFFFF;
}
body, h3, p, ul, li, span, a { 
font-size:100.01%;
font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; 
}

/* Place a thin gray border around the following elements: to be removed!!! */ 
/*  div, h1, h2, h3, h4, ul class { 
    border: 1px dashed #CCC; 
    }*/
	
* {margin:0; padding:0;}	
	
a { 
text-decoration:none;
outline:none; 
} /* Gets rid of Firefox's dotted borders */

a img { border:none; } /* Gets rid of IE's blue borders */

/* --------------------------------------------------------- WRAP ----------------------------------------------------------- */


#wrap {
	background-image: url(../images/site_deco_img/bg_repeat.png);
	background-repeat:repeat-y;
	width:900px;
}
#interiorwrap {
	margin:0 auto;
	width:800px;
	/*border: 1px solid #0000FF;   border so we can see the div!!!*/
	/*background-color: #FFFF00;*//*yellow BG we may get rid of it!!??*/
}


/* --------------------------------------------------------- HEADER ----------------------------------------------------------- */



#header {
width:800px;
height:179px;
background-color: #000000;
}
#logo_ani {
	margin: 0;
	padding: 0;
	width: 230px;
	height: 145px;
	float:left;
	display:inline;
}
#pages {
	background-color: #f29400; /*insert embedded css in every page for the code couleur*/
	background-image: url(../images/site_deco_img/pages_arrow.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	width:800px;
	height: 34px;
	clear:both;
	/*position:absolute;*/ /*solution for the alignement problem*/
	/*display: block;*/ /*???*/
}
#pagesbottom {
	background-color: #f29400; /*insert embedded css in every page for the code couleur*/
	width:800px;
	height: 24px;
	clear:both;
	/*position:absolute;*/ /*solution for the alignement problem*/
	/*display: block;*/ /*???*/
}
.pagesnumber {
	font-size: 80%;
	color: #FFFFFF;
	margin-left: 240px;
	padding:4px 0 0 0;
}
.pagesnumber li{ 
list-style-type: none; 
display: inline;
padding-right: 5px; 
} 
.pagesnumber .activepage a, .activepage a:visited {  
text-decoration: none; 
color: #FFFFFF;
} 
.pagesnumber .activepage a:hover, .pagesnumber .activepage a:active { 
color: #FFFFFF; 
} 
.pagesnumber li.currentpage{ 
color: #666666;
font-weight: bold;  
} 

* html .pagesnumber li.currentpage, * html .pagesnumber li.previouspage{ /*IE 6 and 
below. Adjust non linked LIs slightly to account for bugs*/ 
margin-right: 5px; 
padding-right: 0; 
} 



/* --------------------------------------------------------- NAV ----------------------------------------------------------- */
.nav {
/*position: absolute;
top:0;
left:230px;*/
float:left;
display:inline;
visibility:visible;
z-index:50;

}

.nav ul {
	margin: 0;
	padding: 0;
	/*border: 10px;*/
	/*border-color:#FFFFFF;*/
	list-style-type: none;
	text-indent: -9999px;
	width: 175px; /* Width of Menu Items */
}
.nav ul li {
	position: relative;
}
/*Sub level menu items */
.nav li ul {
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 165px; /* Width of Menu Items */
}
/* Sub level menu links style */
.nav ul li a {
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	/*color: white;*/
	text-decoration: none;
}

/*begin - bug correction-----------------------------------------------------------------*/

li#print {
margin-top:-40px;
}

/*end - bug correction-----------------------------------------------------------------*/

#about a:link, #about a:visited {
display:block;
width: 175px;
height: 40px;
background: url(../images/images_nav/about.png) top left no-repeat;
}
#about a:hover, #about a:active, #about a.current {
background-position:0 -40px;
}

#profile a:link, #profile a:visited {
display:block;
width: 165px;
height: 40px;
background: url(../images/images_nav/profile.png) top left no-repeat;
}
#profile a:hover, #profile a:active, #profile a.current {
background-position:0 -40px;
}

#publications a:link, #publications a:visited {
display:block;
width: 165px;
height: 22px;
background: url(../images/images_nav/publications.png) top left no-repeat;
}
#publications a:hover, #publications a:active, #publications a.current {
background-position:0 -22px;
}

#download a:link, #download a:visited {
display:block;
width: 165px;
height: 22px;
background: url(../images/images_nav/download.png) top left no-repeat;
}
#download a:hover, #download a:active, #download a.current {
background-position:0 -22px;
}
#contact a:link, #contact a:visited {
display:block;
width: 165px;
height: 22px;
background: url(../images/images_nav/contact.png) top left no-repeat;
}
#contact a:hover, #contact a:active, #contact a.current {
background-position:0 -22px;
}
#legal a:link, #legal a:visited {
display:block;
width: 165px;
height: 39px;
background: url(../images/images_nav/legal.png) top left no-repeat;
}
#legal a:hover, #legal a:active, #legal a.current {
background-position:0 -39px;
}
#selected a:link, #selected a:visited {
display:block;
width: 175px;
height: 22px;
background: url(../images/images_nav/selected.png) top left no-repeat;
}
#selected a:hover, #selected a:active, #selected a.current {
background-position:0 -22px;
}
#print a:link, #print a:visited {
display:block;
width: 165px;
height: 40px;
background: url(../images/images_nav/print.png) top left no-repeat;
}
#print a:hover, #print a:active, #print a.current {
background-position:0 -40px;
}
#logo a:link, #logo a:visited {
display:block;
width: 230px;
height: 40px;
background: url(../images/images_nav/logo.png) top left no-repeat;
}
#logo a:hover, #logo a:active, #logo a.current {
background-position:0 -40px;
}
#press_ad a:link, #press_ad a:visited {
display:block;
width: 230px;
height: 22px;
background: url(../images/images_nav/press_ad.png) top left no-repeat;
}
#press_ad a:hover, #press_ad a:active, #press_ad a.current {
background-position:0 -22px;
}
#misc_print a:link, #misc_print a:visited {
display:block;
width: 230px;
height: 22px;
background: url(../images/images_nav/misc_print.png) top left no-repeat;
}
#misc_print a:hover, #misc_print a:active, #misc_print a.current {
background-position:0 -22px;
}
#editorial a:link, #editorial a:visited {
display:block;
width: 230px;
height: 22px;
background: url(../images/images_nav/editorial.png) top left no-repeat;
}
#editorial a:hover, #editorial a:active, #editorial a.current {
background-position:0 -22px;
}
#packaging a:link, #packaging a:visited {
display:block;
width: 230px;
height: 39px;
background: url(../images/images_nav/packaging.png) top left no-repeat;
}
#packaging a:hover, #packaging a:active, #packaging a.current {
background-position:0 -39px;
}
#multimedia a:link, #multimedia a:visited {
display:block;
width: 165px;
height: 22px;
background: url(../images/images_nav/multimedia.png) top left no-repeat;
}
#multimedia a:hover, #multimedia a:active, #multimedia a.current {
background-position:0 -22px;
}
#offtopic a:link, #offtopic a:visited {
display:block;
width: 165px;
height: 22px;
background: url(../images/images_nav/offtopic.png) top left no-repeat;
}
#offtopic a:hover, #offtopic a:active, #offtopic a.current {
background-position:0 -22px;
}

#apparel a:link, #apparel a:visited {
display:block;
width: 165px;
height: 22px;
background: url(../images/images_nav/apparel.png) top left no-repeat;
}
#apparel a:hover, #apparel a:active, #apparel a.current {
background-position:0 -22px;
}
#photography a:link, #photography a:visited {
display:block;
width: 165px;
height: 39px;
background: url(../images/images_nav/photography.png) top left no-repeat;
}
#photography a:hover, #photography a:active, #photography a.current {
background-position:0 -39px;
}

#references a:link, #references a:visited {
display:block;
width: 175px;
height: 22px;
background: url(../images/images_nav/references.png) top left no-repeat;
}
#references a:hover, #references a:active, #references a.current {
background-position:0 -22px;
}
#shop a:link, #shop a:visited {
display:block;
width: 175px;
height: 22px;
background: url(../images/images_nav/shop.png) top left no-repeat;
}
#shop a:hover, #shop a:active, #shop a.current {
background-position:0 -22px;
}
#links a:link, #links a:visited {
display:block;
width: 175px;
height: 39px;
background: url(../images/images_nav/links.png) top left no-repeat;
}
#links a:hover, #links a:active, #links a.current {
background-position:0 -39px;
}


/* Holly Hack for IE \*/
* html .nav ul li {
	float: left;
	height: 1%;
}
* html .nav ul li a {
	height: 1%;
}
/* End Nav */


/* --------------------------------------------------------- MAIN CONTENT ----------------------------------------------------------- */


#content { 
width:800px;
background-color: #CCCCCC;
/*border: 1px solid #990000;   border so we can see the div!!!*/
min-height:486px; /* for modern browsers */
/*when content is not higher than the min-height of the content div then add bg-color #cccccc to #content, as embedded css*/
height:auto !important; /* for modern browsers */
/*height:500px;*/ /* for IE5.x and IE6 */
}
#content h3 {
	color: #FFFFFF;
	display: block;
	font: bold 120% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 115%;
	margin-top:14px;
	margin-bottom:10px;
}

#content p {
margin-bottom:5px;
padding:0;
	color: #000000;
	display: block;
	font: normal 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
}



#content a.contentlinks {
	text-decoration: none;
	color: #0066FF; /*#4d4d4d*/
	border-bottom: 1px dotted  #0099ff;
}
#content a:hover.contentlinks {
	color: #FFFFFF;
	border-bottom: 1px dotted #FFFFFF;
}

.contentrowodd {
background-image:url(../images/site_deco_img/descrip_arrow.png);
	background-repeat: no-repeat;
	background-position: top left;
position:relative;/*this is needed to eliminate the 1px bg shining through*/
margin-top:-1px;/*this is needed to eliminate the 1px bg shining through*/
width:800px;
background-color: #CCCCCC;
/*min-height:300px;*/ /* for modern browsers   ----min-height has to go because of ie6 */
height:auto !important; /* for modern browsers */
/*height:300px;*/ /* for IE5.x and IE6 */
overflow: auto;
}
.rowseparator {
	width:800px;
	/*background-color: #660099;*/
	background-image: url(../images/site_deco_img/dashedline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	min-height:19px; /* for modern browsers */
	height:auto !important; /* for modern browsers */
	height:19px; /* for IE5.x and IE6 */
	/*clear:both;*/
}

.contentroweven {
background-image:url(../images/site_deco_img/descrip_arrow.png);
	background-repeat: no-repeat;
	background-position: top left;
position:relative;/*this is needed to eliminate the 1px bg shining through*/
margin-top:-1px;/*this is needed to eliminate the 1px bg shining through*/
width:800px;
background-color: #B4B4B4;
/*min-height: 300px;*/ /* for modern browsers */
height:auto !important; /* for modern browsers */
/*height:300px;*/ /* for IE5.x and IE6 to work no height!!! */
overflow:auto;
}

/* --------------------------------------------------------- Begin Left column ----------------------------------------------------------- */
.left {
	
	/*background-color:#CC9900;*/
	width:210px;
	/*min-width:190px;*/
	float:left;
	display:inline;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}


/* --------------------------------------------------------- Begin Right column ----------------------------------------------------------- */


.right {
	/*background-color: #00CCFF;*/

	float: left;
	padding:10px 0 0 10px;
	display:inline;
	overflow:auto;/*NEW!!! to test on ie6*/
}
.bodytext {
width:450px;

}

.right img {
margin-left:0px;
margin-bottom:10px;
/*float:left;*/
display:block;	
}
.spantext {
	color: #FFFFFF;
	display: block;
	font: normal 75% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	/*100% equals 80% from the parent, because of the 80% from the parent li*/

	line-height: 170%;
	padding-bottom:10px;
}

/* --------------------------------------------------------- Begin REFERENCES page ----------------------------------------------------------- */


ul#references_ul { 
margin: 0 0 10px 0;
	padding: 0;
list-style-type:none;
text-align:left;
}
ul#references_ul li {
width: 270px;
border: 1px dotted #FFFFFF;
	border-width: 0 0 1px 0;
}
ul#references_ul li a { 
color: #666666;
	display: block;
	font: bold 90% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;
	padding:3px 0 3px 3px;


}
ul#references_ul li a:hover { 
color:   #0066FF;
background-color: #B3B3B3;

}
ul#references_ul li a span { 
color: #FFFFFF;
	font: bold 70% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 130%;

}


.ref_block1 {
	float:left;
	width:270px;
	margin-right:10px;
	}
.ref_block2 {
	float:left;
	width:270px;
	}	

hr {
	clear:both;
	visibility:hidden;
	}



/* --------------------------------------------------------- End REFERENCES page ----------------------------------------------------------- */


/* --------------------------------------------------------- Begin NEWS page ----------------------------------------------------------- */

.newstext {
text-align:left;
padding:0px;
	
	width: 400px;
	
}
.newstext ul {
text-align:left;
padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	list-style-type: none;
	width: 400px;
	
}

.newstext li {
	/*color: #000000;*/
	display: block;
	/*font: normal 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;*/
	/*line-height: 140%;*/
	border: 1px dotted #FFFFFF;
	border-width: 1px 0;
	margin: 0 0 10px 0;
}
.newstext li h3 {
	/*color: #FFFFFF;*/
	/*display: block;*/
	/*font: bold 150% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;*/
	/*150% equals 120% from the left, because of the 80% from the parent li*/
	/*line-height: 115%;*/
/*
margin-top:10px;
margin-bottom:10px;*/

}

.newstext li a.imglink {
	color:  #0066FF;
/*	display: block;*/
	font: bold 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	text-decoration: none;
	/*padding-top:2px;*/
}

.newstext li a:hover.imglink {
	color: #CC0000;
	background: #f7da67;
padding: 2px;
}

/*#coll1 {
display:block;
z-index:20;
}*/

.newstext span {
	color: #FFFFFF;
	display: block;
	font: normal 75% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	/*100% equals 80% from the parent, because of the 80% from the parent li*/

	line-height: 170%;
	padding-bottom:10px;
}
.newstext img {
margin-bottom:10px;
	/*float:left;*/
	display:block;
}
/* --------------------------------------------------------- End NEWS page ----------------------------------------------------------- */

 

  
  
/* --------------------------------------------------------- Begin FOOTER ----------------------------------------------------------- */


#footer {
	height:40px;
	color: #4d4d4d;
	background-color:#FFFFFF;
	background-image:url(../images/site_deco_img/dashedline.gif);
	background-repeat: repeat-x;
	background-position: top left;
	
}
p.copyrightinfo {
	font-size: 70%;
	padding-left:10px;
	padding-top:20px;
}

p.copyrightinfo a {
	text-decoration: none;
	color: #4d4d4d;
	border-bottom: 1px dotted  #4d4d4d;
}
p.copyrightinfo a:hover {
	color:  #0066FF;
	border-bottom: 1px dotted  #0099ff;
}

.copyrightinfo .separator {
	font-weight: bold;
	color: #000000;
}
#footerbottom {
	background-image:url(../images/site_deco_img/bg_bottom.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin:0 auto;
	width:900px;
	height: 60px;
}
/* --------------------------------------------------------- End FOOTER ----------------------------------------------------------- */


/* --------------------------------------------------------- END OF CSS ----------------------------------------------------------- */