/* CSS Document */
body
{
    background: #f4f3f4 url('../images/bg-page.jpg') repeat-y top center;
    font-family: sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}

/*** PAGE ***/
div#page
{
    width: 1000px;
    margin: 0 auto;
}

/*** CLASSES ***/
.bold
{
    font-weight: bold;
}

.clearboth
{
    clear: both;
}

.floatright
{
	float: right;
}

/*** HEADER ***/
div#header
{
    
}

/*** TOP-MENU ***/
div#top-menu 
{
    width: 535px;
    float: left;
    margin: 8px 0;
}

div#top-menu ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div#top-menu ul li
{
    float: left;
    text-align: center;
    padding: 5px;
}

div#top-menu ul li a
{
    color: #000;
    text-decoration: none;
    font-size: 0.85em;
    padding: 5px;
}

div#top-menu ul li a:hover,
div#top-menu ul li#active a
{
    background: #306;
    color: #fff;
}

/*** TOP CONTACT ***/
div#top-contact
{
    width: 415px;
    height: 18px;
    background: url('../images/bg-contact.jpg') no-repeat;
    margin: 5px 10px 5px 5px;
    padding: 9px 5px 5px 20px;
    float: right;
    font-size: 0.9em;
}


/*** LOGO ***/
div#logo
{
    clear: both;
    width: 981px;
    height: 129px;
    background: url('../images/header.jpg') no-repeat;
    margin: 10px auto;
}

/*** CONTENT ***/
div#content
{
    margin: 10px 0;
}

.row
{
    margin: 5px;
    padding: 5px;
}

.row-input
{
    position: relative;
    width: 298px;
    height: 148px;
    padding: 9px 7px 7px 11px;
    background: url('../images/bg-input.jpg') no-repeat top center;
    float: left;
    margin-right: 10px;
}

.row-input-big
{
    position: relative;
    width: 626px;
    height: 148px;
    padding: 9px 7px 7px 11px;
    background: url('../images/bg-input-big.jpg') no-repeat top center;
    float: left;
}

.row .image
{
    float: left;
    margin-right: 15px;
}

.row .title
{
    font-size: 1.5em;
    color: #306;
    height: 45px;
    margin: 2px;
}
.row p
{
    margin: 0;
    padding: 2px;
}
.row .text
{
    font-size: 0.85em;
}

.row a
{
    position: absolute;
    bottom: 25px;
    left: 130px;
    color: #306;
    text-decoration: underline;
    font-size: 0.9em;
    width: 65px;
    display: block; 
    background: url('../images/link-arrow-left.gif') no-repeat right 6px;
}

.row-input-big a
{
	left: 550px;
}

/*** FOOTER ***/
div#footer
{
    clear: both;
    margin-top: 10px;
    padding: 10px 5px 5px 20px;
    font-size: 0.85em;
}

div#footer p
{
    margin: 0;
    padding: 2px 20px 2px 2px;
}

div#footer a
{
    color: #333;
}

div#footer a:hover
{
    color:#000;
}