﻿/* CSS Document */

html {
height: 100%;
width: 100%;
}
body {
margin: 0;
padding: 0;
font-family: Helvetica, Arial, Sans-Serif;
background: #e0edf1 url("../images/bg.png") repeat-x;
font-size:100%;
color:#4d4d4d;
}
a {
font-weight: bold;
text-decoration: none;
outline: none;
}
    a:link, a:visited {
    color:#486a73;
    }
        a:hover {
        color:#6a97a5;
        }
            a:active {
            color:#7199a3;
            }
p, ul {
font-size: .75em;
line-height: 1.55em;
text-align: left;
padding: 0 0 1em 0;
}
    p a {
    font-weight:normal;
    text-decoration:underline;
    }
h1 {
margin:0px 0 10px 8px;
padding:30px 0 0 0;
clear:left;
color:#005e77;
line-height:1em;
font-size:1.875em;
font-weight:normal;
font-family:Georgia, Times New Roman, Serif;
text-transform:capitalize;
}
    h1.technique-four {
    width: 249px; 
    height: 40px;
    padding:10px 0 20px 0;
    background: url("../images/h1.png") no-repeat;
    text-indent: -9999px;
    }
        h2 {
        padding-bottom:14px;
        letter-spacing:-.05em;
        font-weight:bold;
        font-size:1em;
        text-transform:uppercase;
        color:#005e77;
        }
            h3 {
            padding: 10px 0 16px 0;
            font-weight:bold;
            font-size:1.125em;
            color:#005e77;
            }    
                h4 {
                padding:0 0 12px 0;
                text-transform:uppercase;
                font-weight:bold;
                letter-spacing:-.01em;
                font-size:.85em;
                color:#005e77;
                }
.barTop {
width:150px;
height:10px;
position:relative;
top:0;
left:10px;
z-index:1;
}
    #barTopHome {
    background-color:#f93d34;
    }
#projectHeader {
font-size:.75em;
line-height:1.4em;
font-family:Arial, Helvetica, Sans-Serif;
font-style:normal;
font-weight:bold;
color:#d4d4d4;
position:relative;
z-index:1;
top:0;
width:200px;
padding:1px 0 0 11px;
margin:0;
}

#navigation {
display:block;
width:100%;
height:120px;
position:relative;
margin:0 0 15px 5px;

}
    #navBar  {
    width:100%;
    padding:0;
    height:55px;
    float:left;
    }
        #navBar li { 
        margin:73px 0 0 0;
        padding:0; 
        display:inline-block;
        float:left;
        height:56px;
        width:50px;
        text-transform:uppercase;    
        }
            #navBar li a {
            position:relative;
            z-index:3;
            display:block;
            height:60px;
            width:48px;
            }
                #navBar li#navName {
                position: absolute;
                left:0;
                top:-58px;
                margin:0;
                padding:0;
                z-index:-1;
                color:#f0f8fa;
                font-weight:bold;
                font-size:10.5em;
                line-height:.72em;
                letter-spacing:-.08em;
                }        
                #navInternet {
                background:  url("../images/navBar.png") 0 0 no-repeat;        
                }
                    #navInternet:hover {
                    background-position: 0 -60px;      
                    }
                #navPrint {
                background: url("../images/navBar.png") -49px 0 no-repeat;
                }
                    #navPrint:hover {
                    background-position: -49px -60px; 
                    }    
                #navIdentity {
                background:  url("../images/navBar.png") -98px 0 no-repeat;          
                }      
                    #navIdentity:hover {
                    background-position: -98px -60px;          
                    }      
                #navPainting {
                background:  url("../images/navBar.png") -148px 0 no-repeat; 
                }
                    #navPainting:hover {
                    background-position: -148px -60px;
                    }    
                #navResume {
                background:  url("../images/navBar.png") -197px 0 no-repeat; 
                }
                    #navResume:hover {
                    background-position: -197px -60px; 
                    }    
                        #navBar li ul li {
                        position:relative;
                        width:100%;  
                        z-index:1;  
                        left:-9000px;
                        margin:0;
                        color:#d3e7eb;
                        font-weight:bold;
                        font-size:145px;
                        letter-spacing:-.08em;
                        line-height:100px;
                        }
                            #navBar li:hover ul li {
                            position:absolute;
                            background: url("../images/transparent.png")  repeat;
                            top:-30px;
	                        left:-5px;
	                        height:100px;
	                        z-index:2;	                    
                            }

                #navBar li#graybarNav {
                display:block;
                float:left;
                height:48px;
                width:720px;
                background: url("../images/bg_nav.png")  repeat;
                }

.contentOutside {
position:relative;
z-index:1;
margin: 0 auto;
padding:0 0 35px 0;
width:980px;
}
#body {
width:100%;
margin:0;
display:block;
float:left;
padding:0 0 50px 0;
}

