* { margin: 0; padding: 0; }

body { 
    background: url(../images/bg.jpg) repeat-x;
    background-attachment: fixed;
    color: #4c493e;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    letter-spacing: .5px; 
    line-height: 20px;
}

img { border: none; }
    
/* Headings */
div#content h2.frontPage {
    color: #032366;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin: -2px auto 5px auto;
}

div#content h3.frontPage {
    color: #7c6f3f;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 16px;
    font-weight: bold;
}

div#content h1 {
    border-bottom: 1px solid #c3bca0; 
    color: #032366;
    display: block;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 26px;
    margin: auto auto 10px auto;
    padding: 0 0 5px 0;
    width: 100%;
}

div#content h2 {
    color: #032366;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    margin: 8px auto 5px auto;
}

div#content h3 {
    color: #7c6f3f;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 16px;
    font-weight: bold;
}

div#Left h2 {
    color: #032366;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    margin: 8px auto 5px auto;
}

div#Left h3 {
    border-bottom: 1px solid #7c6f3f;
    color: #7c6f3f;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 16px;
    font-weight: bold;
    width: 65%;
}

div#content h3.Underlined, div#content h3.Underlined a, div#content h3.Underlined a:hover, div#content h3.Underlined a:active, div#content h3.Underlined a:visited {
    border-bottom: 1px solid #c3bca0;
    color: #7c6f3f;
    cursor: pointer;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 16px;
    font-weight: bold;
    width: 85%;
}

div#content h2.accordionHead {
    border-left: 3px solid #c3bca0;
    border-bottom: 1px solid #c3bca0;
    color: #032366;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    margin: 8px auto 5px auto;
    padding: 2px;
    text-decoration: none;
}

div#content h2.accordionHeadCurrent, div#content h2.accordionHeadCurrent a, div#content h2.accordionHeadCurrent a:active, div#content h2.accordionHeadCurrent a:visited, h2.accordionHeadCurrent a:hover {
    border-left: 3px solid #c3bca0;
    border-bottom: 1px solid #c3bca0;
    color: #7c6f3f;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-variant: small-caps;
    font-size: 18px;
    font-weight: bold;
    line-height: 16px;
    margin: 8px auto 5px auto;
    padding: 2px;
    text-decoration: none;
}

div#subNavContainerBlock div.FloatL h2 a { border: none; }
/* End of Headings */

/* Begin Anchor Styling */
div#content div#contentLeft div a { border-bottom: none; text-decoration: none; }
div#contentRight div.frame a, div#contentRight div.frame a:hover { border: none; margin: 0; padding: 0; }
div div#main div#hdr a { color: #ffffff; }

div#content a, div#content a:visited, div#content a:active {
    border-bottom: 1px dotted #032366;
    color: #032366;
    padding-bottom: 1px;
    text-decoration: none;
    
}

div#content a:hover, div#content a:visited:hover, div#content a:active:hover {
    border-bottom: 1px solid #032366;
    color: #7c6f3f;
    padding-bottom: 1px;
    text-decoration: none;
    
}

#footer a {
    color: #4c493e;
    padding: 0 2px 0 2px;
    text-decoration: none;
}

#footer a:hover {
    background: #4c493e;
    color: #ffffff;
    padding: 0 2px 0 2px;
    text-decoration: none;
} 
/* End Anchor Styling */ 

/* Begin Paragraph Styling */
div#content p {
    font-size: 12px;
    line-height: 20px;
    margin: auto auto 20px auto;
} 

div#content div#contentLeft p {
    font-size: 12px;
    line-height: 20px;
    margin: auto auto 20px auto;
}    

div#content div#contentRight p {
    color: #4c493e;
    padding: 0 0 10px 0;
    font-size: 12px;
    line-height: 14px;
    margin: auto auto 5px auto;
    text-align: left;
    width: 100%;
}

div#content div#content p { margin: 5px auto; }
/* End Paragraph Styling */

/* Begin List Styling */
div#spaced ul li { margin-bottom: 10px; }

#content ul {
    margin-left: 30px;
    line-height: 22px;
}

#content ul ul {
    margin-left: 50px;
}

ul#awards li { margin-bottom: 10px; }

div#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_divErrMsg ul li { 
    background: #fcd8d9;
    color: #666666;
    list-style-type: none;
    list-style-image: url(../images/li_arrow_error.png);
	margin-bottom: 1px;
	padding: 2px;
}
/* End List Styling */

/* Begin HR Styling */
div#content hr { 
    border: 0;
    background: #c3bca0;
    color: #c3bca0;
    height: 1px;
    margin: auto;
    text-align: center;
    width: 50%;
}

