/* GENERAL */
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; /*margin-left: -10px;*/ }
a { outline: none; }

/* MAIN */
#wrapper
{
    width: 748px; height: 703px;
    margin: 0 auto;
    position: relative;	
    background: url(../img/bg.jpg) no-repeat;
}
#fb-apps {
	position: absolute;
	top: 0;
	top: 30px; right: -132px;
}
	#fb-apps img { border: 0; }
#logo
{
    position: absolute;
    top: 55px; left: 135px;
}
#menu
{
    position: absolute;
    top: 55px; left: 530px;
}
#menu ul
{
    list-style: none;
    margin: 0; padding: 0;
    font-size: 1.6em;
    font-weight: bold;
}
#menu li
{
    margin-bottom: 5px;
}
#menu a, #menu a:visited
{
    color: #4B65B7;
    text-decoration: none;
}
#menu a:hover
{
    text-decoration: underline;
}
#menu a:active
{
    color: #000;
}
#content
{
    position: absolute;
    top: 210px; left: 150px;
    width: 550px;
    font-size: 1.2em;
    color: #333;    
}
#scrollable
{
    overflow: auto;
    height: 410px;
    padding-right: 20px;
}
#content h1
{
    margin: 0 0 10px 0;
    border-bottom: solid #666 1px;
}
#content a, #content a:visited
{
    color: #4B65B7;
    font-weight: bold;
    text-decoration: none;
}
#content a:hover
{
    text-decoration: underline;
}
#content a:active
{
    color: #000;
}

.back
{
	font-size: 12px;
}

/* HOME */
#ham
{
    position: absolute;
    top: 45px; left: 500px;
}
#gaminame
{
    position: absolute;
    top: 220px; left: 120px;
    width: 477px; height: 92px;
    background: url(../img/gaminame.png) no-repeat;
    text-indent: -4000px;
}
#laiku
{
    position: absolute;
    top: 350px; left: 160px;
    width: 345px; height: 166px;
    background: url(../img/laiku.png) no-repeat;
    text-indent: -4000px;
}
#clock
{
    position: absolute;
    top: 310px; left: 510px;
}
#free-site
{
    position: absolute;
    top: 30px; right: 0;
    margin-right: -145px;
}

/* HOME > CONTACTS */
#phone
{
    position: absolute;
    top: 590px; left: 170px;
    width: 131px; height: 18px;
    background: url(../img/phone.png) no-repeat;
    text-indent: -4000px;
}
#email
{
    position: absolute;
    top: 550px; left: 170px;
}
#skype
{
    position: absolute;
    top: 615px; left: 170px;
}
#message
{
    position: absolute;
    top: 650px; left: 170px;
}

/* HOME > FOOTER LINKS */
#recipes
{
    position: absolute;
    top: 535px; left: 355px;
}
#facebook
{
    position: absolute;
    top: 535px; left: 480px;    
}
#about
{
    position: absolute;
    top: 525px; left: 610px;
}
.person
{
    position: absolute;
    text-indent: -4000px;
    background-repeat: no-repeat;    
}

/* HOME > QUERY FORM */
form input, form textarea
{
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #333;
    border: 1px solid #D5D5D5;
    background-color: #F5F5F5;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
form input
{
    text-align: center;
}
form input[type="submit"]:disabled
{
    color: #D5D5D5;
}
form div
{
    margin-bottom: 10px;
    text-align: center;
}
form label
{
    display: block;
    text-align: center;
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 5px;
}
form span.error
{
    display: block;    
    color: #CC0000;
}
form span.desc
{
    display: block;
    color: #CCC;
}
form img.loader
{
    display: none;
    padding: 0 0 4px 10px;
    vertical-align: middle;
}
form span.success, form span.invalid, form span.fatal
{
    display: none;
    padding-left: 10px;    
    font-size: 1.2em;
    font-weight: bold;
}
form span.success { color: #239E0A; }
form span.invalid { color: #CC0000; }
form span.fatal { color: #CC0000; }
form a, form a:visited
{
    color: #4B65B7;
    font-weight: bold;
    text-decoration: none;
}
form a:hover
{
    text-decoration: underline;
}
form a:active
{
    color: #000;
}


/* HOME > TOOLTIP */
#ham-title
{
	margin-top:200px;	
}
div.tooltip
{
    display: none;
    color: #FFF;
    padding: 10px 15px;
    background-color: #4B65B7;
    border: 2px solid #FFF;
    text-align: left;
    font-size: 1.2em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* HOME > OVERLAY */
div.overlay
{
    display: none;
    width: 550px;
    background-image: url(../img/white.png);
    padding: 40px 50px;
}
div.overlay div.close
{
    position: absolute;
    width: 35px; height: 35px;
    right: 5px; top: 5px;
    background-image: url(../img/close.png);
    cursor: pointer;
}