/* CSS Document */



body {
font-family:Verdana,Helvetica,Arial,Geneva,Helvetica,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6em;
margin:0pt;
min-width:870px;
background: #333333;
}
#pagewidth {
width: 1004px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left;}

#header {
background:#FFFFFF url(img/top_bg.gif) repeat-x scroll 0pt;
height:80px;

}
#customsearch{
position:absolute;
float:right;
font-family:"trebuchet MS", Arial, Verdana;
font-size:12px;
width:300px;
top:20px;
right:40px;
}

#header img {
margin-top:20px;
margin-left:20px;
}

#headerNav {
background:#FFFFFF url(img/topnav_bg.gif) repeat-x scroll 0pt;
height:51px;
}



#headerNav ul li {
display:inline;
float:left;
}
* {
font-size:100.01%;
}


#headerNav ul a.home {
margin:0pt 16px 0pt 17px;
}
#header ul a {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
padding:3px 7px;
}
#headerNav ul a {
color:#FFFFFF;
display:block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;

}
a {
color:#0040B6;
text-decoration:none;
}
* {
font-size:100.01%;
}



/* CSS Document */

#headerNav ul{	margin:0;      
				padding:0px;   
				padding-top:20px;       
				list-style:none;          
				position:absolute;                    
				height:30px;
				width:1004px;                    
				border-top:0px solid #EB4C07;                    
			  
				}          

a.skip-content{          position:absolute;          top:0;          left:0;          width:100%;          height:6px;          overflow:hidden;          display:block;          text-indent:-9999px;          background:#eb4c07 url(../img/bg-skip.gif) repeat-x 0 100%;          z-index:100}          a.skip-content:hover{          height:20px;          padding:9px 0 0;          overflow:hidden;          border:0px solid #fff;          background:#eb4c07 url(../img/bg-skip.gif) repeat-x 0 100%}          a.skip-content span{          width:118px;          height:10px;          background:url(../img/text-skip.gif); display:block; overflow:hidden; margin:0 auto; display:none; cursor:pointer} a.skip-content:hover span{ display:block} #headerNav ul li{ float:left; display:inline} #headerNav ul a{ display:block; font:Normal 1em Georgia, "Times New Roman", Times, serif; text-shadow:#666666; color:#fff;}#headerNav ul a{padding:3px 7px;-moz-border-radius:3px}#headerNav ul a:focus,#headerNav ul a:active,#headerNav ul a:hover{background-color:#5a5a5a;outline:none}/*         #headerNav ul li.service{               float:right;               margin-right:23px;               display:inline}*/ #headerNav ul a.home{ margin:0 16px 0 17px} #headerNav ul a.graphics{ margin:0 14px 0 0} #headerNav ul a.showcases{ margin:0 14px 0 0} #headerNav ul a.fonts{ margin:0 14px 0 0} #headerNav ul a.know-how{ margin:0 14px 0 0} #headerNav ul a.css{ margin:0 14px 0 0} #headerNav ul a.toolbox{ margin:0 14px 0 0} #headerNav ul a.best-month{ margin:0 14px 0 0} #headerNav ul a.tutorials{ margin:0 14px 0 0} #headerNav ul a.ressources{ margin:0 14px 0 0} #headerNav ul a.monday-inspiration{ margin:0 14px 0 0} #headerNav ul a.about-us{ margin:0 14px 0 0} #headerNav ul a.jobs { margin:0} #headerNav ul a.colors{ margin:0 21px 0 0} #home #headerNav ul a.home, #css #headerNav ul a.css, #know-how #headerNav ul a.know-how, #toolbox #headerNav ul a.toolbox, #showcases #headerNav ul a.showcases, #fonts #headerNav ul a.fonts, #inspiration #headerNav ul a.monday-inspiration, #graphics #headerNav ul a.graphics, #best-month #headerNav ul a.best-month, #tutorials #headerNav ul a.tutorials, #colors #headerNav ul a.colors, #ressources #headerNav ul a.ressources, #about-us #headerNav ul a.about-us{ background-color:#EB4C07; color:#fff; -moz-border-radius:3px} #main a.logo,#main h1.logo{ width:229px; height:83px; overflow:hidden; display:block; margin:0; position:absolute; top:61px; left:16px; z-index:3} #main h1.logo a{ display:block; width:100%; text-indent:-9999px; height:100%; background-color:#fff} #main h1.logo a img{ text-indent:0} .top-banner{ position:absolute; top:54px; right:23px}


#headDate {
background:#FFFFFF url(img/bg_date.gif) repeat-x scroll 0pt;
height:35px;

}


#headDate p {
border: solid 0px #006600;
margin-top:4px;
margin-left:20px;
line-height:20px;
width:5.3em;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
color: #999999;

}



#colMid{
	margin: 0 10.5em 0 10.5em; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 0 .5em 0 .5em; /* padding here creates white space "inside the box." */
	

}	#colLeft{
width:200px;
float:left;

