﻿/*  Web Design by Tim Smith  */
/*  http://www.tssmith.net  */


/*  General Info  */

body
{
    background:#000;    
    margin:0;
    font-size:11px;
    font-family:Arial, Trebuchet MS, Verdana, Sans-Serif;
}

a
{
    color:#9c7641;
    text-decoration:none;
    font-size:11px;
    font-family:Trebuchet MS, Verdana, Sans-Serif;
}

:-moz-any-link:focus 
{
  outline: none;
}


img
{
    border:none;
}

/*  Containers  */

#wrapper
{
    background:url(images/body-bg.jpg) no-repeat top center;
}

#topContent
{
    width:960px;
    margin:0 auto;
}

#midContent
{
    clear:both;
    width:976px;
    height:380px;
    margin:40px auto 0 auto;
    background:url(images/largeCol-bg.png) no-repeat 8px 0;
}

/*  Header  */

#header
{
    width:960px;
    height:198px;
    background:url(images/header-bg.jpg) no-repeat;
}

#header .headLogo img
{
    padding:50px 0 0 50px;
}

/*  Navigation  */

#navigation
{
    height:63px;
    width:960px;
    background:url(images/nav-bg.jpg) repeat-x;
}

#navigation ul
{
    margin:0;
    padding:0;
}

#navigation ul li
{
    float:left;
    list-style-type:none;
    height:43px;
    padding-top:20px;
    display:block;
    width:153px;
    text-align:center;
    margin-left:15px;
}

#navigation ul li.first
{
    margin-left:50px;
    *-margin-left:22px;
}

#navigation ul li.current, #navigation ul li:hover
{
    background:url(images/menu-over-active.jpg) no-repeat;
}

#navigation ul li.current a, #navigation ul li.current a:hover
{
    color:#000;    
}

#navigation ul li a
{
    color:#fff;
    font-size:16px;
}

#navigation ul li a:hover
{
    color:#000;
    *-color:#691818;
}

/*  Large Column  */

#largeColumn
{
    width:960px;
    height:368px;  
    margin:0 auto; 
    float:left;
}

#largeColumn .left
{
    width:642px;
    padding:12px 0 0 18px;
    float:left;
}

#largeColumn .left .top
{
    height:273px;
    width:636px;
}

#largeColumn .left .featuredGallery
{
    height:82px;
    width:636px;
    padding:0;
}

#largeColumn .left .featuredGallery .lastImg
{
    padding:7px 0;
}

#largeColumn .left .featuredGallery img
{
    float:left;
    padding:7px 20px 7px 0;
}

#largeColumn .right
{
    float:left;
    width:280px;
    padding:0 0 0 20px;
}

#largeColumn .right .top
{
    float:left;
    height:273px;
}

#largeColumn .right .top h2
{
    margin:25px 0 10px;
    font-size:24px;
    color:#e4e5e7;
}

#largeColumn .right .top p
{
    color:#ab884a;
    font-size:14px;
    margin:0 0 35px 0;
}

#largeColumn .right .top .date
{
    color:#a6a6a6;
    font-size:11px;
    display:block;
    margin-bottom:20px;
}

#largeColumn .right .top .readMore a
{
    display:block;
    margin:15px 0 0 0;
    color:#5e5e5e;
}

#largeColumn .right .top .description
{
    color:#c4c4c4;
    margin:0;
    font-size:11px;
    line-height:16px;
}

#largeColumn .right .bottom
{
    float:left;
    height:82px;
    background:url(images/featured-testimonial-bg.png) no-repeat;  
    margin:18px 0 0;
    color:#9c7641; 
    width:268px;
    height:67px;
    font-size:9px;
}

#largeColumn .right .bottom p
{
    margin:0;    
    padding:5px 5px 0 5px;
}

#largeColumn .right .bottom .name
{
    text-align:right;
    padding:5px 5px 0 0;
    display:block;
}

/*  Lower Content  */

#lowerContent
{
    clear:both;
    background: url(images/lower-content-bg.jpg) no-repeat;
    width:960px;
    height:502px;
    margin:0 auto;
}

#boxesContent
{
    height:345px;
}

#boxesContent .box
{
    float:left;
    width:270px;
    padding:10px 25px;
    margin:0;
}

#boxesContent .box .boxTitle
{
    margin:12px 0 30px 0;
    font-size:24px;
    color:#fff;
}

#boxesContent .box .boxContent
{
    color:#a6a6a6;
    line-height:20px;
    text-align:justify;
}

#lowerContent #footer
{
    clear:both;    
    color:#3c0000;
    width:960px;
}

#lowerContent #footer .footLeft
{
    width:480px;
    float:left;
}

#lowerContent #footer .footRight
{
    width:480px;
    float:left;
}

#lowerContent #footer .footLeft p
{
    margin:0;
    padding:70px 0 0 60px;
    font-size:14px;
}

#lowerContent #footer .footLeft p a
{
    color:#761515;
    font-size:14px;
}

#lowerContent #footer .footLeft p a:hover
{
    color:#fff;
}

#lowerContent #footer .footRight p
{
    padding:25px 0 0 230px;
    margin:0;      
}

#lowerContent #footer .footRight p a
{
    color:#761515;
    font-size:18px;  
}

#lowerContent #footer .footRight p img
{
    vertical-align:middle;
}

#lowerContent #footer .footRight img.logo
{
    padding:15px 0 0 235px;
}

#lowerContent #footer .footRight img.logo2
{
    padding-left:30px;
}
