/* -----------------
 Tags
 ------------------*/
body {
    color: #333;
    font: 10pt Arial, sans-serif;
    margin: 0;
    background: url('../media/interface/column.png') left top repeat-y;
}

a {
    text-decoration: underline;
    color: #4876af;
}

a:visited {
    color: #2a466a;
}

a.client:hover {
    background-color: #09c !important;
}

a:hover {
    text-decoration: none;
}

img {
    border: none;
}

p {
    padding: 0 0 1em;
}

.clear {
    clear: both;
    height: 0;
}

#recentProjects {
    font-size: 10px;
    line-height: 14px;
    float: right;
    margin-bottom: 8px;
    margin-left: 12px;
    padding: 10px;
    padding-left: 10px;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#recentProjects img {
    float: left;
    display: inline;
    padding-right: 5px;
}

#recentProjects h4 {
    font-size: 11px;
    font-weight: normal;
    font-variant: small-caps;
    color: #666666;
    margin: 0 0 10px -2px;
    background: #eeeeee;
    padding: 2px;
}

#recentProjects h3 a {
    color: #7499D5;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

#recentProjects h5 a {
    margin: 2px;
    text-align: center;
    font-size: 11px;
    font-variant: small-caps;
}

h1 {
    color: #FFFFFF;
    background: url(../media/images/bg_h1.jpg) repeat-x;
    height: 27px;
    padding: 3px 10px 5px 0;
    font: normal 18px Arial, Helvetica, sans-serif;
    margin: 0px 0px -10px 0px;
}

h1 a, h1 a:visited {
    text-decoration: none;
    color: #FFFFFF;
}

h3 {
    font-size: 14px;
    color: #0099CC;
    margin-bottom: 3px;
    margin-top: 5px;
}
/* -----------------
 Class
 ------------------*/
.text13 {
    font-size: 13px;
    color: #333;
    line-height: 20px;
}

#text11 {
    font-size: 11px;
    margin-top: -27px;
    font-weight: bold;
}

.projTDtoprow {
    font-size: 11px;
    font-weight: bold;
    color: #777;
    border-bottom: 2px solid #09c;
    padding-left: 3px;
    background: #eee;
}

.projListing {
    font-size: 11px;
    background-color: #fff;
}

.companyListing {
    border-top: 2px solid #09c;
    padding: 5px;
    font-size: 11px;
    line-height: 17px;
}

.companyListing img {
    float: right;
    padding-right: 5px;
    padding-bottom: 5px;
}

.companyListing p {
    margin: 0;
}

.tdLeftBorder {
    border-left: 1px solid #CCCCCC;
    font-size: 11px;
    padding-left: 10px;
}

.employment {
    padding: 0;
    margin: 0;
}

.employment th {
    background-color: #008ec1;
    color: #fff;
}

.employment th, .employment td {
    padding: 2px 4px;
    border: 1px solid #333;
}

.viewAll {
    font-size: 10px;
    font-style: italic;
    color: #333;
}

.viewAll a {
    color: #999;
}
/* -----------------
 Id
 ------------------*/
#container {
    width: 100%;
    margin: 0;
    padding: 0;
}

#content {
    margin: 0 0 0 155px;
    padding: 1em;
    width: 800px;
    line-height: 23px;
    font-size: 12px;
}

#content p {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

#content input, #content select {
    font-size: 11px;
}

#subNav {
    float: right;
    font-size: 10px;
    color: #CCCCCC;
}

#subNav a {
    padding: 0 3px;
    color: #7499D5;
    text-decoration: underline;
}

#subNav a:hover {
    text-decoration: none;
}

#header {
    padding: 0;
    margin: 0;
    background-color: #fff;
    height: 250px;
}

#footer {
    height: 40px;
    clear: both;
    padding: 20px 10px 5px 170px;
    margin: 0;
    font-size: 10px;
    color: #999999;
    background: url(../media/images/footer_logo.png) no-repeat;
    line-height: 21px;
}

