@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 {
	width:800px;
	height: 10px;
	background-color: #f29400;
	clear:both;*/

	/*position:absolute; solution for the alignement problem
	display: block; ???
*/
/*}*/
#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;*/ /*???*/
}



/* --------------------------------------------------------- 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: #FF66CC;*/
/*border: 1px solid #990000;   border so we can see the div!!!*/
min-height:500px; /* for modern browsers */
height:auto !important; /* for modern browsers */
/*height:500px;*/ /* for IE5.x and IE6 */
}
#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 {
	/*top:0px;*/
width:800px;
background-color: #FFFFFF;
min-height:284px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:284px; /* for IE5.x and IE6 */
/*overflow:hidden;*/

}
.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 */
}

.contentroweven {
position:relative; /*we need it for the absolute position of the splash */
width:800px;
background-color: #FFFFFF;
min-height:206px; /* for modern browsers */
height:auto !important; /* for modern browsers */
height:206px; /* for IE5.x and IE6 */
}

/*----------------------------------------------------------------------------------------------------------*/


#latest {
	width:550px;
	min-width:550px;
	float:left;
	display:inline;
	position:relative;/*we need it for the absolute position of the imghover*/
	margin-right:10px;  /*NEW!!!*/
	
}
#latestimghover a span {
position:absolute;
top:45px;
left:0;
width:550px;
height:75px;
background-image: url(../images/images_cover/cover_deco_img/hover_png_transparent.png);
background-repeat:repeat;
z-index:10;
/*visibility:hidden;*/
	
}

/*#latestimghover a:hover span {
visibility: visible;
	
}*/

#latestimghover a span p {
color: #FFFFFF;
	display: block;
	font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 115%;
	padding: 10px 10px 10px 10px;
	}
	
/*----------------------------------------------------------------------------------------------------------*/
	
	
	
#featuredimghover a span {
position:absolute;
bottom:10px;
left:0;
width:550px;
height:100px;
background-image: url(../images/images_cover/cover_deco_img/hover_png_transparent.png);
background-repeat:repeat;
z-index:10;
visibility:hidden;
	
}

#featuredimghover a:hover span {
visibility: visible;
	
}

#featuredimghover a span p {
color: #FFFFFF;
	display: block;
	position:absolute;
	bottom:0;
	font: 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 115%;
	padding: 0px 10px 10px 10px;
	}




/* --------------------------------------------------------- NEWS ----------------------------------------------------------- */


#news {
background-image: url(../images/images_cover/cover_deco_img/news.png);
background-repeat: no-repeat;
background-position: top left;	
width:240px;
min-width:240px;
height:284px;
min-height:284px;
float:left;
display:inline;
}

.newslinks {
width:240px;
height:250px;
text-align:left;
padding:0px;
background-color: #FFCC00;/*not the bg color on the parent #news, because ie6 let's a line shining through*/
overflow:auto;
}
.newslinks ul {
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	list-style-type: none;
	width: 202px;
	
}

.newslinks li {
	border: 1px dotted #FFFFFF;
	border-width: 1px 0;
	margin: 5px 0;
}

.newslinks li a {
	color: #FFFFFF;
	display: block;
	font: bold 90% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	padding: 3px;
	text-decoration: none;
}

.newslinks li a:hover {
	color: #CC0000;
	background: #FFFF33;

}
.newslinks li a:hover span {
	color: #FF6600;
}

.newslinks a em {
	color: #000000;
	display: block;
	font: normal 80% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
}

.newslinks a span {
	color: #FFFFFF;
	display: block;
	font: normal 70% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 170%;
}

/*----------------------------------------------------------------------------------------------------------*/


#feedback {	
	width:240px;
	min-width:240px;
	height:206px;
	min-height:206px;
	float:left;
	display:inline;
	position:relative;
}
.feedbacktext {
	background-color:#0099ff;
	width:240px;
	height:181px;
	display:block;
}
.feedbacktext p {
position:absolute;
width:240px;
display:block;
}

.feedbacktext p a {
color: #000000;
	display: block;
	font: normal 75% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif;
	line-height: 125%;
	margin: 10px;
	padding:3px;
}
.feedbacktext p a:hover {
	background: #66ccff;
}

.feedbacktext p a span {
color:#FFFFFF;
display:block;
line-height:135%;

}

/*----------------------------------------------------------------------------------------------------------*/


#featured {
width:550px;
min-width:550px;
	float:left;
	display:inline;
	margin-left:10px;
	position:relative;/*we need it for the absolute position of the imghover*/
}

#splash {
	position:absolute;
	top:-7px;
	left:465px;
	z-index:20;
}

#splash a {
display:block;
	width:120px;
	height:120px;
	background: url(../images/images_cover/cover_deco_img/splash_winner.png) top left no-repeat;
}


#splash a:hover {
	background-position:-120px 0%;
}



/* --------------------------------------------------------- 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 ----------------------------------------------------------- */