/* HTML default elements */

*{ 
margin: 0; 
padding: 0; 
font-size:11px;
color: #000000;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

html{
margin: 0px auto;
background-color: #22211f;
}

#box{
float: left;
width: 100%;
}

p{
padding-bottom: 5px;
}

.img{
border: none;
}

ul{
margin-left: 10px;
list-style-type: none;
}

.in_line{ display: inline; }

h2{ font-size: 14px; }

h3{ font-size: 18px; margin-bottom:5px; }

.grey{ color: #999999; }

.white{ color: #ffffff; }
/* Utilities */

.anchor{ 
height: 5px;
bottom: 0;
clear: both;
position: relative;
}


/* Application structure */
.productions, .services, .tools, .about, .contacts{
width: 100%;
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
width: 960px;
padding-left: 10px;
}

#top{
margin-left: auto;
margin-right: auto;
width: 100%;
background-color: #ffffff;
}

#top_container{
margin-left: auto;
margin-right: auto;
width: 960px;
}

#top_left{
float: left;
width: 355px;
}

#top_right{
float: right;
width: 600px;
}

#back_room{
width: 100%;
height: 671px;
background-image: url(../img/background.jpg);
background-repeat: repeat-x;
}

#room{
margin-left: auto;
margin-right: auto;
width: 960px;
height: 671px;
}

#section{
width: 100%;
height: 27px;
background-image: url(../img/section.jpg);
background-repeat: repeat-x;
}

.comic{
float: left;
width: 350px;
}
.top_comic{
width: 350px;
height: 14px;
background-image: url(../img/top_comic.jpg);
}
.bottom_comic{

width: 350px;
height: 10px;
background-image: url(../img/bottom_comic.jpg);
}
.in_comic{
width: 350px;
background-color: #eeeeee;
}

/* Menu */

.btn_home{
width: 97px;
height: 110px;
float: left;
}
a.btn_home:link, a.btn_home:visited{
display: block;
width: 97px;
height: 110px;
background-image: url(../img/home.jpg);
}
a.btn_home:hover{
background-image: url(../img/home_hover.jpg);
}

.btn_productions{
width: 89px;
height: 110px;
float: left;
}
a.btn_productions:link, a.btn_productions:visited{
display: block;
width: 89px;
height: 110px;
background-image: url(../img/productions.jpg);
}
a.btn_productions:hover{
background-image: url(../img/productions_hover.jpg);
}

.btn_services{
width: 89px;
height: 110px;
float: left;
}
a.btn_services:link, a.btn_services:visited{
display: block;
width: 89px;
height: 110px;
background-image: url(../img/services.jpg);
}
a.btn_services:hover{
background-image: url(../img/services_hover.jpg);
}

.btn_tools{
width: 89px;
height: 110px;
float: left;
}
a.btn_tools:link, a.btn_tools:visited{
display: block;
width: 89px;
height: 110px;
background-image: url(../img/tools.jpg);
}
a.btn_tools:hover{
background-image: url(../img/tools_hover.jpg);
}

.btn_about{
width: 89px;
height: 110px;
float: left;
}
a.btn_about:link, a.btn_about:visited{
display: block;
width: 89px;
height: 110px;
background-image: url(../img/about.jpg);
}
a.btn_about:hover{
background-image: url(../img/about_hover.jpg);
}

.btn_contacts{
width: 89px;
height: 110px;
float: left;
}
a.btn_contacts:link, a.btn_contacts:visited{
display: block;
width: 85px;
height: 110px;
background-image: url(../img/contacts.jpg);
}
a.btn_contacts:hover{
background-image: url(../img/contacts_hover.jpg);
}

#content{
width: 100%;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;

}

#social_box{
margin-top: 10px;
float: right;
height: 22px;
margin-right: 65px;
}
#social_box_l{
float: left;
background-image: url(../img/social_box_l.jpg);
height: 22px;
width: 76px;
}
#social_box_m{
margin-left: 1px;
padding-top: 3px;
float: left;
background-image: url(../img/social_box_m.jpg);
height: 19px;
}
#social_box_r{
float: left;
height: 22px;
width: 17px;
background-image: url(../img/social_box_r.jpg);
}

.into_content{
float: left;
width: 100%;
margin-bottom: 10px;
}
.ico_box{
float: left;
width: 15%;
text-align: center;
}
.desc_box{
float: left;
width: 80%;
border-bottom: 5px solid #CCCCCC;
}

.nd_desc_box{
float: left;
width: 80%;
}

.ico_box_prod{
float: left;
width: 25%;
text-align: center;
}
.nd_desc_box_prod{
float: left;
width: 70%;
}

a:link, a:visited{
text-decoration: none;
font-weight: bold;
color: #CC0000;
}

a:hover{
text-decoration: none;
font-weight: bold;
color: #666666;
}