/*
2006 Vom thrudvangar
If you need help contact me via the contact form
*/

* {
margin: 0;
padding:0;
border: 0;
} 
body{
font: 100.01% "Trebuchet MS",Verdana,Arial,sans-serif;
scrollbar-base-color: #fff;
scrollbar-track-color: transparent;
scrollbar-arrow-color: #ce8839;
scrollbar-3dlight-color: #ce8839;
scrollbar-darkshadow-color: #ce8839;
scrollbar-shadow-color: #fff;
}
    
a{
text-decoration:none;
} 
a:hover{
text-decoration:underline; 
} 

.clearfix{
clear:both;
}



/* page wrapprer */
#wrapper {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:760px;
	background:url(../images/bodybg.png) 0 0 repeat-y;
	padding:0 5px;
	}
	html>body #wrapper {
	padding:0 5px;
	width:760px;
	background:url(../images/bodybg.png) 0 0 repeat-y;
	}
    
/* header */
 
/*header layout 12px*/
#header{
position:relative;
background:transparent;
height:100px;
}
#header img{
margin:0;
border:0;
}

#navbar{
position:absolute;
left:0;
bottom:0;
width:100%;
height:23px;
z-index:1;
background:#ce8839 url(../images/navbarbg.png) top left repeat-x;
}

/*header typo */
#navbar .out{
position:absolute;
right:-15px;
bottom:2px;
height:35px;
width:50px; 
z-index:2; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/images/outlame.png', sizingMethod='scale');
}
html>body .out {background:transparent url(../images/outlame.png) top left no-repeat;  }
#navbar .out p a{
position:absolute;
bottom:2px;
right:15px;
font: 65% Arial,Verdana,sans-serif; 
font-weight:bold; 
color:#fff;
z-index:3;
}

#navbar ul {
	margin-left:5px;
  float: left;
  list-style: none;
}

#navbar ul li {
  float: left;
}
#navbar ul li.last{
background:transparent url(../images/navbarbgborder.png) top right no-repeat;
}

#navbar ul a {
	font-weight:bold;
	padding: 0 1em;
  text-decoration: none;
  color:#fff;
  float: left;
  display: block;
  text-transform:capitalize;
  background:transparent url(../images/navbarbgborder.png) top left no-repeat;
  
  }
#navbar ul a:hover{
color:#4e3314;
background:transparent url(../images/navbarh.png) 0 2px repeat-x;
}


#home #navbar a.home,
#leila #navbar a.leila ,
#production #navbar a.production,
#puppetgallery #navbar a.puppetgallery,
#production #navbar a.production, 
#gallery #navbar a.gallery,  
#links #navbar a.links{
background:#fff; 
padding-top:1px; 
cursor: default;
color:#000;
text-decoration:underline;
}

/*content*/


/*2col content layout */

/* gallery */
#gallery #rootcontent{
position:relative;
padding:30px 0 15px 0;
background:transparent url(../images/bgs/contentbg.png) 0 0 repeat-y; 
}

#gallery #rootcontent .box{
height:400px; /*selon taille bg */
background:transparent url(../images/bgs/gallerybg.jpg) -1px 0 no-repeat;
}
#gallery #rootcontent p{
font-size:14px;
font-weight:bold;
line-height:1em;
color:#f2ddc4;
padding-right:10px;
}


/*maincol layout*/
#gallery #rootcontent #maincol{
position:absolute;
top:30px;
left:0;
width:582px;
height:400px;
z-index:1;
overflow:auto;
overflow-x:hidden;
}
/*width fix for gallery*/
#gallery #rootcontent #maincol .widthfix{
width:562px;
height:auto;
}
/*maincol typo */
#gallery #rootcontent #maincol .widthfix h1{
padding:0.5em 0 0.2em 0.5em;
line-height:1em;
}
#gallery #rootcontent #maincol .widthfix h1 span,#gallery #rootcontent #maincol .widthfix h2 span{
display:none;
}
#gallery #rootcontent #maincol .widthfix h2{
line-height:1em;
padding:0.2em 0 0 1em;
}
#gallery #rootcontent #maincol .widthfix h3{
font-size:80%;
line-height:1em;
padding:0.2em 0 0 1.2em;
}
#gallery #rootcontent #maincol .widthfix h4{
font-size:75%;
line-height:1em;
padding:0.2em 0 2em 1.2em;
}



