@font-face
{
font-family: Roboto;
src: url('../fonts/Roboto-Light.ttf');
font-weight: 300;
}

@font-face
{
font-family: Roboto;
src: url('../fonts/Roboto-LightItalic.ttf');
font-weight: 300;
font-style: italic;
}

@font-face
{
font-family: Roboto;
src: url('../fonts/Roboto-Regular.ttf');
font-weight: 400;
}

@font-face
{
font-family: Roboto;
src: url('../fonts/Roboto-Medium.ttf');
font-weight: 500;
}

html
{
overflow-y: scroll;
}

body
{
padding: 0px;
margin: 0px;
background:	url(../images/background.png) center top;
}

body,
body table
{
font-family: Roboto;
font-size: 14px;
color: #ffffff;
line-height: 18px;
font-weight: 300;
}

a
{
color: #fb361a;
text-decoration: none;
}

ul
{
color: #ffffff;
line-height: 18px;
list-style: disc;
padding: 0px;
margin: 0px 0px 0px 12px;
}

img
{
border: 0px;
}

form
{
padding: 0px;
margin: 0px;
}

table,
tr,
td
{
padding: 0px;
margin: 0px;
border: none;
border-collapse: collapse;
border-spacing: 0;
}

.clear
{
clear: both;
visibility: hidden;
}

/*-------------PAGE----------------*/

#page
{
width: 100%;
margin-bottom: 50px;
}

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

#header
{
background: url(../images/logo-background.gif) center top #000000;
border-bottom: 7px solid #171717;
}

#header_center
{
position: relative;
width: 1060px;
height: 112px;
margin: 0 auto;
}

#logo
{
position: absolute;
/*top: 9px;*/
left: 0px;
top: 15px;
height: 84px;
overflow: hidden;
}

/*-------------HEADER - MENU TOP----------------*/

#menu_top
{
position: absolute;
bottom: -7px;
right: 0px;
}

/*-------------CENTER----------------*/

#center
{
background: url(../images/ars-ignis-background.png) center top #0d0d0d no-repeat;
}

/*-------------BOX BASE----------------*/

#box_base
{
width: 1060px;
min-height: 300px;
margin: 0 auto;
padding: 16px 0px 22px 0px;
}

/*-------------CONTENTS + BOX LEFT + BOX RIGHT + BOX THREE----------------*/

#contents .item-page h2,
#box_left .box h2,
#box_right .box h2,
#box_three .box_three h2
{
font-family: Roboto;
font-size: 26px;
color: #eb3318;
line-height: normal;
font-weight: 300;
text-transform: uppercase;
padding-bottom: 10px;
margin: 0px 0px 21px 0px;
border-bottom: 1px solid #333333;
}

#contents .item-page h2 .first_word,
#box_left .box h2 .first_word,
#box_right .box h2 .first_word,
#box_three .box_three h2 .first_word
{
color: #ffffff;
}

#contents .item-page h2,
#box_left .box h2,
#box_right .box h2
{
margin-top: 28px;
}

#contents .item-page p,
#box_left .box p,
#box_right .box p,
#box_three .box_three p
{
margin-top: 0px;
}

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

#footer
{
border-top: 5px solid rgba(39, 39, 39, 0.45);
}

#footer_center
{
width: 1060px;
margin: 0 auto;
}

/*-------------FOOTER - BOX THREE----------------*/

#box_three
{
padding: 28px 40px 48px 40px;
background-color: #000000;
}

#box_three_1
{
width: 280px;
}

#box_three_2
{
width: 320px;
margin-left: 20px;
}

#box_three_3
{
width: 340px;
margin-left: 20px;
}

#box_three .box_three
{
float: left;
}

#box_three .box_three .more
{
margin-top: 20px;
}

/*-------------FOOTER - MENU BOTTOM----------------*/

#menu_bottom
{
float: left;
margin: 30px 0px 21px 40px;
}

/*-------------FOOTER - LINKS----------------*/

#links
{
float: right;
margin: 26px 40px 0px 0px;
}

#links a
{
display: block;
font-size: 15px;
color: #bdbdbd;
line-height: 36px;
font-weight: 300;
margin-bottom: 10px;
transition: color 0.3s;
}

#links a:hover
{
color: #fb361a;
transition: color 0.5s;
}

#links a.link_fb
{
padding-right: 55px;
background:	url(../images/fb.png) right center no-repeat;
}

/*-------------FOOTER - COPYRIGHT----------------*/

#copyright
{
font-size: 12px;
color: #bebebe;
line-height: normal;
font-weight: 300;
margin: 4px 0px 0px 40px;
}

#copyright p
{
margin: 0px;
}

/*-------------FOOTER - IMPLEMENTATION----------------*/

#implementation
{
font-size: 12px;
color: #8d8d8d;
line-height: normal;
font-weight: 300;
margin: 4px 0px 0px 40px;
}

#implementation a
{
color: #fb644e;
}

#implementation p
{
margin: 0px;
}