/* päädivit */
body {text-align: center; margin: 20px 0px 0px 0px; padding: 0px; background: #eeeeee }
#container {width: 822px; text-align: left; margin: 0px auto 10px auto; }
#bottom {height: 40px; background: url(bottom.gif) no-repeat}
#main {background: url(main.gif) repeat-y; }

/* mainlinks */
#top {height: 138px; width: 822px; background: url(top_left.gif) no-repeat;}
#top ul {list-style: none; margin: 0px; padding: 0px; position: relative; left: 372px; top: 50px; height: 138px; width: 450px}
#top li {float: left; }
#top li a {display: block; height: 88px; font-size: 0px; margin-top: 0px;}
#top li a span {display: none; }
#top li a#etusivu {width: 100px; background: url(top_link1.gif) 0px -50px no-repeat;}
#top li a#projektit {width: 118px; background: url(top_link2.gif) 0px -50px no-repeat}
#top li a#kuvia {width: 81px; background: url(top_link3.gif) 0px -50px no-repeat}
#top li a#yhteystiedot {width: 151px; background: url(top_link4.gif) 0px -50px no-repeat}
/* mainlinks_hoverit */
#top li a#etusivu:hover, #top li a#etusivu.hover  {background: url(top_link1.gif) 0px -188px no-repeat}
#top li a#projektit:hover, #top li a#projektit.hover {background: url(top_link2.gif) no-repeat 0px -188px}
#top li a#kuvia:hover, #top li a#kuvia.hover {background: url(top_link3.gif) no-repeat 0px -188px}
#top li a#yhteystiedot:hover, #top li a#yhteystiedot.hover  {background: url(top_link4.gif) no-repeat 0px -188px}


/* content */
.content {margin: 0px 40px 0px 40px; padding: 1px 0px }

/* tekstit */
h1 {display: none; }
h2 {font-family: Trebuchet MS, Verdana, Arial; font-size: 18px; font-weight: bold; color: #7C4406; letter-spacing: 1px; margin: 20px 0px 30px 0px;}
h3 {font-family: Trebuchet MS, Verdana, Arial; font-size: 15px; font-weight: bold; color: #334304; margin: 20px 0px 10px 0px; }
p {font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; line-height: 20px; margin: 10px 0px 20px 0px;}
a:link, a:active, a.ainaactive:visited {color: #161BD6; }
a:hover, a.ainaactive:hover {color: #91521E; }
a:visited {color: #91521E;}

td {font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; height: 20px; }
img {border: 1px solid #A4A4A4; margin: 0px 5px 5px 0px;}
a img:hover {border: 2px solid #91521E; margin: -1px 4px 4px -1px }
ul {list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; font-family: Trebuchet MS, Verdana, Arial; font-size: 12px; line-height: 20px;}
ul ul {padding: 0px 0px 0px 20px; }

/* gallery */
#gallerylist ul {font-weight: bold; color: #334304 }
#gallerylist ul ul {font-weight: normal; color: black }
#gallerypics {padding: 20px 0px 20px 0px; border: 1px solid #AAAAAA; background: #D2D2D2; margin-top: 20px;  text-align: center;}
#gallerypics img {border: 5px solid white; margin: 20px; }

/* projektikuvat */
#projectImgDiv {z-index: 3; position: absolute; left: 0px; right: 0px; text-align: center;}
#projectImgDiv img {display: block; border: 1px solid #AFAFAF; padding: 4px; background: #D3D3D3; margin-left: auto; margin-right: auto; clear: left; margin-bottom: auto; cursor: pointer}