﻿body {
    background: #f3f1ea url(/Images/UI/bg_body.png) top left repeat-x;
    font-family: Arial, Sans-Serif;
    text-align: center;
}

.content
{
    color: #5D2C2C;
    line-height: 1.2em;
    width: 400px;
}

.content ul
{
    list-style-type: disc;
    margin-left: 35px;
}

.content a
{
    color: #8C191C;
    text-decoration: underline;
}

.content a:hover
{
    text-decoration: none;
}

.content_full
{
	color: #5D2C2C;
	line-height: 1.2em;
	width: 700px;
}

.content_full ul
{
    list-style-type: disc;
    margin-left: 35px;
}

.content_full a
{
    color: #8C191C;
    text-decoration: underline;
}

.content_full a:hover
{
    text-decoration: none;
}

small
{
    font-size: 11px;
    color: grey;   
}

h2.contentheader, .content h2, #gallery h2
{
    color: #8c191c;
    font-size: 16px;
    margin: 0 0 0 20px;
}

h1.contentheader, .content h1, #gallery h1
{
    color: #8c191c;
    font-size: 14px;
    margin-bottom: 20px;
    text-transform: lowercase;
}

#gallery h1
{
    margin: 20px 0 0 0;
}

.content h1
{
    text-transform: none;
}

.clear
{
    clear: both;
}

.wrapper
{
    width: 956px;
    margin: 0 auto 0 auto;
}

.header
{
    background: #edebe4 url(/Images/UI/bg_header.png) top left no-repeat;
    height: 164px;
    width: 956px;
    position: relative;
	margin-top: 12px;
}


.logolink
{
    display: block;
    height: 105px;
    width: 956px;
}

.middle
{
    background: #fff url(/Images/UI/bg_content.png) top left repeat-y;
}

.leftcolumn
{
    float: left;
    margin-left: 3px;
    padding: 0;
    text-align: left;
    width: 197px;
}

.leftcolumn h1
{
    color: #8C191C;
    font-size: 16px;
    margin: 0 0 5px 0;
    text-transform: lowercase;
}

.leftnav
{
    padding: 0 0 0 15px;
}

.leftnav a
{
    color: #9f9082;
    font-size: .9em;
    font-weight: bold;
    text-decoration: none;
    text-transform: lowercase;
}

.leftnav a:hover, .leftnav a.selected
{
	color: #8C191C;
}   

.leftnav ul
{
    margin: 0;
    padding: 0 0 0 15px;
}

.leftnav li
{
    margin: 0 0 10px 0;
    list-style: none;
}

.leftnav_images 
{
    float: right;
    width: 180px;
}

.leftnav_images img
{
   margin-top: 5px;
}

.left_text
{
    color: #5D2C2C;
    padding: 0 5px 0 20px;
    font-size: 12px;
}
.left_text a
{
    color: #8C191C;
    text-decoration: underline;
}

.left_text a:hover
{
    text-decoration: none;
}

.about_images 
{
    float: right;
    width: 280px;
}

.about_images img
{
   margin-bottom: 50px;
}

.home_images 
{
    float: right;
    width: 300px;
}
.process_images 
{
    float: right;
    width: 375px;     
}

.process_images img
{
    margin-bottom: 10px;
}

.resume_list 
{
    float: right;
    width: 290px;
}

.rightcolumn
{
    float: left;
    margin-left: 20px;
    text-align: left;
    width: 730px;
}

.footer
{
    background: url(/Images/UI/bg_footer.png) top left no-repeat;
    width: 956px;
    height: 24px;
}

.footer_contact
{
    color: #8f282a;
    widows: 956px;
    height: 24px;
    text-align: center;
    text-decoration: none;
    margin: 0 auto;
}

.footer_contact a
{
    color: #8f282a;
    text-decoration: none;
}

.footer_contact a:hover
{
    text-decoration: underline;
}

.globalnav
{
    left: 201px;
    top: 105px;
    position: absolute;
}

.globalnav a
{
    background: #8f282a url(/Images/UI/nav.png) top left no-repeat;
    display: block;
    float: left;
    height: 31px;
}

.globalnav a span 
{
    display: none;
}

a#nav_home
{
    width: 74px;
}

a:hover#nav_home
{
    background-position: 0 -30px;
}

a#nav_about
{
    width: 76px;
    background-position: -74px 0;
}

a:hover#nav_about
{
    background-position: -74px -31px;
}

a#nav_gallery
{
    width: 82px;
    background-position: -150px 0;
}

a:hover#nav_gallery
{
    background-position: -150px -31px;
}

a#nav_resume
{
    width: 83px;
    background-position: -472px 0;
}

a:hover#nav_resume
{
    background-position: -472px -31px;
}

a#nav_process
{
    width: 87px;
    background-position: -316px 0;
}

a:hover#nav_process
{
    background-position: -316px -31px;
}

a#nav_legal
{
    width: 69px;
    background-position: -403px 0;
}

a:hover#nav_legal
{
    background-position: -403px -31px;
}

a#nav_services
{
    width: 82px;
    background-position: -232px 0;
}

a:hover#nav_services
{
    background-position: -232px -31px;
}

a#nav_email
{
    width: 70px;
    background-position: -554px 0;
}

a#nav_email:hover
{
    background-position: -554px -31px;
}


#gallery a img 
{
    border: 2px black solid;
    margin: 5px 10px 0 0;
}

#gallery a
{
    text-decoration: none;
}

#gallery a:hover
{
    text-decoration: none;
}

#gallery a:hover img
{
    color: #8C1818;
}

.fade 
{
    position: absolute;
    top: 200px;
    left: 200px;
}

.fade div 
{
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 168px;
    width: 326px;
}
