﻿*
{
    margin: 0px;
    padding: 0px;
}

body {
	font: Arial,Helvetica,sans-serif 12px;
	background: #3f3f3f url('/images/design/bg.site.png') repeat-y;
}

p
{
    margin-bottom: 10px;
}

ul
{
    margin: 0px 0px 10px 30px;
}

ol
{
    margin: 0px 0px 10px 30px;
}

h1
{
    margin-bottom: 10px;
    font-size: 20px;
    color: #3b4168;   
}

h2
{
    margin-bottom: 10px;
    font-size: 16px;
    color: #c70;   
}

img
{
    border: 0px;
}

a
{   
    color: #0052ba;
}
    

/* Layout classes */

.layout 
{
    width: 952px;
    position: absolute;
    left: 0px;
    top: 50px;
}

.sideline 
{
    position: relative;
    float: left;
    width: 100px;
    height: 545px;
    background: url('/images/design/bg.sideline.png') no-repeat;
}

.content 
{
    position: relative;
    float: left;
    width: 650px;
    height: 545px;
    background: #ccc;
    overflow: hidden;
}

.menu
{
    position: relative;
    float: left;
    width: 200px;
    height: 545px;
    background: #fff url('/images/design/bg.menu.png') repeat-y;
    border-left: 1px solid #444;
}

.footer
{
    position: absolute;
    top: 600px;
    width: 650px;
    padding: 10px 0px 10px 100px;
    color: #ccc;
}

.footer a
{
    color: #fff;
    text-decoration: none;
}

.footer a:hover
{
    color: #fff;
    text-decoration: underline;
}

.video
{
    width: 500px;
    height: 545px;
    padding-top: 30px;
    text-align: center;
}

.video img
{
    margin: 10px;
    padding: 10px;
    width: 100px;
    height: 50px;
    border: 1px solid #eee;
}

.video a:hover img
{
    margin: 10px;
    width: 100px;
    height: 50px;
    filter:alpha(opacity=60);
    opacity:.60;}
}

.video a
{
    border: 1px solid #444;
}

.video a:hover
{
    border: 1px solid #fff;
}

.video p
{
    margin-top: 10px;
}

.flavor
{
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

/* page */

.padded
{
    padding: 20px;
}

ul.multicols
{
    width: 300px;
    margin-left: 0px;
    float: left;
}

/* menu */

.menu ul
{
     list-style-type: none;
     padding: 0px;  
     margin: 0px;
}

.menu li
{
     list-style-type: none;
     height: 50px;
     width: 200px; 
     border-bottom: 1px solid #444;
}
.menu li:first-child
{
     height: 90px;
     width: 200px; 
     border-bottom: 1px solid #444;
}

.menu li:hover
{
     cursor: pointer; 
}

.menu li a img
{
     width: 100%;
     height: 100%;
     border: 0px;
}

.menu li a span
{
     display: none; 
}

.menu #home, .menu #home:hover
{
    height: 90px;
    background: url('/images/design/menu.logo.on.png') no-repeat;
}

.menu #services,.menu #services1, .menu #services2
{
    background: url('/images/design/menu.services.png') no-repeat;
}

.menu #services:hover, .menu #services2:hover, .menu #services1:hover
{
    background: url('/images/design/menu.services.on.png') no-repeat;
}

.menu #about
{
    background: url('/images/design/menu.about.png') no-repeat;
}

.menu #about:hover
{
    background: url('/images/design/menu.about.on.png') no-repeat;
}

.menu #contact
{
    background: url('/images/design/menu.contact.png') no-repeat;
}

.menu #contact:hover
{
    background: url('/images/design/menu.contact.on.png') no-repeat;
}

.menu #gallery
{
    background: url('/images/design/menu.gallery.png') no-repeat;
}

.menu #gallery:hover
{
    background: url('/images/design/menu.gallery.on.png') no-repeat;
}

.menu #response
{
    background: url('/images/design/menu.agents.png') no-repeat;
}

.menu #response:hover
{
    background: url('/images/design/menu.agents.on.png') no-repeat;
}

.menu #feedback
{
    background: url('/images/design/menu.feedback.png') no-repeat;
}

.menu #feedback:hover
{
    background: url('/images/design/menu.feedback.on.png') no-repeat;
}

.menu #account
{
    background: url('/images/design/menu.account.png') no-repeat;
}

.menu #account:hover
{
    background: url('/images/design/menu.account.on.png') no-repeat;
}

.menu #videos
{
    background: url('/images/design/menu.videos.png') no-repeat;
}

.menu #videos:hover
{
    background: url('/images/design/menu.videos.on.png') no-repeat;
}

.menu #promo
{
    background: url('/images/design/menu.promo.png') no-repeat;
}

.menu #promo:hover
{
    background: url('/images/design/menu.promo.on.png') no-repeat;
}

#welcome
{
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
}

.menu #address, .menu #address:hover
{
    background: url('/images/design/menu.address.png') no-repeat;
}

/* Form classes */

.siteform p
{
    margin: 0px;
}

.siteform table
{
    border: 0px solid #ddd;
}

.siteform td, .siteform th
{
    padding: 3px;
    text-align: left;
    border: 1px solid #ddd;
    background: #bbb;
}

.siteform th
{
    color: #48515a;
}

.textfield
{
    width: 98%;
}

.error
{
    margin: 10px 0px 10px 0px;
    color: #ff0000;
}