div#content div#contentRight hr { 
    border: 0;
    background: #c3bca0;
    color: #c3bca0;
    height: 1px;
    margin: 5px auto;
    text-align: center;
    width: 100%;
}
/* End HR Styling */

/* Begin Structure */
#Container {
    margin: 1px auto;
    width: 758px;
}

#mainTop {
    background: url(/images/main_top.png) no-repeat;
    height: 10px;
    margin: 0 auto;
    width: 758px;
}

#main {
    background: url(/images/main_bg.png) repeat-y;
    margin: 0 auto;
    padding: 0 9px;
    width: 740px;
}

#hdr {
    background: #ffffff;
    border-left: 1px solid #d9d5c5;
    border-bottom: 1px solid #43423d;
    border-right: 1px solid #d9d5c5; 
    height: 99px;
    margin: auto;
    width: 738px;
}

#navContainer {
    border-left: 1px solid #d9d5c5;
    border-right: 1px solid #d9d5c5;
    background: url(/images/nav_bg.png) repeat-x;
    height: 43px;
}

#content {
    background: #ffffff;
    border: 1px solid #c3bca0;
    float: left;
    margin: 2px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    width: 698px;     
}

#contentLeft {
    float: left;
    padding-right: 10px;
    width: 475px;
    
}

#contentRight {
    border-left: 1px solid #c3bca0;
    float: right;
    padding: 0 0 0 10px;
    width: 202px;
}
    
#footer {
    background: #c3bca0;
    border-top: 1px solid #ffffff;
    clear: both;
    color: #ffffff;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    font-size: 16px;
    font-variant: small-caps;
    height: 8px;
    padding: 5px 10px 15px 10px;
    width: 720px;
}

#mainBtm {
    background: url(/images/main_btm.png) no-repeat;
    height: 10px;
    margin: 0 auto;
    width: 758px;
}


#footerMsg {
    background: url(../images/footer.png) no-repeat;
    cursor: pointer;
    margin: auto auto 150px auto;
    width: 740px;
}
/* End Structure */

/* Begin Navigation */
/* Top Navigation */
#navWrapper { height: 41px; margin: auto; }

div#navWrapper img { margin: auto 10px; }                    
  
#mainNav {
    margin: auto;
    height: 41px;
    width: 680px;
}

ul#mainNav li {
    display: block;
    float: left;
    list-style: none;
    margin: auto 5px;
}

ul#mainNav li a {
    border: none;
    display: block;
    height: 43px;
    text-decoration: none;
    width: 103px;
}

#navAbout a { background: url(../images/navSprite.png); }
#navAbout a:hover {  background: url(../images/navSprite.png) -103px; }
#navServices a { background: url(../images/navSprite.png) -206px; }
#navServices a:hover { background: url(../images/navSprite.png) -309px; }
#navWhy a { background: url(../images/navSprite.png) -412px; } 
#navWhy a:hover { background: url(../images/navSprite.png) -515px; }
#navProjects a { background: url(../images/navSprite.png) -618px; }
#navProjects a:hover { background: url(../images/navSprite.png) -721px; } 
#navCareers a { background: url(../images/navSprite.png) -824px; } 
#navCareers a:hover { background: url(../images/navSprite.png) -927px; } 
#navContact a { background: url(../images/navSprite.png) -1030px; }
#navContact a:hover { background: url(../images/navSprite.png) -1133px; }
/* End Top Navigation */
/* Begin Sub Menus */
#content #subNavContainer #navlist, #content #subNavContainer #navlist1, #content #subNavContainer #navlist2, #content #subNavContainer #navlist3, #content #subNavContainer #navlist4 {
   margin: auto auto 10px auto;
}

#content #subNavContainerBlock #navlist, #content #subNavContainerBlock #navlist1, #content #subNavContainerBlock #navlist2, #content #subNavContainerBlock #navlist3, #content #subNavContainerBlock #navlist4 {
    margin: auto auto auto auto;
}    

#content ul#navlist li a, #content ul#navlist1 li a, #content ul#navlist2 li a, #content ul#navlist3 li a, #content ul#navlist4 li a { 
    height: 20px;
    margin-right: 3px;
    padding: 3px; 
}

#content #subNavContainer ul {
    color: #4c493e;
    float: left;
    font-size: 12px;
    line-height: 24px;
    list-style-type: none;
    margin: auto auto 10px auto;
    text-align: left;
    width: 100%;
}

#content #subNavContainerBlock ul {
    color: #4c493e;
    float: left;
    font-size: 12px;
    line-height: 24px;
    list-style-type: none;
    text-align: left;
    width: 100%;
}

#content #subNavContainer li { display: inline; }
#content #subNavContainerBlock li { display: block; }
#content #subNavContainerBlock { margin: auto auto 20px auto; }

