html, body { 
    background-color:#000000; 
    background-image:url(../images/mainBG.jpg); 
    background-repeat:repeat-x; 
    color:white; 
    font-family:Helvetica; 
    font-size:10px; 
    margin:0 auto; 
    padding:0 0 20px; 
    text-align:center; 
    position:relative;
} 

p { 
    line-height:1.5em; 
} 

a {
    color:white;
}

h3 
{
    color:#666666;
    font-size:11px;
    padding:0px 0px 8px;
}

img.banner { 
    border-bottom:1px solid #666666; 
    display:block; 
} 

div#logo { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent url(../images/logo.png) no-repeat scroll center top; 
    height:576px; 
    left:0; 
    position:absolute; 
    top:0; 
    width:100%; 
} 

#header {
    background-image:url(../images/header2.jpg);
    background-repeat:no-repeat;
    height:122px;
    left:0px;
    top:0px;
    position:absolute;
    width:1000px;
}
#BioPageHeader {
    background-image:url(../images/headerBioPages.jpg);
    background-repeat:no-repeat;
    height:122px;
    left:0px;
    top:0px;
    position:absolute;
    width:1000px;
}


div#navBar {
    background-image:url(../images/navBarBG.jpg);
    background-repeat:repeat-x;
    border:1px solid #333333;
    height:28px;
    left:0;
    margin:0 auto;
    position:absolute;
    text-align:center;
    top:122px;
    width:998px;
    z-index:600;
}

#navLinks {
    color:white;
    display:block;
    font-size:11px;
    font-weight:bold;
    margin:9px auto 0;
    padding:0;
    text-align:center;
    text-transform:uppercase;
    z-index:600;
}

#navLinks a {
    color:white;
    text-decoration:none;
}

#navLinks a:hover {
    color:white;
    text-decoration:underline;
}

div#container { 
    margin-left:auto; 
    margin-right:auto; 
    position:relative; 
    text-align:center; 
    width:1000px; 
} 

div#content { 
    background-color:#000000; 
    left:0; 
    margin:0 auto; 
    padding:20px 0 28px; 
    position:relative; 
    text-align:center; 
    top:150px; 
    width:1000px; 
    z-index:200; 
} 

div#navSection_right  {
    float:right;
    width:212px; 
    margin:0 20px 20px; 
    position:relative; 
}

div#navSection_left {
    float:left;
    width:212px; 
    margin:0 20px 20px; 
    position:relative; 
}

div.topRightCornerBlack, div.topRightCornerGray { 
    background-image:url(../images/blackTRBorderRoundedCorner.gif); 
    height:30px; 
    position:absolute; 
    right:0; 
    top:0; 
    width:8px; 
    z-index:500; 
} 

div.topLeftCornerBlack, div.topLeftCornerGray { 
    background-image:url(../images/blackTLBorderRoundedCorner.gif); 
    height:30px; 
    left:0; 
    position:absolute; 
    top:0; 
    width:8px; 
    z-index:500; 
} 

div.bottomRightCornerBlack, div.bottomRightCornerGray { 
    background-image:url(../images/blackBRBorderRoundedCorner.gif); 
    bottom:0; 
    height:8px; 
    position:absolute; 
    right:0; 
    width:8px; 
    z-index:500; 
} 

div.bottomLeftCornerBlack, div.bottomLeftCornerGray { 
    background-image:url(../images/blackBLBorderRoundedCorner.gif); 
    bottom:0; 
    height:8px; 
    left:0; 
    position:absolute; 
    width:8px; 
    z-index:500; 
} 

div.sectionHeader { 
    background-image:url(../images/sectionBorderHeader.jpg); 
    height:30px; 
    position:relative; 
    text-align:left; 
    width:100%; 
    z-index:100; 
} 

div.sectionFooter { 
    background-image:url(../images/sectionBorderFooter.jpg); 
    bottom:0; 
    height:2px; 
    left:0; 
    position:absolute; 
    width:100%; 
    z-index:1; 
} 