#gallery #rootcontent #maincol .widthfix .img-wrapper{
float:left;
}



#gallery #rootcontent #maincol .widthfix .img-wrapper img{
margin-left:auto;
margin-right:auto;
display:block;
line-height:0;
border:solid 2px #ce8839;
}
#gallery #rootcontent #maincol .widthfix .img-wrapper p{
font-size:75%;
padding:0 0 1em 0;
margin:0;
text-align:center;
}




/*rightcol layout */
#gallery #rootcontent #rightcol{
position:absolute;
top:30px;
left:582px;
width:160px;
height:400px;
z-index:2;

}
#gallery #rootcontent #rightcol ul{
list-style:none;
margin-top:20px;
width:177px;
height:360px;
overflow:auto;
overflow-x:hidden;

}

#gallery #rootcontent #rightcol ul li a{
display:block;
width:150px;
height:auto;
padding-left:12px;
line-height:1.5em;
}
#gallery #rootcontent #rightcol ul>li a:first-letter{
color:#ce8839;
font-weight:bold;
font-size:120%;
}
/*ie fix*/
#gallery #rootcontent #rightcol li{
display:inline;
}
/*rightcol typo*/
#gallery #rootcontent #rightcol ul{
line-height:1em;
}
#gallery #rootcontent #rightcol{
font-size:70%;
text-transform:capitalize;
}
#gallery #rootcontent #rightcol ul li a:link{
color:#000;
}
#gallery #rootcontent #rightcol ul li a:visited{
background: transparent url(../images/galok.png) 0 40% no-repeat;
color:#aaa;
}
#gallery #rootcontent #rightcol ul li a:hover{
background: transparent url(../images/galscroll.png) 0 40% no-repeat;
}
#gallery #rootcontent #rightcol ul li a:active{
background: transparent url(../images/galscroll.png) 0 40% no-repeat;
}
/*==============================content layout one col========================================*/
/*prod*/
#production #rootcontent .box{
height:400px;
background:transparent url(../images/bgs/litterbg.jpg) -1px 0 no-repeat;
}

/*links*/
#links #rootcontent .box{
height:400px;
background:transparent url(../images/bgs/bgls.jpg) -1px 0 no-repeat;
}
#links #rootcontent .sub-box{
width:758px;
height:400px;
overflow:auto;
overflow-x:hidden;
}
#links #rootcontent .width-fix{
width:738px;
}
#links #rootcontent .img-wrapper{
padding: 10px 0;
width:367px;
}
#links #rootcontent .img-wrapper ul{
padding:0;
list-style:none;
margin-left:auto;
margin-right:auto;
width:320px;
height:250px;
}

#links #rootcontent .img-wrapper ul a{
font-size:14px;
color:#f2ddc4;
text-transform:capitalize;
font-weight:bold;
padding-top:1em;
}
/*sitemap*/
#sitemap h1{
display:none;
}
#sitemap a{
color:#f2ddc4;
}
#sitemap .english h2{
background: transparent url(../images/flag/flag_us.gif) 5px 70% no-repeat;
}
#sitemap .french h2{
background: transparent url(../images/flag/flag_fr.gif) 5px 70% no-repeat;
}
#sitemap .de h2{
background: transparent url(../images/flag/flag_de.gif) 5px 70% no-repeat;
}
#sitemap .it h2{
background: transparent url(../images/flag/flag_it.gif) 5px 70% no-repeat;
}
#sitemap .es h2{
background: transparent url(../images/flag/flag_es.gif) 5px 70% no-repeat;
}
#sitemap #rootcontent .box{
height:400px;
background:transparent url(../images/bgs/bgls.jpg) -1px 0 no-repeat;
}
#sitemap #rootcontent .sub-box{
width:758px;
height:400px;
overflow:auto;
overflow-x:hidden;
}
#sitemap #rootcontent .width-fix{
width:738px;
}
#sitemap #rootcontent .img-wrapper{
padding: 10px 20px;
}
#sitemap #rootcontent .img-wrapper ul{
padding:0;
list-style:none;
margin-left:auto;
margin-right:auto;
width:500px;
}



