/*----------------------------------------------------------------------------- 
Shepard Auto Care Screen Stylesheet 

version:   1.0 
date:      2009-12-24
author:    Jay Baldwin IV
email:     administrator at shepardautocare dot com
website:   jaybaldwin.com

version history: 

DATE         AUTHOR     CHANGES
2009-12-24   JJBIV      Added author comment and version history.
-----------------------------------------------------------------------------*/


/* INTERFACE
-----------------------------------------------------------------------------*/

html, body
{
    background: url('assets/site/images/SiteBg.gif');
    background-color: #F7F7EE;
}

body, td, span, div
{
    font-family: Arial, 'Trebuchet MS', Tahoma, Sans-Serif;
    font-size: 10pt;
    color: Black;
}

a:link, a:visited { color: Blue; }
a:hover { color: #3BAFEF; }

#Copyright a:link, #Copyright a:visited { color: #dddddd; }
#Copyright a:hover { color: black; }

#Container
{
    margin: 0 auto;
    min-height: 800px;
    /*width: 1058px;*/
    width: 950px;
}

#Interface
{
    /*background: url('assets/site/images/InterfaceBg.png') repeat-y;
    width: 1058px;*/
    background: url('assets/site/images/InterfaceBg_950.png') repeat-y;
    width: 950px;
    min-height: 800px;
    height: 100%;
    /*padding: 0 29px;*/
}

#InterfacePad
{
    width: 892px;
    margin: 0 auto;
    /*padding: 0 0 0 29px;*/
}

#InterfaceBottom
{
    /*background: url('assets/site/images/InterfaceBottom.png');
    width: 1058px;*/
    background: url('assets/site/images/InterfaceBottom_950.png');
    width: 950px;
    height: 50px;
}

#Header
{
    padding: 10px 20px;
    /*margin-right: 58px;*/
}

#Header *
{
    font-size: 9pt;
}

#Logo
{
    width: 308px;
    height: 105px;
    margin-right: auto;
    float: left;
}

#Hours
{
    width: 150px;
    margin-top: 60px;
    /*margin-left: 350px;*/
    margin-left: 200px;
    float: left;
    
    font-size: 9pt;
}

#AddressAndPhone
{
    width: 150px;
    text-align: right;
    margin-left: auto;
    margin-right: 2px;
}

#Navigation
{
    height: 33px;
    background: url('assets/site/images/NavBg.png');
    margin-top: 10px;
}

#Content
{
    padding: 0px 20px;
    height: 100%;
    /*margin-right: 58px;*/
    min-height: 460px;
}

#Footer
{
    margin-top: 30px;
    text-align: center;
    /*margin-right: 58px;*/
}

#Copyright
{
    text-align: center;
    height: 36px;
    padding: 20px;
    vertical-align: middle;
  
    font-size: 9pt;
    color: White;
}

.NavItem
{
    width: 16.66666666666667%;
    float: left;
    text-align: center;
}

.NavItem img
{
    margin-top: 2px;
}

.SectionGradient
{
    background: url('assets/site/images/SectionGradientBg.png') repeat-x;
    min-height: 212px;
    padding: 2px 10px;
}

.SectionTitle
{
    text-transform: uppercase;
    font-family: Impact, Arial, 'Trebuchet MS', Tahoma, Verdana, Sans-Serif;
    font-size: 28pt;
    font-style: italic;
    color: white;
    margin-bottom: 10px;
}

.PageTitle
{
    text-transform: uppercase;
    font-family: Impact, Arial, 'Trebuchet MS', Tahoma, Verdana, Sans-Serif;
    font-size: 28pt;
    font-style: italic;
    margin-bottom: 10px;
}

span#Address
{
    text-transform: uppercase;
    font-weight: bold;
}

span#Phone
{
    font-weight: bold;
}

span#WeAccept
{
    font-size: 8pt;
}

input[type="text"], input[type="password"], textarea, select
{
    border: 1px solid #6797CF;
}



/* GLOBAL ELEMENT DEFAULTS
-----------------------------------------------------------------------------*/

html, body, form
{
    height: 100%;
    padding: 0;
    margin: 0;
}

fieldset { border: 1px solid #333; padding: 10px; }
legend { /* border: 1px solid #333; */ padding: 4px 6px; font-weight: bold; text-transform: uppercase; }

img { border: 0; }
ol, ul { margin: 10px 40px 10px 0; }
li { display: list-item }

strong { font-weight: bold; }
blockquote
{
    margin: 10px 40px;
}



/* REUSABLE CLASSES
-----------------------------------------------------------------------------*/

.ClearBoth { clear: both; }
.FullWidth { width: 100%; }
.Small { font-size: 8pt; }