div.sectionTitle { 
    color:white; 
    font-size:15px; 
    font-weight:bold; 
    padding-left:10px; 
    padding-top:6px; 
    width:100%; 
    z-index:100; 
} 


#sectionMain 
{ 
    margin:0 0 8px 20px; 
   font-family:Verdana,Arial,Helvetica,sans-serif; 
    height:auto !important; 
    padding:0; 
    position:relative; 
    text-align:left; 
    width:728px; 
} 

#sectionMain_inner { 
    border:2px solid #656565; 
} 

#sectionMain .content {
    width:708px;  
    padding:10px;
    font-size:11px;
}

#sectionMain .content_gray {
    width:704px;;  
    padding:10px;
    font-size:11px;
	background-color:#141414; 
}


/* sectionContent styles */
div#sectionSidebar { 
    background-color:#0D0D0D; 
    border-left:2px solid #656565; 
    border-right:2px solid #656565; 
    float:left; 
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    height:auto !important; 
    margin:-3px 0 0; 
    min-height:306px; 
    padding:0; 
    position:relative; 
    text-align:left; 
    width:208px; 
} 

div#sectionSidebar #VideoContent { padding:12px; }


div#sectionSidebar a { 
    color:white; 
    font-weight:bold; 
    text-decoration:underline; 
} 

div#sectionSidebar a.more { 
    color:white; 
    text-decoration:none; 
    text-transform:uppercase; 
} 

div#sectionSidebar a.more:hover { 
    text-decoration:underline; 
} 

div#sectionSidebar .head { 
    cursor:pointer; 
    display:block; 
    font-size:10px; 
    font-weight:bold; 
    margin:0; 
    padding:15px 12px 14px; 
    text-transform:uppercase; 
    border-top:1px solid #666666;
} 

div#sectionSidebar .head:hover { 
    background-image:url(../images/sectionContentHover.png); 
    background-position:left center; 
    background-repeat:repeat-y; 
} 

.element { 
    background-image:none; 
    padding-left:10px; 
    border-bottom: 1px solid #666666;
} 

.arrow { 
    background-color:transparent; 
    background-image:url(../images/arrowRight.gif); 
    background-position:left center; 
    background-repeat:no-repeat; 
    vertical-align:middle; 
    width:12px; 
    height:8px;
    display:inline;
} 
.toggle_closed .arrow {    background-image:url(../images/arrowRight_sm.gif); }
.toggle_open .arrow {    background-image:url(../images/arrowDown.gif);  }

/* end sectionContent styles */

div#footer { 
    background-image:url(../images/footerBG.jpg); 
    background-repeat:repeat-x; 
    border:1px solid #333333; 
    bottom:0; 
    font-size:11px; 
    font-weight:bold; 
    height:28px; 
    left:0; 
    margin:0 auto; 
    padding:0; 
    position:absolute; 
    text-align:center; 
    text-transform:uppercase; 
    width:998px; 
} 

/*slideshow styles*/
.slideshowSection 
{
    text-align:left;
    float:left; 
    height:254px; 
    margin:0 0 8px 20px; 
    position:relative; 
    width:728px; 
} 

.slideClass_outer { 
    border:2px solid #666666; 
    height:250px; 
    width:724px;  
    z-index:50;
} 

.slideClass_inner 
{
    height:250px; 
    width:724px;  
   overflow:hidden;
}

.seeThruHeader { 
    background-image:url(../images/header.png); 
    background-repeat:repeat-x; 
    border-top:2px solid #666666; 
    height:30px; 
    left:0; 
    position:absolute; 
    text-align:left; 
    top:0; 
    width:100%; 
    z-index:100; 
} 

div.slider { 
    background-image:url(../images/slider.png); 
    background-position:left bottom; 
    background-repeat:no-repeat; 
    bottom:2px; 
    height:27px; 
    position:absolute; 
    right:2px; 
    text-align:center; 
    width:89px; 
    z-index:100; 
} 

div.slider a img { 
    border:medium none; 
} 

