﻿/** ============================== **
 **           Mass Reset           **
 ** ============================== **/
 
/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset, div { margin: 0; padding: 0; }

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 1em 0;
    padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote { margin-left: 1em; }

/* Miscellaneous conveniences: */
form label { cursor: pointer; }
fieldset { border: none; }

/* Form field text-scaling */
input, select, texarea { font-size: 100%; }
/***** End Mass Reset *****/


/***** BEGIN ASI STYLES *****/
body { font-size: 11pt; font-family: Candara, Trebuchet MS, Arial; background: #453a30; color: #404040; } 

/***** GLOBAL STYLES *****/
#page-wrapper { margin: 0; padding: 0; }
#content-wrapper { margin: 0; padding: 10px 0; background: white; }
#content { margin: 0 auto; padding: 20px; width: 910px; }
#content h1 { margin: 0 auto 10px auto; padding-top: 10px; text-transform: capitalize; text-align: center; }
#content h2 { margin: 0 0 5px 0; padding-top: 10px; }
#content p { margin: 0 0 10px 0; }
#content p a, #content p a:visited { color: #324873; }
.tbl-2col-910-wrapper { width: 910px; }
.left-col-2col { padding-right: 50px; width: 525px; }
.right-col-2col { width: 375px; display: }
fieldset { margin: 0; padding: 5px 10px; border: solid 1px #666666; }
fieldset legend { margin: 0 0 5px 0; padding: 0; font-weight: bold; }

/***** TITLE *****/
#title-wrapper { height: 126px; background: #282d33; }
#title-wrapper #title { margin: 0 auto; width: 950px; height: 126px; background: url(../images/layout/title.jpg); }
#title-wrapper #title #nav-links { margin: 0 auto; padding: 50px 0 0 0; width: 950px; }
#title-wrapper #title #nav-links ul { margin: 0; padding: 0; list-style-type: none; float: right; }
#title-wrapper #title #nav-links ul li { float: left; padding-left: 10px; }
#title-wrapper #title #nav-links ul li a, #nav-links ul li a:visited { color: #b7c3c3; text-decoration: none; font-size: 10pt; }
#title-header-spacer { height: 5px; background: url(../images/layout/title-header-spacer.jpg) repeat-x; }
#header-wrapper { height: 224px; background: white; }
#header { margin: 0 auto; width: 950px; height: 224px; }
#header-left-col { padding: 20px 30px; width: 436px; color: #404040; }
#header-left-col h2 { margin: 0 0 10px 0; padding: 0; text-transform: capitalize; }
#header-left-col { margin: 5px 0 0 0; }
#header-right-col { width: 354px; padding-right: 100px; }
#header-right-col img { padding: 1px; border: solid 1px black; background: white; }

/***** FOOTER *****/
#footer-wrapper { padding: 20px 0; background: #453a30; color: White; font-size: 9pt; }
#footer { margin: 0 auto; width: 950px; }
#footer-links {  }
#footer-links ul { margin: 0; padding: 0; list-style-type: none; float: right; }
#footer-links ul li { float: left; padding-left: 15px; }
#footer-links ul li a, #footer-links ul li a { text-decoration: none; color: White; }

/***** ABOUT *****/
.team-img { padding-bottom: 20px; width: 154px; }
.team-img img { padding: 1px; background: white; border: solid 1px #666666; width: 150px; }
.team-content { padding: 0 0 20px 20px; width: 796; }
.team-content h2 { margin: 0 0 5px 0; padding: 0 !important; }
.team-content p { margin: 0 0 10px 0; padding: 0; }

/***** ACCORDION *****/
.accordion { padding: 2px; border: solid 2px #404040; background: #f2f0f1; }
.accordion-cell { background: #f2f0f1; color: Black; }
.accordion-header { margin-bottom: 3px; padding: 5px; background: url(../images/layout/white-box-top-bg.jpg) repeat-x top; font-weight: bold; cursor: pointer; font-size: 11pt; }
.accordion-content { padding: 0 5px 5px 5px; font-size: 10pt; }

/***** TABS *****/
#tabs { margin-top: 30px; border: solid 1px #404040; width: 908px; }
.tab-header 
{ 
    padding: 5px; 
    border-right: solid 1px #404040;
    border-bottom: solid 1px #404040; 
    height: 39px; 
    width: 221px;
    background: url(../images/layout/tab-header-no-select-bg.jpg) repeat-x top; 
    font-weight: bold; 
    cursor: pointer; 
    color: White;
    font-size: 12pt; 
    text-align: center;
}
.tab-header-selected 
{ 
    padding: 5px; 
    padding-bottom: 6px; 
    border-right: solid 1px #404040; 
    border-bottom: 0; 
    height: 37px; 
    width: 221px;
    background: url(../images/layout/white-box-top-bg.jpg) repeat-x top; 
    font-weight: bold; 
    cursor: pointer; 
    font-size: 12pt; 
    text-align: center;
}
.tab-contents { background: #f2f0f1; }
.tab-cell { margin: 0; padding: 15px 20px 5px 20px; width: 868px; font-size: 10pt;  background: #f2f0f1; }

/***** PORTFOLIO *****/
.proj-container { margin: 0 0 10px 0; padding: 0; }
.proj-container h3 { margin: 0 0 5px 0; padding: 0; }
.proj-container h3 a, .proj-container h3 a:visited { color: #324873; }
.proj-tbl { display: table; }
.proj-img-col { padding: 0 0 10px 0; width: 154px; display: table-cell; vertical-align: top; }
.proj-img-col img { padding: 1px; background: white; border: solid 1px #666666; }
.proj-content-col { padding: 0 0 10px 10px; }
.proj-content-col p { margin: 0 0 10px 0; padding: 0; }
.proj-content-col ul { margin-top: -10px; padding: 0 0 0 10px; } 
