@charset "utf-8";
/* CSS Document */
body       {
text-align:center;
margin-top: 0px;
height: 100%;

} 

#container-home   {
width: 1024px;
height: 768px;
background-image:url(images/indexbghigh.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-younger   {
width: 1024px;
height: 768px;
background-image:url(images/younger.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-younger2   {
width: 1024px;
height: 768px;
background-image:url(images/younger2.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-younger3   {
width: 1024px;
height: 768px;
background-image:url(images/younger3.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-roesti-song   {
width: 1024px;
height: 768px;
background-image:url(images/roesti-song.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-older   {
width: 1024px;
height: 760px;
background-image:url(images/older.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-stories   {
width: 1024px;
height: 768px;
background-image:url(images/stories.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-blog   {
width: 1024px;
height: 768px;
background-image:url(images/blog.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-contact  {
width: 1024px;
height: 768px;
background-image:url(images/contact.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-liability   {
width: 1024px;
height: 768px;
background-image:url(images/liability.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

#container-software   {
width: 1024px;
height: 768px;
background-image:url(images/software.jpg);
margin-right:auto;
margin-left: auto;
margin-top: 0px;
text-align:left;
padding-top: 0px;
padding-bottom: 0px; 
}

.default {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
font-size:13px
}

.default-grey {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#999999; 
font-size:13px
}

.defaultitalic{
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
font-style:italic; 
font-size:12px
}

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

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

.default_bold_extrahead {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
font-size:18px; 
font-weight: bold
}

.default_bold_extrahead_grey {
font-family: Verdana, Arial, Helvetica, sans-serif; 
color:#999999; 
font-size:18px; 
font-weight: bold
}

.links             {font-family: Verdana, Arial, Helvetica, sans-serif; color:#0000FF; font-size:12px}
.linksblack        {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-size:12px}
.linksbrown        {font-family: Verdana, Arial, Helvetica, sans-serif; color:#990000; font-size:12px; font-weight: bold}

#header{
width: 300px;
height: 30px;

margin-left: 445px;
padding-top: 91px;
}

#title{
float:right;
width: 500px;
height: 30px;
margin-right: 340px;
padding-top: 15px;
}

#title-centred{

width: 500px;
height: 30px;
margin-left: 122px;
padding-top: 15px;
}


#nav{
float:left;
height: 389px;
width: 151px;
background-image:url(images/buttonfill.png);
margin-top: 15px;
}


#linkhome
{ 
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 104px;
  margin-top: 8px;
  background: url("newbuttons/home.gif") no-repeat 0 0;

}

#linkhome:hover
{ 
  background-position: 0 -32px;
}

#linkhome span
{
  display: none;
}

#linkyounger
{
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 104px;
  margin-top: 21px;
  background: url("newbuttons/younger.gif") no-repeat 0 0;

}

#linkyounger:hover
{ 
  background-position: 0 -34px;
}

#linkyounger span
{
  display: none;
}

#linkolder
{
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 103px;
  margin-top: 14px;
  background: url("newbuttons/older.gif") no-repeat 0 0;

}

#linkolder:hover
{ 
  background-position: 0 -32px;
}

#linkolder span
{
  display: none;
}

#linkstories
{
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 103px;
  margin-top: 21px;
  background: url("newbuttons/stories.gif") no-repeat 0 0;

}

#linkstories:hover
{ 
  background-position: 0 -32px;
}

#linkstories span
{
  display: none;
}

#linkblog
{
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 105px;
  margin-top: 18px;
  background: url("newbuttons/blog.gif") no-repeat 0 0;

}

#linkblog:hover
{ 
  background-position: 0 -33px;
}

#linkblog span
{
  display: none;
}


#linkcontact
{
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 102px;
  margin-top: 16px;
  background: url("newbuttons/contact.gif") no-repeat 0 0;

}

#linkcontact:hover
{ 
  background-position: 0 -33px;
}

#linkcontact span
{
  display: none;
}

#linkliability
{
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 106px;
  margin-top: 11px;
  background: url("newbuttons/liability.gif") no-repeat 0 0;

}

#linkliability:hover
{ 
  background-position: 0 -32px;
}

#linkliability span
{
  display: none;
}


#linksoftware
{
  display: block;
  width: 32px;
  height: 32px;
  margin-left: 103px;
  margin-top: 18px;
  background: url("newbuttons/software.gif") no-repeat 0 0;

}

#linksoftware:hover
{ 
  background-position: 0 -32px;
}

#linksoftware span
{
  display: none;
}



#content {
background-image:url(images/content-back.png);
float:right;
width: 785px; 
height: 343px;
margin-right: 40px; 
margin-top: 0px;
padding-right: 15px;
padding-left: 15px;
overflow-y: scroll; 
scrollbar-arrow-color: blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color: #888888;
}

#content-centred {
clear:both;
background-image:url(images/content-back.png);
width: 785px; 
height: 380px;
margin-right: auto; 
margin-left: auto; 
margin-top: 0px;
padding-right: 15px;
padding-left: 15px;
}

#content-older {
background-image:url(images/content-back.png);
float:right;
width: 785px; 
height: 485px;
margin-right: 40px; 
margin-top: 0px;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
}

#content-stories {
background-image:url(images/content-back.png);
float:right;
width: 785px; 
height: 380px;
margin-right: 40px; 
margin-top: 0px;
padding-top: 15px;
padding-right: 15px;
padding-left: 15px;
}