#footer a {
    color: #fff;
    padding-right: 2px;
    padding-left: 2px;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: none;
}

#extra1 {
    position: absolute;
    height: 36px;
    width: 34px;
    background-image: url('../media/interface/gray_i.png');
    background-repeat: no-repeat;
    right: 20px;
    top: 275px;
}

#flashnav {
    background: #008ec1 url('../media/interface/headerbg.png') top left repeat-y;
    border-top: 5px solid #e5f2f7;
    border-bottom: 5px solid #e5f2f7;
    height: 160px;
}

#flash1 {
    background-color: #000066;
    float: left;
}

#flash2 {
    background-color: #000066;
    float: right;
}

#columnA {
    width: 150px;
    float: left;
}

#projImg {
    width: auto;
    float: right;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
    margin-bottom: 10px;
    margin-left: 15px;
    border: 0;
    background: #009999;
}

#projImg img {
    padding: 3px;
}

#projImg a {
    text-decoration: none;
    color: #fff;
}

#projListing {
    padding-right: 10px;
}

#projListing a {
    padding: 2px 8px 2px 4px;
    text-decoration: none;
    background-color: #fff;
}

#projListing a:hover {
    color: #fff;
    background-color: #09c;
}

#pdfLink {
    background: url(../media/images/bg_pdf.png) no-repeat;
    font-size: 11px;
    padding-left: 60px;
    height: 35px;
    padding-top: 18px;
    margin-left: 10px;
    margin-bottom: 25px;
}

#pdfLink a {
    font-weight: bold;
    color: #003399;
}

#contactLink {
    background: url(../media/images/icon_contact.png) no-repeat;
    font-size: 11px;
    padding-left: 75px;
    height: 35px;
    padding-top: 16px;
    margin-left: 10px;
    margin-bottom: 25px;
}

#contactLink a {
    font-weight: bold;
    color: #003399;
}

#clientLogo {
    padding: 0 5px 5px 0;
}

#featuredProject {
    float: right;
    color: #999999;
    background-color: #eeeeee;
    font-size: 11px;
    line-height: 19px;
    margin: 5px 0 15px 15px;
    border: 1px solid #666666;
}

#featureProject img {
    border: 0;
    text-decoration: none;
}

#featuredProject h4 {
    font-size: 12px;
    color: #FFFFFF;
    background-color: #00CCCC;
    padding: 2px 0 2px 5px;
    margin-bottom: 0px;
    border-bottom: #FFFFFF thin solid;
}

.featClients {
    font-size: 9px;
    color: #666666;
}

#nextButton {
    float: right;
}

#clientButtons {
    margin-top: 10px;
    clear: both;
}

.linkNetwork {
    width: 650px;
    position: absolute;
    margin-left: -2000px;
}

#copyright {
    padding-left: 2em;
}

#copyright a {
    color: #999999;
}

#copyright p {
    line-height: .25em;
}

#footerLink {
    position: absolute;
    padding-top: 10px;
    margin-top: 300px;
    font-size: 9px;
    color: #999999;
}

#footerLink p {
    margin: 0;
    padding: 0;
}

#footerLink a {
    color: #999999;
}

#headInfo {
    position: absolute;
    top: -500px;
    left: -500px;
}

#links {
    line-height: 14px;
    font-size: 9px;
}

#homeSlogan {
    font-weight: normal;
    font-size: 22px;
    color: #7499D5;
    line-height: 33px;
    padding: 0px 10px 10px 0px;
}

#homeSlogan a:hover {
    text-decoration: underline;
}

#topNav {
    position: absolute;
    margin-left: -2000px;
}

td.projListing a.client:hover {
    background-color: #09c;
}

td.categoryListing a.category:hover {
    background-color: #09c;
}

div#contactLink.other {
    background: url('../media/images/icon_contact_back.png') no-repeat;
}