
body { background-color: #e5e3e4; background-image: url(auramo_graphics/background.jpg); background-repeat: repeat-x; background-attachment: scroll; margin: 0px 0px 0px 0px; padding-bottom: 60px;}
a img {border:none;}
.galleryicon{margin: 0px 0px 0px 0px; }

.verkkoseinat {float: left; margin: 0px 30px 20px 0px; }
.varastohyllyt {float: left; margin: 0px 10px 20px 0px; }

/* PÄÄBOXI*/
#center {width: 908px; margin-right: auto; margin-left: auto; padding: 0px 0px 0px 0px;}




/* LOGO JA KONTAKTIT*/
#logo {float: left; width: 193px; background-color: #FFFFFF; height: 75px; padding-top: 35px; padding-right: 0px; padding-bottom: 0px;}
#contacts {float: left; width: 715px; background-color: #FFFFFF; background-image: url(images/shadeup.jpg); height: 64px; padding-right: 0px; padding-top: 40px; padding-bottom: 0px; text-align: right;}

.contacts { color: #3d4042; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.contacts a:link { color: #094f80; text-decoration: none; }
.contacts a:visited { color: #094f80; text-decoration: none;}
.contacts a:active { color: #026db6; text-decoration: none;}
.contacts a:hover { color: #026db6; text-decoration: underline;}


/* HEADER*/
#header {float: left; width: 908px; background-color: #FFFFFF; height: 286px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px;}

/* MENU*/
#menu {float: left; width: 184px; background-color: #970707; height: 240px; padding-right: 0px; padding-left: 20px; padding-top: 20px; padding-bottom: 0px;}
#menu_yhteystiedot {float: left; width: 184px; background-color: #970707; height: 250px; padding-right: 0px; padding-left: 20px; padding-top: 18px; padding-bottom: 0px; margin-top: 3px;}

.menuarrow { color: #ff0202; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

.menu { color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 31px; font-weight: bold;}
.menu a:link { color: #ffffff; text-decoration: none;}
.menu a:visited { color: #ffffff; text-decoration: none; }
.menu a:active { color: #ffffff; text-decoration: none;}
.menu a:hover { color: #ffffff; text-decoration: underline;}


/* PÄÄKUVA(T)*/
#headerpics {float: left; width: 704px; height: 286px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-top: 0px; }
#headerpics_yhteystiedot {float: left; background-color: #FFFFFF; width: 704px; height: 286px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; padding-top: 3px;}



/* MAIN*/
#main {float: left; width: 908px; background-color: #FFFFFF; height: 100%; padding-right: 0px; padding-top: 0px; padding-bottom: 30px;}

#left {float: left; width: 214px; background-color: #ffffff; height: 100%; padding-right: 0px; padding-top: 0px; margin-top: 16px; padding-bottom: 0px;}
#right {float: left; width: 646px; background-color: #ffffff; height: 100%; padding-right: 0px; padding-left: 47px; margin-top: 20px; margin-bottom: 60px; min-height: 250px; border-left-style: solid; border-left-color: #dad9d9; border-left-width: 1px;}
#ingress_frontpage {float: left; width: 447px; background-color: #ffffff; height: 100%; padding-right: 0px; padding-left: 0px; margin-top: 0px; padding-right: 160px;  padding-bottom: 0px;}
#ingress_frontpage2 {float: left; width: 626; background-color: #ffffff; height: 100%; padding-right: 0px; padding-left: 0px; margin-top: 0px; padding-right: 30px;  padding-bottom: 0px;}

#frontpagesqr01 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
#frontpagesqr02 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
#frontpagesqr03 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
#frontpagesqr04 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
#frontpagesqr05 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
#frontpagesqr06 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
#frontpagesqr07 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
#frontpagesqr08 {float: left; width: 176px; background-color: #FFFFFF; height: 176px; padding-right: 0px; padding-top: 0px; margin-bottom: 20px;  text-align: center;  cursor: pointer; margin-right: 16px;}
.sqrlinks { color: #1b1b1b; font-family: Trebuchet MS, Arial, Helvetica, serif; font-size: 12px; line-height: 17px; font-weight: bold;}
.sqrlinks a:link { color: #1b1b1b; text-decoration: none; }
.sqrlinks a:visited { color: #1b1b1b; text-decoration: none;}
.sqrlinks a:active { color: #026db6; text-decoration: none;}
.sqrlinks a:hover { color: #000000; text-decoration: underline;}

.headline { color: #1b1b1b; font-family: Trebuchet MS, Arial, Helvetica, serif; font-size: 27px; line-height: 29px; font-weight: bold;}
.headline a:link { color: #094f80; text-decoration: none; }
.headline a:visited { color: #094f80; text-decoration: none;}
.headline a:active { color: #026db6; text-decoration: none;}
.headline a:hover { color: #026db6; text-decoration: underline;}

.headline2 { color: #1b1b1b; font-family: Trebuchet MS, Arial, Helvetica, serif; font-size: 23px; line-height: 29px; font-weight: bold;}
.headline2 a:link { color: #094f80; text-decoration: none; }
.headline2 a:visited { color: #094f80; text-decoration: none;}
.headline2 a:active { color: #026db6; text-decoration: none;}
.headline2 a:hover { color: #026db6; text-decoration: underline;}

.ingress { color: #1b1b1b; font-family: Trebuchet MS, Arial, Helvetica, serif; font-size: 16px; line-height: 17px; font-weight: bold;}
.ingress a:link { color: #094f80; text-decoration: none; }
.ingress a:visited { color: #094f80; text-decoration: none;}
.ingress a:active { color: #026db6; text-decoration: none;}
.ingress a:hover { color: #026db6; text-decoration: underline;}

.normal { color: #1b1b1b; font-family: Trebuchet MS, Arial, Helvetica, serif; font-size: 15px; line-height: 22px;}
.normal a:link { color: #094f80; text-decoration: none; }
.normal a:visited { color: #094f80; text-decoration: none;}
.normal a:active { color: #026db6; text-decoration: none;}
.normal a:hover { color: #026db6; text-decoration: underline;}

.design { color: #aaaaaa; font-family: Trebuchet MS, Arial, Helvetica, serif; font-size: 10px; line-height: 17px;}
.design a:link { color: #aaaaaa; text-decoration: none; }
.design a:visited { color: #aaaaaa; text-decoration: none;}
.design a:active { color: #aaaaaa; text-decoration: none;}
.design a:hover { color: #000000; text-decoration: underline;}




/* FOOTER */
#footer {float: left; width: 908px; background-color: #FFFFFF; background-image: url(auramo_graphics/footershadow.jpg); height: 60px; padding-right: 0px; padding-top: 20px; margin-bottom: 0px;  text-align: center;}
.footer { color: #3d4042; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 22px;}
.footer a:link { color: #094f80; text-decoration: none; }
.footer a:visited { color: #094f80; text-decoration: none;}
.footer a:active { color: #026db6; text-decoration: none;}
.footer a:hover { color: #026db6; text-decoration: underline;}

/* Kuva*/
.pics {border: none; margin: 4px 4px 4px 1px;}








/* LOMAKE */
.border_form { border: 1px solid #c2cfd6; background-color: transparent; color: #3d4042; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 230px; height: 14px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.border_legend { border: 1px solid #c2cfd6; background-color: transparent; color: #3d4042; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, sans-serif; font-size: 13px; letter-spacing: 0px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 270px;  border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.border_form_box { border: 1px solid #c2cfd6; background-color: transparent; color: #3d4042; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0px; padding-top: 5px; padding-left: 5px; padding-bottom: 5px; width: 450px; height: 100px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}

.button_form { text-transform: none; background-color: #96abb1; font-family: Georgia, Times, Times New Roman, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: none; color: #ffffff; border: #2f3e42; border-style: solid; height:20px; width:70px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px;}