/*litter*/
#production #rootcontent .tw{
padding: 2em 0;
}
#production .reser{
position:absolute;
top:15px;
right:20px;
}
#production .reser a, litter .reser p{
color:red;
}
#production #rootcontent table{
  width: 720px;
  border: 1px solid #666;
  border-right:none;
  margin-left:auto;
  margin-right:auto;
  font-size:90%;

}
#production #rootcontent table .last{
padding-bottom:5px;
}
#production #rootcontent .sub-box{
width:758px;
height:400px;
overflow:auto;
overflow-x:hidden;
}
#production #rootcontent .width-fix{
width:738px;
}
#production #rootcontent h1{
font-family: verdana,sans-serif;
padding: 1em 0;
text-align:center;
}
#production a{
color:#f2ddc4;
}
#production #rootcontent .box .img-wrapper p {
font: 12px verdana,sans-serif;
color:#f2ddc4;
}
#production #rootcontent .box .img-wrapper h3{
text-align:center;
margin-left:-20px;
font-size:18px;
padding: 2px 0;
}
#production #rootcontent .box{
height:400px;
background:transparent url(../images/bgs/litterbg.jpg) -1px 0 no-repeat;
}

/* leila */

/*adjustments*/
.center{
text-align:center;
}
.uppercase{
text-transform:uppercase;
}
#leila #rootcontent .box .times{
text-transform:capitalize;
font-family:"Times New Roman",Times,Georgia,serif;
font-size:20px;
}

.lcol{
border-bottom:1px solid #ccc;
border-right: 1px solid #ccc;
}
.lcolno{
border-right: 1px solid #ccc;
}
.rcol{
border-bottom:1px solid #ccc;
border-right: 1px solid #000;
}
.rcolno{
border-right: 1px solid #000;
}

/*layout*/
#leila #rootcontent .box{
height:400px;
background:transparent url(../images/bgs/leilabg.jpg) -1px 0 no-repeat;
}
#leila #rootcontent .img-wrapper, #production #rootcontent .img-wrapper, #links #rootcontent .img-wrapper{
	border: 10px red;
	float:left;
}
#leila #rootcontent .little-thumb, #production #rootcontent .little-thumb{
padding-top:5px;
}
/*typo*/
#leila #rootcontent .box p, #production #rootcontent .box p{
font-size:14px;
font-weight:bold;
line-height:1em;
color:#f2ddc4;
padding-right:10px;
}
#leila #rootcontent .box p a{
color:#f2ddcf;
text-decoration:underline;
}
#leila #rootcontent .box h1, #leila #rootcontent .box h2{
color:#f2ddc4;
}


#leila #rootcontent .img-wrapper h3 {
display:none;
}
#leila #rootcontent .img-wrapper img, #production #rootcontent .img-wrapper img{
margin-left:auto;
margin-right:auto;
display:block;
line-height:0;
border:solid 2px #ce8839;
}

#leila #rootcontent .img-wrapper p, #production #rootcontent .img-wrapper p{
font-size:14px;
padding:0;
margin:0;
text-align:center;
line-height:14px;
color:#f2ddc4;
}
#leila #rootcontent caption span{
position:absolute;
top:35px;
right:10px;
z-index:2;
font-size:12px;
}
#leila #rootcontent caption span a{
color:#f2ddc4;
}
/* tables :( */
#leila #rootcontent table{
  border-collapse: collapse;
  width: 700px;
  border: 1px solid #666;
  margin-left:auto;
  margin-right:auto;
  font-size:90%;
  margin-top:10px;
  margin-bottom:20px;
}

#leila #rootcontent caption, #production #rootcontent caption {
  font-size: 1.2em;
  font-weight: bold;
  padding: 1em 0;
  color:#f2ddc4;
  text-transform:capitalize;
font-family:"Times New Roman",Times,Georgia,serif;
}

#leila #rootcontent col, #production #rootcontent col {
  border-right: 1px solid #ccc;
}

#leila #rootcontent col#lastCol, #production #rootcontent col#lastCol {
  border: none;
}

#leila #rootcontent thead, #production #rootcontent thead {
  background: #fff url(../images/tableth.png) repeat-x left center;
  border-top: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
}

#leila #rootcontent th, #leila #rootcontent td, #production #rootcontent th, #production #rootcontent td{
  font-weight: normal;
  text-align: center;
  padding: 0.1em 1em;
}
#leila #rootcontent td a{
color:#000;
text-decoration:underline;
}
#leila #rootcontent th, #production #rootcontent th{
text-transform:capitalize;
}