.headModule {
width:960px;
margin:10px 0 50px 0;
height:325px;
display:block;
position:relative;
float:left;
}

    .headModuleBackground {
    position:absolute;
    z-index:2;    
    top:0;
    }

    .headModule img {
    position:absolute;
    z-index:1;
    top:0;
    }

.threeQuarterModule {
float:left;
display:block;
background:transparent url('../images/bg_threeQuarterModule.png') no-repeat 2px 4px;
width:100%;
margin:10px 0 35px 0px;
padding:10px 0 0 10px;
}
    .threeQuarterModule img {
    float:left;
    width:670px;
    display:block;
    }
    .tqmTags {
    clear:left;
    display:block;
    padding:15px 0;
    margin:0;
    width:205px;
    }
        .tqmTags p {
        display:block;
        font-size:.685em;
        font-style:italic;
        line-height:.75em;
        }
        .tqmTags a {
        font-style:normal;
        color:#52a8bf;
        }
            .tqmTags a:hover {
            color:#486a73;
            }
    .tqmRight {
    width:280px;
    display:inline;
    float:right;
    }
        .tqmRight h3 {
        font-family:Georgia, "Times New Roman", Serif;
        font-size:1.5em;
        font-weight:normal;
        font-style:italic;
        color:#f93d34;
        }
            .tqmDesc {
            font-style:italic;
            color:#9d9d9d;
            line-height:1.25em;
            margin:0;
            }
        .tqmRight a {
        display:block;
        padding:10px 22px;
        font-weight:bold;
        background:transparent url(../images/check.png) no-repeat 0 12px; 
        }

.oneQuarterModule {
float:left;
display:inline-block;
background:transparent url('../images/bg_oneQuarterModule.png') no-repeat 0 35px;
width:215px;
padding:10px 20px 10px 10px;
margin:0 0 10px 0;
}
    .oneQuarterModule h3 {
    font-weight:bold;
    font-size:.875em;
    padding:0;
    margin:0 17px 9px 0;
    line-height:1.5em;
    border-bottom:1px dotted #6a97a5;
    color:#486a73;
    }
        a.oneQuarterModule:hover h3 {
        color:#6a97a5;
        }
    .oneQuarterModule img {
    float:none;
    clear:left;
    display:block;
    }
    a.oneQuarterModule:link span.oqmHidden {
    display:block;
    visibility:hidden;
    padding:15px 0 0 0;
    color:#4d4d4d;
    }
        a.oneQuarterModule:hover span.oqmHidden {
        visibility:visible;
        }
        
    .oneQuarterModule p, .oneQuarterModule ul {
    font-weight:normal;
    font-size:.75em;
    display:inline-block;
    float:none;
    }




#bearImage {
display:block;
clear:both;
float:none;
margin:0 auto;
position:relative;
z-index:2;
}
    #bodyRight {
    float:left;
    width:550px;
    padding:0 0 0 40px;
    }
    #bodyLeft {
    padding:26px 0 0 50px;
    float:left;
    width:200px;
    }
        #bodyLeft ul {
        padding:0 0 0 20px;
        list-style-position:outside;
        list-style-image: url(../images/check.png);  
        }
            #bodyLeft ul li {
            border-bottom: 1px dotted #c0c0c0;
            line-height:2.5em;
            }
                #bodyLeft ul li.last {
                border:0;
                }
    .subtitle {
    font-style:italic;
    color:#95b5bd;
    }
#footer {
clear:left;
margin:0 auto;
padding:0;
height:325px;
width:100%;
background:#f2f6f7;
}
    #footer p, #footer ul {
    color:#757575;
    font-size:.75em;
    }
    #footer img {
    display:block;
    margin:0 auto;
    }
    #footerLeft, #footerCenter, #footerRight {
    height:200px;
    display:inline-block;
    float:left;
    }
        #footerLeft {
        width:125px;
        padding:0 40px 0 10px;
        }
            #footerLeft p a {
            line-height:0;
            padding:0;
            }    
        #footerCenter{
        padding:0 0 0 10px;
        width:320px;
        }
        #footerRight{ 
        width:380px;
        padding:0 40px 0 10px;
        border-left:1px solid #d8e3e5;
        border-right:1px solid #d8e3e5;        
        }
            #footerRight ul {
            float:left;
            padding:0 30px 0 0;
            line-height:2em;
            font-weight:bold;          
            } 
                #footerRight ul li ul {
                font-size:1em;
                float:none;               
                line-height:1.5em;
                padding:0;
                }
                #footerRight ul li ul a {
                font-weight:normal;
                padding:0;
                }
            #footerRight ul#centerSiteMap {
            float:left;
            padding:0 30px 0 0;             
            }
            #footerRight ul#rightSiteMap {
            float:left;
            padding:0;
            }
#copyright {
color:#999;
margin:0;
font-size:.7em;
padding:10px 0 0 5px;
background:transparent url("../images/footerBottom.png") no-repeat;
}            