#content #subNavContainer li a, #content #subNavContainerBlock li a {
    background-color: #ffffff;
    border-bottom: 1px solid #c3bca0;
    border-left: 3px solid #c3bca0;
    color: #4c493e;
    margin: auto auto 2px auto;
    text-decoration: none;
}

#content #subNavContainer li a:hover, #content #subNavContainer li a#current, #content #subNavContainerBlock li a:hover, #content #subNavContainerBlock li a#current {
    background-color: #c3bca0;
    border-bottom: 1px solid #4c493e;
    border-left: 3px solid #4c493e;
    color: #4c493e;
}
/* End Sub Menus */
/* Begin Employee Login Menu */
#employeeNav, #employeeNav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#employeeNav a {
    display: block;
    width: 140px;
}

#employeeNav li {   
    float: left;
    width: 142px;
}

#employeeNav li ul {
    background: #ffffff;
    border: 1px solid #c3bca0;
    height: 80px;
    left: -999em;
    position: relative;
    width: 144px;
}

#employeeNav li:hover ul {
    left: auto;
    padding: 2px;
}

#employeeNav li:hover ul, #employeeNav li.sfhover ul {
	left: auto;
	padding: 2px;
}
/* End Employee Login Menu */
/* End Navigation */

/* Image Frames */
div#contentLeft .frame { margin-top: 10px; }
div#contentRight .frame { margin-bottom: 10px; }

.frame {
    border: 1px solid #c3bca0;
    padding: 5px;
}  
   
.frameCenterL {
    border: 1px solid #c3bca0;
    float: left;
    margin: auto 10px 10px auto; 
    padding: 5px;
}

.frameCenterR {
    border: 1px solid #c3bca0;
    float: right;
    margin: auto auto 10px auto; 
    padding: 5px;
}
    
.frameLeft {
    border: 1px solid #c3bca0;
    float: left;
    margin: auto 15px 10px auto;
    padding: 5px;
} 
.frameRight {
    border: 1px solid #c3bca0;
    float: right;
    margin: auto auto 10px 15px;
    padding: 5px;
}
/* End Image Frames */ 

/* Begin Indented Blocks */
.indentedBlock {
    background: #ddd9c9;
    border-left: 5px solid #c3bca0;
    margin: 5px 5px 5px 15px;
    padding: 5px;
    width: 40%;
}

div#Left .indentedBlock {
    background: #ddd9c9;
    border-left: 5px solid #c3bca0;
    margin: 5px 5px 5px 15px;
    padding: 5px;
    width: 80%;
}

.indentedContact {
    background: #ddd9c9;
    border-left: 5px solid #c3bca0;
    margin: 5px 0;
    padding: 5px;
    width: 80%;
}
/* End Indented Blocks */

/* General Styling */
.bold { font-weight: bold; padding: 3px 0 10px 0;}

.Caption { 
    background: #ddd9c9;
    color: #4c493e;
    font-size: 10px;
    font-style: italic;
    line-height: 14px;
    padding: 2px;
    text-align: center;
}

.clientListC
{
    float: left;
    border-right: 1px solid #c3bca0; 
    border-left: 1px solid #c3bca0; 
    margin: auto 10px 10px 10px;
    padding: 0 10px;
    width: 232px;
}

.clientListL
{
    float: left;
    margin: auto auto 10px auto;
    width: 212px;
}

.clientListR    
{
    float: left;
    margin: auto auto 10px auto;
    width: 212px;
}

.contactInfo
{
    border-left: 5px solid #ffffff;
    margin: 5px 0;
    padding: 5px;
    width: 80%;
}

.dropCap {
    color: #7c6f3f;
    float: left;
    font-size: 60px;
    font-family: Garamond, Georgia, Palatino Linotype, Times New Roman, Serif;
    line-height: 40px;
} 

.FloatL { float: left; width: 174px; }
.gold { color: #7c7040; font-weight: bold; } 
.hidden { display: none; }
.Left { float: left; width: 100%; }
.Right { text-align: right; }
.shown { display: inline; }

SPAN#current {
    background-color: #c3bca0;
    border-bottom: 1px solid #4c493e;
    border-left: 3px solid #4c493e;
    color: #4c493e;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    list-style-type: none;
    margin-bottom: -20px;
    padding: 3px;
}

#Left {
    float: left;
    padding-right: 10px;
    width: auto;
    
}

#Right {
    border-left: 1px solid #c3bca0;
    float: right;
    padding: 0 0 0 10px;
    width: auto;
}

#Welcome {
    height: 39px;
    margin: auto auto 10px auto;
    width: 470px;
}

#Thanks {
	margin: auto;
	text-align: center;
	width: 65%;
}
/* End General Styling */