/* CSS Document */

page {margin: 0px; font-family: Arial, Helvetica;}
body {margin: 0px; background-image:url(images/bg.jpg); background-repeat:repeat-x; font-family: Arial, Helvetica;}


/* ------------------ holders/backgrounds ---------------------- */
.logoback {background-color: #FFFFFF; width: 171px; height: 114px; }
.navholder { background-image: url(images/nav_back.jpg); width: 569px; height: 114px; }


/* ------------------ Text ----------------- */
.telnumber { font-size: 12px; font-weight: bold; color: #ffffff}
.title {font-size: 18px; font-weight:bold; color: #c81e1e; line-height: 18px}
.main {font-size: 13px; color: #666666; line-height: 18px}
.title_text {font-size: 17px;  color: #c81e1e; }
.sub_title {font-size: 11px; font-weight:bolder; line-height:18px; color: #666666}
.sub_text {font-size: 11px; line-height:18px; color:#999999}
.address {font-size:10px; color:#CCCCCC; padding-right:25px; padding-top:2px}
.nextpage {font-size:10px; color:c81e1e;}

/* ------------------- Links ----------------- */
a {font-size:7px; color: #c81e1e; text-decoration: none}
a:hover { font-size:7px; color: #c81e1e; text-decoration: none}

a.next {font-size:10px; color: #c81e1e; text-decoration: none}
a.next:hover { font-size:10px; color: #c81e1e; text-decoration: underline}

/* ------------------ DIVs ------------------ */
/* --- Top --- */
#logo {position: relative; left: 20px; top:-60px; width: 50px; height: 37px}
#telnumber {position: relative; float:right; top:-85px; right: 20px;}
/* --- Navigation --- */
#bignav {position: relative; top: 0px; background-image:url(images/nav_bar.jpg); height: 18px}
#navhome {position: relative; float: left;}
#navwhat {position: relative; float: left;}
#navcategories {position: relative; float: left;}
#navteam {position: relative; float: left;}
#navclients {position: relative; float: left;}
#navguarantee {position: relative; float: left;}
#navrates {position: relative; float: left;}
#navvacancies {position: relative; float: left;}
#navcontact {position: relative; float: left;}

/* --- main --- */
#main {position: relative; background-image:url(images/grey_bg.jpg); width: 778px; height: 441px}
#top {position: absolute; background-image: url(images/top.jpg); width: 735px; height: 182px; top: 15px; left: 20px}
#bottomL {position: absolute; background-image: url(images/bottom.jpg); width: 239px; height: 213px; top: 207px; left: 20px}
#bottomM {position: absolute; background-image: url(images/bottom.jpg); width: 239px; height: 213px; top: 207px; left: 268px}
#bottomR {position: absolute; background-image: url(images/bottom.jpg); width: 239px; height: 213px; top: 207px; left: 516px}
#text {position: absolute; float: left; left: 15px; top: 15px; width: 90%}
#title {position: absolute; float: left; left: 13px; top: 10px; width: 90%;}
#title_text {position: absolute; float: left; left: 30px; top: 5px; width: 90%; vertical-align:middle}
#text_bottom {position: absolute; float:left; left: 15px; top: 50px; width: 80%}
#s_topL {position: absolute; background-image: url(images/6box.jpg); width: 239px; height: 197px; top: 20px; left: 20px}
#s_topM {position: absolute; background-image: url(images/6box.jpg); width: 239px; height: 197px; top: 20px; left: 268px}
#s_topR {position: absolute; background-image: url(images/6box.jpg); width: 239px; height: 197px; top: 20px; left: 516px}
#s_bottomL {position: absolute; background-image: url(images/6box.jpg); width: 239px; height: 197px; top: 227px; left: 20px}
#s_bottomM {position: absolute; background-image: url(images/6box.jpg); width: 239px; height: 197px; top: 227px; left: 268px}
#s_bottomR {position: absolute; background-image: url(images/6box.jpg); width: 239px; height: 197px; top: 227px; left: 516px}
#clientlogo {position:absolute; z-index:10; width:55px; height:55px; top:5px; right:5px; float:right;}
#catbox_01 {position: absolute; background-image: url(images/cat_box.jpg); width: 363px; height: 404px; top: 15px; left: 20px}
#catbox_02 {position: absolute; background-image: url(images/cat_box.jpg); width: 363px; height: 404px; top: 15px; left: 398px}
#bigbox {position: absolute; background-image: url(images/big_white.jpg); width: 735px; height: 404px; top: 15px; left: 20px}

#nextpage {position:absolute; top:1px; float:right; right:25px;}

/*--------------BUTTONS-------------*/
/*home button*/
.buttonhome {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttonhome a:hover, .buttonhome a:active {
color: #c8c8c8 !important;
}
a.buttonhome,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/home_roll.jpg);
background-repeat: no-repeat;
width: 83px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttonhome:link, a.buttonhome:visited {
background-position: 0 0px;
color: #c8c8c8;
}
a.buttonhome:hover, a.buttonhome:active {
background-position: 0 -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonhome:hover .icon, a.buttonhome:active .icon {
background-position: 0 -40px;
}
/*what button*/
.buttonwhat {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttonwhat a:hover, .buttonwhat a:active {
color: #c8c8c8 !important;
}
a.buttonwhat,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/what_roll.jpg);
background-repeat: no-repeat;
width: 82px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttonwhat:link, a.buttonwhat:visited {
background-position: 0px 0px;
color: #c8c8c8;
}
a.buttonwhat:hover, a.buttonwhat:active {
background-position: 0px -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonwhat:hover .icon, a.buttonwhat:active .icon {
background-position: 0 -28px;
}
/*categories button*/
.buttoncategories {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttoncategories a:hover, .buttoncategories a:active {
color: #c8c8c8 !important;
}
a.buttoncategories,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/categories_roll.jpg);
background-repeat: no-repeat;
width: 80px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttoncategories:link, a.buttoncategories:visited {
background-position: 0 0px;
color: #c8c8c8;
}
a.buttoncategories:hover, a.buttoncategories:active {
background-position: 0 -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttoncategories:hover .icon, a.buttoncategories:active .icon {
background-position: 0 -28px;
}
/*team button*/
.buttonteam {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttonteam a:hover, .buttonteam a:active {
color: #c8c8c8 !important;
}
a.buttonteam,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/team_roll.jpg);
background-repeat: no-repeat;
width: 73px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttonteam:link, a.buttonteam:visited {
background-position: 0 0px;
color: #c8c8c8;
}
a.buttonteam:hover, a.buttonteam:active {
background-position: 0px -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonteam:hover .icon, a.buttonteam:active .icon {
background-position: 0 -28px;
}
/*clients button*/
.buttonclients {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttonclients a:hover, .buttonclients a:active {
color: #c8c8c8 !important;
}
a.buttonclientS, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/client_roll.jpg);
background-repeat: no-repeat;
width: 116px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttonclients:link, a.buttonclients:visited {
background-position: 0 0px;
color: #c8c8c8;
}
a.buttonclients:hover, a.buttonclients:active {
background-position: 0px -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonclients:hover .icon, a.buttonclients:active .icon {
background-position: 0 -28px;
}
/*guarantee button*/
.buttonguarantee {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttonguarantee a:hover, .buttonguarantee a:active {
color: #c8c8c8 !important;
}
a.buttonguarantee,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/guarantee_roll.jpg);
background-repeat: no-repeat;
width: 98px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttonguarantee:link, a.buttonguarantee:visited {
background-position: 0px 0px;
color: #c8c8c8;
}
a.buttonguarantee:hover, a.buttonguarantee:active {
background-position: 0 -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonguarantee:hover .icon, a.buttonguarantee:active .icon {
background-position: 0 -28px;
}
/*rates button*/
.buttonrates {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttonrates a:hover, .buttonrates a:active {
color: #c8c8c8 !important;
}
a.buttonrates,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/rates_roll.jpg);
background-repeat: no-repeat;
width: 57px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttonrates:link, a.buttonrates:visited {
background-position: 0px 0px;
color: #c8c8c8;
}
a.buttonrates:hover, a.buttonrates:active {
background-position: 0px -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonrates:hover .icon, a.buttonrates:active .icon {
background-position: 0 -28px;
}
/*vacancies button*/
.buttonvacancies {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttonvacancies a:hover, .buttonvacancies a:active {
color: #c8c8c8 !important;
}
a.buttonvacancies,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/vacancies_roll.jpg);
background-repeat: no-repeat;
width: 81px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttonvacancies:link, a.buttonvacancies:visited {
background-position: 0px 0px;
color: #c8c8c8;
}
a.buttonvacancies:hover, a.buttonvacancies:active {
background-position: 0px -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttonvacancies:hover .icon, a.buttonvacancies:active .icon {
background-position: 0 -28px;
}
/*contact button*/
.buttoncontact {
font-family: sans-serif;
line-height: normal !important;
font-size: 90% !important;
}
.buttoncontact a:hover, .buttoncontact a:active {
color: #c8c8c8 !important;
}
a.buttoncontact,a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons/contact_roll.jpg);
background-repeat: no-repeat;
width: 108px;
height: 18px;
margin: 0px auto;
padding: 0px 0 0 0;
text-align: center;
font-size: 90%;
text-decoration: none;
}
a.buttoncontact:link, a.buttoncontact:visited {
background-position: 0px 0px;
color: #c8c8c8;
}
a.buttoncontact:hover, a.buttoncontact:active {
background-position: 0px -24px;
color: #c8c8c8;
}
.icon {
background-repeat: no-repeat;
padding: 0 0 5px 18px;
}
a.buttoncontact:hover .icon, a.buttoncontact:active .icon {
background-position: 0 -28px;
}