#leila #rootcontent #pedigreetable th, #leila #rootcontent #pedigreetable td, #production #rootcontent #pedigreetable th, #production #rootcontent #pedigreetable td{
  font-weight: normal;
  text-align:left;
  padding: 0.1em 1em;
}
#leila #rootcontent #pedigreetable p, #leila #rootcontent #pedigreetable h2, #production #rootcontent #pedigreetable p, #production #rootcontent #pedigreetable h2{
color:#000;
text-decoration:underline;
line-height:0.5em;
}
#leila #rootcontent #pedigreetable h2, #production #rootcontent #pedigreetable h2{
padding-top:3px;
}
#leila #rootcontent #pedigreetable p, #production #rootcontent #pedigreetable p{
font-size:12px;
text-decoration:none;
}
#leila #rootcontent #pedigreetable caption, #production #rootcontent #pedigreetable caption{
padding:0;
}
#leila #rootcontent .row1, #production #rootcontent .row1{
  background-color:#fff;
}
#leila #rootcontent .row2, #production #rootcontent .row2{
  background-color:#fffaf4;
}


#leila #rootcontent tr:hover, #production #rootcontent tr:hover{
  background-color:#f2ddc4;
}

#leila #rootcontent thead tr:hover, #production #rootcontent thead tr:hover {
  background-color: transparent;
  color: inherit;
}
#leila #rootcontent .box{
height:400px;
}
#leila #rootcontent .sub-box{
width:758px;
height:400px;
overflow:auto;
overflow-x:hidden;
}
#leila #rootcontent .width-fix{
width:738px;
}
/*end tables*/

/*=====================home===================================*/
#home #rootcontent .news-in{
border-top:solid 1px #8e5310;
border-bottom:solid 1px #8e5310;
height:83px;
background:#fff;
}
#home #rootcontent .news{
margin-top:15px;
height:85px;
width:759px;
padding:2px 0;
background:#ce8839;
border-top:solid 1px #8e5310;
border-bottom:solid 1px #8e5310;
font-size:12px;
}
#home #rootcontent .news ul{
list-style:none;
padding:5px 0 0 35px;
width:400px;
}
#home #rootcontent .news-left a{
color: #000;
font-weight:bold;
margin-left:5px;
padding-left:15px;
background: transparent url(../images/galscroll.png) 0 40% no-repeat;
}
#home #rootcontent .news-left{
float:left;
width:424px;
height:79px;
margin:1px 0 0 5px;
}
#home #rootcontent .news-left p{
padding:0;
margin:0;
color:#000;
}
#home #rootcontent .news-right{
float:right;
width:225px;
height:79px;
margin:1px 3px 0 0;
}
#home #rootcontent .news-right img{
float:left;
}
#home #rootcontent .news-right a{
color:#ce8839;
font-size:20px;
}
#home #rootcontent .news-right .rotwof p{
margin-left:10px;
color:#000;
text-align:center;
width:150px;
}
#home #rootcontent .news-right .news-right-data{
float:right;
margin-right:5px;
}
#home #rootcontent .news-right p a{
color:#ce8839;
font-size:14px;
text-decoration:underline;
text-align:center;
}
#home #rootcontent .news-right #prevnext{
position:absolute;
bottom:15px;
right:5px;
}

#home #rootcontent{
position:relative;
padding:30px 0 15px 0;
background:transparent url(../images/bgs/contentbg.png) top left repeat-y;
}
/*=====================all=============================*/
#rootcontent{
position:relative;
padding:30px 0 15px 0;
background:transparent url(../images/bgs/contentbg.png) top left repeat-y;
}

#rootcontent .filler{
background:#fff;
width:758px;
}
.off{
display:none;
visibility:hidden;
}
#rootcontent .top{
position:absolute;
top:0;
left:0;

height:14px;
padding-top:2px;
z-index:1;
}
/* this sub menu stands on the white space*/
#rootcontent .menu{
position:absolute;
top:0;
left:0;
width:400px;

height:16px;
z-index:2;
line-height:0;
}
#rootcontent .menu a{
font: 80% "Times New Roman",Times,Georgia,serif;
text-transform:capitalize;
line-height:1.2em;
padding: 0 0 0 1em;
color:#000;
}
#rootcontent .menu .first{
margin-left:1em;
}

