﻿html, body
{
    overflow: hidden;
}

body 
{
	
	margin: 0;
	padding: 0;
	font-family: verdana;
	background-color: #dcdddf;
	overflow: hidden;
}

.outerbox
{
    position: absolute;
    top: 25px;
    left: 50%;
    margin:0px auto auto -440px;
    width: 892px;
    height: 562px;    
    border-width: 1px;
    border-style: solid;
    border-top-color: #898a8d;
    border-right-color: #a5a6a8;
    border-bottom-color: #898A8D;
    border-left-color: #a5a6a8;
}

.innerbox
{
    width: 890px;
    height: 560px; 
    border-width: 1px;
    border-style: solid;
    border-top-color: #dbdbdc;
    border-right-color: #b6b7b8;
    border-bottom-color: #DBDBDC;
    border-left-color: #B6B7B8;
    background: #ffffff;
}

.decor-lines
{
    position: absolute;
    left: 660px;
    top: 15px;
    z-index: 1000;
}

.logo, .rights
{
    position: absolute;
    right: 0px;
    bottom: 0px;
    border: none;
}

.topmenu
{
    position: relative;
    top: 1px;
    width: 675px;
    height: 21px;
    margin: 37px 0px 0px 0px;
    border-bottom: 1px solid #dbdbdc;
    color: #EE1D24;
    z-index: 10;
}

.tm-square
{
    position: absolute;
    left: -2px;
    bottom: -2px; 
}

.tm-category
{
    margin-left: 60px;
    position: relative;
    top: 2px;
}

.topmenu a
{
    text-decoration: none;
}

.workarea
{
    position: relative;
    overflow: visible;
    top: 1px;
    width: 675px;
    height: 400px;
    border-top: 1px solid #929295;
    border-right: 2px solid #B6B7B8;
    z-index: 20;
}

.content
{
    position: absolute;
    width: 675px;
    height: 500px;
    overflow: visible;
}

.contact-line
{
    position: absolute;
    height: 43px;
    border-top: 1px solid #EE1D24;
    bottom: 0px;
    width: 520px;
    text-align: right;
    padding-top: 7px;
    padding-right: 10px;
}

.contact-line, .content, .topmenu, .topmenu a
{
    color: #6d6e71;
}

.topmenu, #slider
{
    font-size: 0.55em;
}

.contact-line, .contact, .about
{
    font-size: 0.7em;
}

.contact-info
{
    margin-top: 5px;
}

.contact-info th
{
    width: 35px;
    text-align: left;
    color: #ee1d24;
    font-weight: normal;
    vertical-align: top;
}

.contact-info td
{
    vertical-align: top;
    padding-bottom: 3px;
    letter-spacing: 1px;
}

.content a
{
    color: #00AEEF;
}

.contact-info a
{
    letter-spacing: normal;
}

.contact-line span
{
    color: #ee1d24;
    margin-left: 3px;
}

.home-logo
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px auto auto -75px;
}

.menu
{
    position: absolute;
    top: 50%;
    left: 682px;
    margin: -80px auto auto 0px;
}

.menu a
{
    font-size: 0.70em;
    font-weight: bold;
    color: #221E1F;
    display: block;
    padding: 5px;
    text-decoration: none;
}

.menu .selected, .topmenu .selected
{
    color: #ee1d24;
}

.contactbox
{
    margin-top: 40px;
    text-align: left; 
    display: inline-table; 
    width: 256px; 
}

.contactbox td
{
    vertical-align: top; 
}

.contact
{
    border-left: 1px solid #ee1d24; 
    padding: 0px 0px 5px 8px;    
}

.contact-title
{
    border-bottom: 1px solid #ee1d24; 
    padding: 5px 0px 5px 0px;
}

.contact-photo
{
    text-align: right;
    width: 82px; 
    font-size: 1px;
}

.contact-photo img
{
    margin-right: 7px;
}

.aboutbox
{
    text-align: left; 
    display:inline-table;
    margin: 0px 120px 0px 120px;
    margin-top: 40px;
}

.about-photo
{
    vertical-align: top; 
    padding: 0px 5px 0px 5px;
}

.about
{
    vertical-align: top; 
    border-left: 1px solid #ee1d24; 
    padding: 0px 0px 0px 9px;
}

.about p
{
    margin: 0px 0px 8px 0px;
}