div.slider div.arrowleft { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent url(../images/arrowLeft.gif) no-repeat scroll right center; 
    cursor:pointer; 
    float:left; 
    height:26px; 
    margin-top:2px; 
    position:relative; 
    width:35px; 
} 

div.slider div.arrowRight { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent url(../images/arrowRight.gif) no-repeat scroll left center; 
    cursor:pointer; 
    float:right; 
    height:26px; 
    margin-top:2px; 
    position:relative; 
    width:35px; 
} 
/* end slideshow styles */



/* tabs */
div.tabContent { 
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    padding:10px;
    padding:0; 
    position:relative; 
    text-align:left; 
} 

div.tabContent h2 { 
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif; 
    font-size:16px; 
    font-weight:bold; 
    margin:0 0 10px; 
} 

.customTabStyle 
{
    position:relative;
}

        /*A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. */
.customTabStyle .ajax__tab_header 
{
    text-align:left;
    height:28px;
    background-image:url(../images/tabBack.gif);
    background-position:bottom;
    background-repeat:repeat-x;
    color:#666666;
}

        /*This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. */
.customTabStyle .ajax__tab_hover 
{
    color:#FFFFFF;
}

        /*This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. */
.customTabStyle .ajax__tab_active 
{
    color:#FFFFFF;
}

        /*An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner.*/
.ajax__tab_outer 
{
    height:28px;
    background-image:url(../images/tabInactive_left2.gif);
    background-position:top left;
    background-repeat:no-repeat;
}
.customTabStyle .ajax__tab_hover .ajax__tab_outer, .customTabStyle .ajax__tab_active .ajax__tab_outer 
{
    background-image:url(../images/tabActive_left.gif);
}

        /*An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab.*/
.ajax__tab_inner
{
    margin-left:8px;
    height:inherit;
     background-image:url(../images/tabInactive_right2.gif);
    text-align:center;
    background-position:top right;
    background-repeat:no-repeat;
}
.customTabStyle .ajax__tab_hover .ajax__tab_inner, .customTabStyle .ajax__tab_active .ajax__tab_inner 
{
     background-image:url(../images/tabActive_right.gif);
}

        /*An element of the tab that contains the text content. Child CSS classes:none.*/
.customTabStyle .ajax__tab_tab 
{
   text-align:center;
   vertical-align:middle;
   padding-right:8px; 
   min-width:120px;
   height:28px;
    text-transform:uppercase;
    font-size:10px;
    font-weight:bold;
    line-height:28px;
}

        /*A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none.*/
.customTabStyle .ajax__tab_body 
{
    text-align:left;
    border-left:2px solid #666666; 
    border-right:2px solid #666666;
    border-bottom:2px solid #666666;
    border-top: 2px none #666666;
    z-index:50;
    height:inherit;
    padding:15px;
	background-color:#141414;
}


/* end tab styles*/


/*case Studies */
div.caseStudiesContent { 
    font-family:Verdana,Arial,Helvetica,sans-serif; 
    margin:35px 0px 0px 0px; 
    padding:0; 
    text-align:left; 
} 

div.caseStudiesButtons { 
    display:block; 
    float:left; 
    margin:0; 
    padding:0; 
    position:relative; 
    width:245px; 
} 

div.caseStudiesPic { 
    height:140px; 
    margin:10px; 
    padding:0; 
} 

div.caseStudiesDesc { 
    float:left; 
    font-size:10px; 
    line-height:14px; 
    margin:10px 0 10px 10px; 
    padding:0; 
    width:570px; 
} 

div.caseStudiesDesc h2 { 
    font-size:12px; 
    font-weight:bold; 
    margin:0 0 10px; 
} 

div.caseStudiesContent span { 
    border:0 none; 
    display:none; 
    float:left; 
    margin:10px 0 0; 
    padding:0 0 0 5px; 
    text-align:left; 
    width:205px; 
} 
/* end case studies styles */


div.BGseeThruHeader { 
    background-image:url(../images/header.png); 
    background-repeat:repeat-x; 
    border-top:2px solid #666666; 
    height:30px; 
    left:0; 
    position:absolute; 
    text-align:left; 
    top:0; 
    width:100%; 
    z-index:100; 
} 

