﻿*{margin:0px; padding:0px;border:none; border-collapse:collapse;}

html
{
    background-color:#000000;
    background-image:url(images/bg-html.png);
    background-repeat:repeat-x;
    background-position:top left;
    background-attachment:fixed;
    padding-top:5px;
    padding-bottom:5px;
}


body 
{
}

.squaresLeft
{
    position:fixed;
    top:10px;
    left:1%;
    z-index:-1;
    margin-left:2%;
}

.squaresRight
{
    position:fixed;
    bottom:10px;
    right:1%;
    z-index:-1;
    margin-right:2%;
}

h1
{
    text-align:right;
    padding-right:105px;
    color:#2a1706;
    font-family:Sabon, Garamond, Times New Roman;
    font-weight:bold;
    font-style:oblique;
    font-size:36px;
    background-image:url(images/bg-h1.png);
    background-repeat:no-repeat;
    background-position:right;
    margin-bottom:30px;
}

#bodyFrame
{
    width:1030px;
    margin:0 auto;
    background-image:url(images/bg-contentFrame.png);
    background-position:top;
    background-repeat:repeat-y;
    padding-left:28px; 
    padding-right:28px;
    padding-top:3px;
    padding-bottom:3px;
}

#bodyBorder
{
    background-color:#ececec;
    border:1px solid #998675;
    padding:10px;
    margin:0 auto;
    width:952px;   
}

#body
{
    border:1px solid #998675;
    padding:10px;
    background-image:url(images/bg-contentFrame.png);
    background-position:center;
    background-repeat:repeat-y;
}

#header
{
    height:150px;
}

#footer
{
    font-family:Sabon, Garamond, Times New Roman;
    font-weight:bold;
    font-size:12px;
	text-align:center;
	margin-top:30px;
}

.brand
{
    float:left;
    margin-left:20px;
}

.socialNet
{
    text-align:right;
    margin-bottom:65px;
}

.socialNet a
{
    margin-right:5px;
    margin-left:5px;    
}

.tagLine
{
    float:right; 
    margin-right:20px;   
}

#portfolio
{
    border:10px solid #a09f9d;
    background-image:url(images/bg-portfolio.png);
    background-repeat:repeat-x;
    background-position:bottom;
    margin:0 auto;
    margin-left:20px;
    margin-right:20px;
    height:410px;
}

#navigation
{
    background-color:#cec9c2;
    border-bottom:2px solid #3b2511;
    height:25px;
    padding:10px;
    text-align:center;
}

#navigation a, #navigation a:visited, #navigation a:hover
{
    color:#3b2511;
    font-family:Sabon, Garamond, Times New Roman;
    font-weight:bold;
    font-style:italic;
    font-size:18px;
    text-decoration:none;
    vertical-align:text-top;
    margin-left:20px;
    margin-right:20px;
    padding-bottom:10px;
}

#navigation a:hover
{
    background-image:url(images/bg-linkHover.png);
    background-position:bottom center;
    background-repeat:no-repeat;
        
}

#navigation a.active, #navigation a.active:visited, #navigation a.active:hover
{
    background-image:url(images/bg-linkActive.png);
    background-position:bottom center;
    background-repeat:no-repeat;
}

#navigation a.first-child
{
    margin-left:0px;    
}

#navigation a.last-child
{
    margin-right:0px;
}

#content
{
    display:block;
}

#copy
{
    height:auto; 
    padding-top:30px;
    padding-left:20px;
    padding-right:20px;
    display:block;
}

#leftPanel
{
    width:330px;
    float:left;
}

#rightPanel
{
    width:540px;
    float:right;
    color:#362f2d;
    font-family:Sabon, Garamond, Times New Roman;
    font-weight:normal;
    font-style:normal;
    font-size:16px;
    text-align:justify;
    line-height:1.3;
}

.spacer
{
    clear:both; 
    width:100%; 
    height:5px; 
    margin:0px; 
    padding:0px;    
}

#movie
{
    text-align:center;
    padding-left:75px;
    padding-right:75px;   
}

#movie .portfolioIconSMLeft
{
    background-image:url(images/bg-portfolioIcon-sm.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:310px;
    width:195px;
    float:left;
    margin-top:60px;
    padding-top:5px;
    text-align:center;
}

#movie .portfolioIconSMLeft img,
#movie .portfolioIconSMRight img
{
    width:180px;
}

#movie .portfolioIconSMRight
{
    background-image:url(images/bg-portfolioIcon-sm.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:310px;
    width:195px;
    float:right;
    margin-top:60px;
    padding-top:5px;
    text-align:center;
}

#movie .portfolioIconLG, .portfolioIconLG
{
    background-image:url(images/bg-portfolioIcon-lg.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:325px;
    width:240px;
    float:left;
    margin-top:40px;
    margin-left:45px;
    padding-top:7px;
    text-align:center;
}

#movie .portfolioIconLG img
{
    width:224px;
}

td.description
{
    color:#2a1706; 
    font-family:Sabon, Garamond, Times New Roman; 
    font-size:14px; 
    text-align:left;  
    vertical-align:bottom; 
    padding:10px;
    padding-bottom:25px;
    width:auto;
}

.portfolioTable, .portfolioTableWeb
{
    width:100%;
}

.portfolioTable td:first-child, .portfolioTableWeb
{
    text-align:center;
    width:224px;
    vertical-align:top;
    padding-bottom:10px;
}

.portfolioLogos
{
    background-image:url(images/bg-portfolioIcon-lg.png);
    background-repeat:no-repeat;
    background-position:top center;
    height:232px;
    width:240px;
    padding-top:7px;
    text-align:center;
    overflow:hidden;
}

.portfolioTableWeb td:first-child
{
    text-align:center;
    width:auto;
    vertical-align:top;
    padding-bottom:10px;
}

.portfolioTableWeb img
{
    border:1px solid #555555;    
}