/* Fancybox -- make border corners rounded */
#fancybox-outer
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* Page layout */
body
{
    margin: 0;
    padding: 0;
    background-color: #bfbfbf;
    font-family: "Myriad Pro", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#layout
{
    position: relative;
    width: 1024px;
    margin: 0 auto;
}

h1
{
    font-size: 14px;
    font-weight: 600;
}

a
{
    /* Remove Firefox dotted border */
    outline: none;
    
    color: #52af14;
}

#topmiddle
{
    background: url("layout.jpg");
    height: 884px;
}

#bottom
{
    height: 366px; /* 1250 - 884 */
    background: #393939;
    color: #a1a1a1;
}

#mylovecompany
{
    display: block;
    position: absolute;
    top: 120px;
    left: 324px;
    width: 122px;
    height: 8px;
    text-indent: -999999px;
}

#downloadstandalone
{
    position: absolute;
    top: 325px;
    left: 114px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;

}

#installgooglechrome
{
    position: absolute;
    top: 305px;
    left: 114px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;

}

#installfirefox
{
    position: absolute;
    top: 285px;
    left: 114px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;

}

#installsafari
{
    position: absolute;
    top: 265px;
    left: 114px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;

}

#version
{
    position: absolute;
    top: 245px;
    left: 114px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;

}

#buy
{
    position: absolute;
    top: 265px;
    left: 390px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;
	text-align:right;
}

#buynow
{
    position: absolute;
    top: 295px;
    left: 585px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;
	text-align:right;
	font-size: 150%;
}

#buymacstore
{
    position: absolute;
    top: 312px;
    left: 521px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;
	text-align:right;
}

#systemreq
{
    position: absolute;
    top: 341px;
    left: 185px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2em;
    color: #2a2a2a;
}

#whatis
{
    position: absolute;
    top: 447px;
    left: 49px;
    width: 266px;
    color: #2a2a2a;
}

#howtouseweb
{
    position: absolute;
    top: 447px;
    left: 360px;
    width: 260px;
}

#howtouselocal
{
    position: absolute;
    top: 447px;
    left: 685px;
    width: 260px;
}

#howtouseweb ul, #howtouselocal ul
{
    list-style-type: none;
    padding-left: 60px;
}

#howtouseweb li, #howtouselocal li
{
    margin-bottom: 21px;
}

#news
{
    position: absolute;
    top: 905px;
    left: 49px; /* like #whatis */
    width: 260px; /* like middle block */
}

#news .date
{
    margin-bottom: 3px;
}

#news .content
{
    margin: 0;
    margin-bottom: 25px;
}

#changes
{
    position: absolute;
    top: 905px;
    left: 360px; /* like #howtouseweb */
    width: 260px; /* like middle block */
}

#changes ul
{
    list-style-type: square;
    padding-left: 25px;
}

#contact
{
    position: absolute;
    top: 905px;
    left: 685px; /* like #howtouselocal */
    width: 260px; /* like middle block */
}

#copyright
{
	position: absolute;
	top: 1215px;
	left: 360px; /* Like #changes */
	width: 260px; /* Like #changes */
	text-align: center;
}