#rootcontent .box{
display:block;
height:300px;
background:#fff url(../images/bgs/bghome2.jpg) top left no-repeat;
}


/*content typo*/
#rootcontent .top img{
float:right;
padding-left:3px;
}

#rootcontent h1{
font: 150% "Times New Roman",Times,Georgia,serif;
padding-top:1em;
padding-left:1em;
color:#f2ddc4;
}

#rootcontent h2{
font-size:100%;
padding-top:0.5em;
padding-left:2em;
color:#f2ddc4;
}
#rootcontent h3, #rootcontent h4{
font-size:100%;
padding-top:0.5em;
padding-left:2em;
color:#f2ddc4;
}
/* used when the data does not fit in the template  */
.lang{
display:none;
}
#rootcontent p{
font-size: 80%;
padding-top:1em;
line-height:1em;
padding-left:3em;
color:#f2ddc4;
}
#rootcontent blockquote{
background:transparent url(../images/left_quote.gif) 35px 0 no-repeat;
color:#f2ddc4;
margin-top:10px;
}
html>body #rootcontent blockquote {
background:transparent url(../images/left_quote.png) 35px 0 no-repeat;
}
#rootcontent blockquote p{
padding:20px 0 20px 30px;
background:transparent url(../images/right_quote.gif) bottom right no-repeat;
width:660px;
margin-left:auto;
margin-right:auto;
}
html>body #rootcontent blockquote p{
background:transparent url(../images/right_quote.png) bottom right no-repeat;
}
#rootcontent p.last{
padding-bottom:2em; 
padding-left:3em; 
}

/*form styles */
#contact .info{
position:absolute;
top:80px;
right:29px;
color:#f2ddc4;
font: 16px "Trebuchet MS",Verdana,Arial,sans-serif;
font-weight:bold;
}
#contact .box>.info{
position:absolute;
top:82px;
right:20px;
}
#contact .info p{
font: 14px "Times New Roman",Times,Georgia,serif;
font-weight:bold;
padding:0;
text-align:left;
}

#contact form {
  font: 12px "Times New Roman",Times,Georgia,serif;
  width: 600px;
  
  color:#f2ddc4;
}
#contact fieldset {
	
  margin: 2px 0; /*  space out the fieldsets a little*/
  padding: 0 0 0 5px;
  
 
}

#contact legend {
  line-height:12px;
  font-weight: bold;
}

#contact label {
  text-transform:capitalize;
	font-size:12px;
	font-weight:bold;
	padding: 0 0 2px 0;
  display: block;
}

#contact label .required {
  font-size:10px;
  color:#fff;
}
#contact .err {
font-size:14px;
color:red;
text-transform:uppercase;
padding:0;
margin:0;
font-weight:bolder;
}
#contact input {
  width: 400px;
  font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
  background:none;
  border: solid 1px #ccc;
  color:#fff;
}
#contact input.submit {
  width:auto;
  font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
  height:20px;
}
#contact .code {
width:100px;
margin-left:20px;
}

#contact input:focus{
  background:none;
}
#contact textarea:focus{
  background:none;
}
#contact textarea {
  width: 400px;
  height: 150px;
  font:12px "Trebuchet MS", Verdana, Arial, sans-serif;
   padding: 5px;
  overflow:auto;
  color: #fff;
  background:none;
   border: solid 1px #ccc;
}




/*footer*/

/*footer layout*/
#footer{
position:relative;
width:768px;
height:15px;
margin-left:-4px;
background:#fff url(../images/fbg2.png) -1px 100% no-repeat;

}


/*footer typo*/

#footer p{
float:right;
padding:0 1em;
line-height:1em;
font: 11px Arial,Verdana,sans-serif;  
color:#000;
font-weight:bold;

}
#footer .left{
margin-left:1em;
float:left;
}
#footer p a{
color:#000;
font-weight:bold;
}
#footer .feet{
position:absolute;
top:-63px;
left:-34px;
height:78px;
width:78px; 
z-index:2; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/v2/images/feet.png', sizingMethod='scale');
}

#footer>.feet{
position:absolute;
top:-63px;
left:-34px;
z-index:2;
width:78px;
height:78px;
background:transparent url(../images/feet.png) top left no-repeat;
opacity:0.8;
}


#exchange{
display:none;
}