border-right:1px #999999 dotted;

}
#colRight{
padding-top:60px;
	width:200px;
	float:right;
	background:#fff;
	text-align:center;

}

#para1 {
padding-top:20px;
padding-bottom:20px;
padding-right:10px;
padding-left:10px;
text-align:left;
}
#para1 p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:2em;
color: #999999;
font-smooth:always;
padding-bottom:10px;}

#para1 p span{

color: #FF3300;}

#para1 p.txt{font-family: Helvetica,Arial, sans-serif;
font-size:.66em;
font-smooth:always;
color: #333333;
line-height:1.5em;}

#para1 h1{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:.9em;
font-smooth:always;
line-height:1em;
color: #000;
padding-bottom:10px;}
#para1 em{color:#FF3300;
}

#listContainer {
	padding-top:10px;
	padding-bottom:10px;
	padding-right:30px;
	padding-left:2px;
	height:115px;
	background:url(img/lc_bg.gif) repeat-x;

}
#listContainer h2{
padding-top:10px;
padding-bottom:10px;
padding-right:30px;
padding-left:30px;
font-family:Helvetica,Verdana, Arial,  sans-serif;
color:#999933;
font-size:1.5em;

}
#listContainer p{
padding-top:2px;
padding-bottom:2px;
padding-right:2px;
padding-left:30px;
font-family:Helvetica,Verdana, Arial,  sans-serif;
color: #000;
font-size:1em;
line-height:20px;

}
#listcont{
background:#FAFAFA;
float:left;
width:100%;}

#listcont ul li {margin:0px; padding:0px;}
#listcont ul {
display:block;
float:left;padding-top:10px;
margin-left:0px;
line-height:20px;
font-family: Helvetica,Arial, sans-serif;
font-size:11px;

}

#listcont ul li{

margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:30px;
list-style:url(img/li_bullet.gif);}

#listcont A{

font-family: Helvetica,Arial, sans-serif;
font-size:11px;
color: #666666;
}
#listcont A:hover{

font-family: Helvetica,Arial, sans-serif;
font-size:11px;
color: #999900;

}
#listcont A:hover{
text-decoration:underline;
color:#000;

}
#lefttitle{
padding-left:5px;
background:#666666;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
font-size:.8em;}






#lt{background:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
}

#lt ul{
list-style:none;
padding:0px;
}
#lt li{

background: url(img/bullet_li.png) no-repeat 12px 9px;
border-bottom:#FF9900 dotted 1px;
}

#lt li a{
font-family:Georgia, "Times New Roman", Times, serif;
text-decoration:none;
color:#FF6600;
font-size:11px;
padding-left:25px;

}
#lt li a ul{ display:block;}
#lt li:hover{
background-color:#FBF4D9;

}
#footer{
font-family: "Trebuchet MS", Verdana, Arial;
font-size:11px;
clear: left;

height:88px;
background: url(img/bg_footer.gif);
padding-top:20px;
color: #999999;
padding-left:20px;
}

#footer a{
color: #FF6600;

}



.listtitlemain{padding-right:10px; padding-left:10px; width:560px;}
.listtitle{width:460px;}
.listtitle a{ font-family: helvetica,arial,verdana;
font-size:0.77em;
color:#0000CC;
font-weight:bold;}
.listrank{width:100px; padding-top:9px; float:right;}


.listtxt{

padding-bottom:20px;
padding-right:10px;
padding-left:10px;
text-align:left;
font-family: Helvetica,Arial, sans-serif;
font-size:.66em;
color: #333333;
line-height:1.5em;
padding-bottom:10px;}

.bothref{

color:#FF6600;
}

.listtitlebotmain{font-family:Georgia, "Times New Roman", Times, serif;
font-size:.5em;
color: #999999; padding-right:10px; padding-left:10px; width:560px; border-bottom:#999999 1px dotted; margin-bottom:20px;}
.listtitlebot{width:460px; font-family:Georgia, "Times New Roman", Times, serif;

color: #999999;}
.listtitlebot a{
color:#FF6600;
}
.listbotmore{width:100px; float:right;}
.listbotmore a{

color: #999999;}

#colleftlocation{
	margin: 0 10.5em 0 0; /* the right margin can be given in ems or pixels. It creates the space down the right side of the page. */ 
	padding: 0 .5em 0 .5em; /* padding here creates white space "inside the box." */
	

}	


#locwrap {
padding-top:20px;
padding-bottom:20px;
padding-right:10px;
padding-left:10px;
text-align:left;
}
#locwrap h1 {
font-family:Lucida Sans Unicode, "Times New Roman", Times, serif;
font-size:2em;
color: #999999;
padding-bottom:10px;}

#locwrap p{
font-family: Helvetica,Verdana, Arial,  sans-serif;
font-size:1em;
color: #000;
padding-bottom:10px;}


#locwrap p span{text-transform:lowercase; width:560px; font-family: Helvetica,Geneva, Arial,  sans-serif; font-size:0.9em; color: #8B9E1D; line-height:.9em;}