div.BGseeThruHeader h1 { 
    color:#FFFFFF; 
    font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif; 
    font-size:30px; 
    font-weight:bold; 
    margin:0; 
    padding:0px 0 0 12px; 
} 

div.topRightCornerGray { 
    background-image:url(../images/grayTRBorderRoundedCorner.gif); 
} 

div.topLeftCornerGray { 
    background-image:url(../images/grayTLBorderRoundedCorner.gif); 
} 

div.bottomRightCornerGray { 
    background-image:url(../images/grayBRBorderRoundedCorner.gif); 
} 

div.bottomLeftCornerGray { 
    background-image:url(../images/grayBLBorderRoundedCorner.gif); 
} 

div.backImgHolder div.topRightCornerGray, div.backImgHolder div.topLeftCornerGray, div.backImgHolder div.bottomRightCornerGray, div.backImgHolder div.bottomLeftCornerGray {
    z-index:498; 
} 

div.backImgHolder { 
    float:left; 
    position:relative; 
    width:248px; 
} 

div.backImgHolder img { 
    z-index:0; 
} 

div.backImgHolder img { 
    border-color:#666666 #666666;
    border-style:solid solid none; 
    border-width:2px 2px 0; 
} 

div.careerSection {
    background-image:url(../images/greyBar.gif);
    background-repeat:no-repeat;
    margin-bottom:16px;
    padding-left:18px;
}

div#careerContainer h2 {
    border-bottom:1px solid #666666;
    color:#FFFFFF;
    font-size:12px;
    font-weight:bold;
    margin:0 0 4px;
    padding:0 0 2px;
}

div.galleryArticle {
    clear:both;
    height:auto !important;
    margin:10px;
    min-height:142px;
    overflow:hidden;
    position:relative;
    width:650px;
    text-align:left;
}

div.galleryArticle h1 {
    clear:right;
    color:#FFFFFF;
    float:left;
    font-family:Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    font-size:16px;
    margin:0;
    padding:0 0 10px 20px;
    position:relative;
}

div.galleryArticle p {
    float:right;
    margin:0;
    padding:0 0 0 20px;
    position:relative;
    width:382px;
}

div.backContactHolder { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:#0D0D0D none repeat scroll 0 0; 
    float:left; 
    padding:10px 20px 20px; 
    position:relative; 
    width:196px; 
} 


div.backFormHolder { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:#0D0D0D none repeat scroll 0 0; 
    float:right; 
    margin-bottom:20px; 
    padding:10px 20px 20px; 
    position:relative; 
    width:420px; 
} 

div.backFormHolder p { 
    clear:both; 
    margin:6px 0; 
} 

.submitButton { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent url(../images/submitButton.gif) repeat scroll 0 0; 
    border:medium none; 
    cursor:pointer; 
    height:31px; 
    margin-left:auto; 
    margin-right:auto; 
    width:125px; 
} 

div.backFormHolder #submit:hover { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:transparent url(../images/submitButtonOver.gif) repeat scroll 0 0; 
} 


div.leftSide { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:#666666 none repeat scroll 0 0; 
    height:100%; 
    left:0; 
    position:absolute; 
    top:0; 
    width:2px; 
    z-index:499; 
} 

div.rightSide { 
    -moz-background-clip:border; 
    -moz-background-inline-policy:continuous; 
    -moz-background-origin:padding; 
    background:#666666 none repeat scroll 0 0; 
    height:100%; 
    position:absolute; 
    right:0; 
    top:0; 
    width:2px; 
    z-index:499; 
} 

div.aboutImgHeader { 
    background-image:url(../images/sectionBorderFooter.jpg); 
    height:2px; 
    left:0; 
    position:absolute; 
    top:0; 
    width:100%; 
    z-index:499; 
} 


div#backpageWraper { 
    padding:20px 9px; 
} 

.clearit { 
    clear:both; 
    font-size:0; 
    height:0; 
    line-height:0; 
} 

.whiteContent a {color:#0000FF}