body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #666666;
    font-weight: normal;
    margin: 0px;
}
*
{
padding:0;
margin:0;
}
h3
{
    font-size:13px;    
}
#mainContent
{
    width: 640px;
    margin: 0 auto;
}
#header
{
    height: 175px;
}
#logo
{
    border: 0;
    height: 100%;
    float: left;
}

#logo h1
{
    margin: 0;
    padding: 0;
}
#logo h1 a
{
    display: block;
    width: 161px;
    height: 175px;
    text-indent: -9999px;
    background: url(img/logo.jpg) no-repeat left top;
}
#banner1
{
    float: right;
    width: 328px;
    height: 40px;
    margin-top: 135px;
    margin-right: 0px;
}
.bannerHome
{
    background: url(img/bannerHome.png) no-repeat right bottom;
}
.bannerAbout
{
    background: url(img/bannerAbout.png) no-repeat right bottom;
}
.bannerServices
{
    background: url(img/bannerServices.png) no-repeat right bottom;
}
.bannerPortfolio
{
    background: url(img/bannerPortfolio.png) no-repeat right bottom;
}
.bannerContact
{
    background: url(img/bannerContact.png) no-repeat right bottom;
}
#menu
{
    height: 20px;
    background-color: Black;
}
#menu .selected
{
    color: #F4793F;
}
#menu ul
{
    float: left;
    margin: 0;
    padding: 0 0 0 8px;
}
#menu ul li
{
    float: left;
    border-right: 1px solid #E3E3E3;
    border-left: 1px solid #C1C1C1;
    height: 12px;
    margin-top: 4px;
    list-style: none;
}
#menu ul li a
{
    float: left;
    position: relative;
    padding: 0 12px;
    color: #FFFFFF;
    text-decoration: none;
    line-height: 12px;
}
#menu ul li a:hover
{
    color:#F4793F;
}
#menu ul li.menuFirst
{
    border-left: none;
}
#menu ul li.menuLast
{
    border-right: none;
}
#banner2 *
{
    margin:0;
    padding:0;
}
#banner2
{
    border-top:dashed 1px #AAAAAA;
    margin-top:5px;
    padding-top:5px;
}
#banner2Left
{
    float: left;
}
#banner2Left h1
{
    text-indent: -9999px;
    background: #ffffff url('img/CreativeServices.gif') no-repeat top left;
    width: 213px;
    height: 107px;
}
#banner2Right
{
    float: left;
}
#banner2Right h1
{
    text-indent: -9999px;
    background: #ffffff url('img/FgBanner.gif') no-repeat top left;
    width: 427px;
    height: 107px;
}


#Content
{
    width: 640px;
    height: 100%;
    margin-top:5px;
    border-top: dashed 1px #AAAAAA;
    padding: 5px 0;
}

#MacPC
{
    float: left;
    background: #ffffff url('img/MacPC.gif') no-repeat top left;
    width: 332px;
    height: 214px;
}
#listLeft
{
    width: 140px;
    float: left;
    padding: 10px;
}
#listLeft ul
{
    list-style:none;
}
#listRight
{
    width: 120px;
    float: left;
    padding: 10px;
}
#listRight img 
{
    padding:15px 0;
}
#listRight ul
{
    list-style:none;
}

#sidebar
{
    float: left;
    width: 170px;
    height: 450px;
    padding: 10px 0;
    background: #35297B url('img/sidebarBG.gif') repeat-y top left;
}

#sidebar h3
{
    color: #F4793F;
    text-align: center;
}

#sidebarContent
{
    width: 120px;
    margin: 0 auto;
}
#sidebarContent p
{
    text-align:center;
    color:#ffffff;
}
#sidebarContent p a
{
    color:#ffffff;
    font-style:italic; 
    font-size:13px;
    text-decoration:none;
}
#sidebarContent p a:hover
{
    text-decoration:underline;
}

#sidebarContent p .selected 
{
    color: #F4793F;
}
#sidebarContent ul
{
    list-style:none;
    padding: 0 5px;
}
#sidebarContent ul li
{
    padding: 5px 0;
    color: #ffffff;
}

.rightContent
{
    width: 440px;
    float: left;
    margin:10px 15px;
    border-bottom: dashed 1px #AAAAAA;
}
.rightContent p
{
    padding:0 5px;
}
.sectionTitle
{
    color: #F4793F;
    font-weight:bold;
}
.imgServices
{
    width:336px;
    margin:0 auto;
}
.imgServices div
{
    float:left;
    text-align:center;
    padding:12px;
}
.imgServices div a
{
    text-decoration:none;
    color:#35297B;
}
.imgServices div img
{
    width:54px;
    height:54px;
    border:none;
}
.listServices
{
    padding: 10px;
}
.listServices ul
{

    list-style:none;
    line-height:1.8em;
}
.portfolioTitle
{
    float:left;
    width:440px;
    color: #F4793F;
    font-weight:bold;
    border-bottom:dashed 1px #aaaaaa;
}
#portfolio .show
{
    display:block;
}
#portfolio .hide
{
    display:none;
}
#portfolio .Panel
{
    padding:0 0 20px 0;
    margin:0 auto;
    width:440px;
}
#portfolio .mod_h4
{
    border-bottom:dashed 1px #aaaaaa;
    padding-bottom:2px;
    font-size:12px;
    cursor:pointer;
    font-weight:bold;
    color:#F4793F;
}
#portfolio .mod_h4 .h4_left
{
    text-align:left;
    padding:0px;
    margin:0px;
    width:200px;
    float:left;
}
#portfolio .mod_h4 .h4_right
{
    text-align:right;
    padding:0px;
    margin:0px;
    width:100px;
    float:right;
    font-size:11px;
    font-weight:normal;
    color:#aaa;
}
#portfolio .desc
{
    padding:0px;
    cursor:pointer;
    font-size:11px;
    color:#999999;
}
#portfolio .display
{
    padding-top:.5em;
    margin:10px auto 10px 1em;
    text-align:center;
    float:left;
}
#portfolio .display .imgLeft
{
    width:50%;
    float:left;
}
#portfolio .display img
{
    padding:15px;
   /* margin-left:10px;*/
    border:none;
}
#portfolio .display .imgRight
{
    width:50%;
    float:left;
}

/* ----- clear fix for floats ----- */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* hides clearfix from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* end hide from IE-mac */