body, td
{
    font-family: Verdana;
    font-size: 9pt;
    color: #000000;
}
td img
{
    display: block;
}

a:link
{
    color: #db4948;
    text-decoration: underline;
    font-weight: bold;
}

a:visited
{
    color: #990000;
    text-decoration: underline;
    font-weight: bold;
}

a:hover
{
    color: #8f9294;
    text-decoration: underline;
    font-weight: bold;
}

a:active
{
    color: #8f9294;
    text-decoration: underline;
    font-weight: bold;
}

ul
{
	list-style:none;	
}

.myclass
{
    font-size: 14px;
    font-weight: bold;
}

.mysmalltext
{
    font-size: 9px;
}
.poster
{
    padding-right: 30px;
    padding-bottom: 40px;
    vertical-align: top;
    text-align: center;
}
td.poster img
{
    display: inline;
}
ul.tweakproject
{
    width: 650px;
}
ul.tweakproject li
{
    display: inline;
    position: relative;
    border: none;
    margin: 1px;
    padding-bottom: 30px;
    padding: 0px;
}
ul.tweakproject li img
{
    display: inline;
    width: 105px;
    height: 105px;
}

table.page-nav
{
    margin-left: 116px;
    padding-bottom: 1.2em;
}
table.page-nav td
{
    padding: 0;
    font-size: 10px;
    text-align: center;
    vertical-align: bottom;
}

table.nav td h5
{
    font-size: 13px;
    text-align: right;
}
table.nav td h5 a
{
    padding-right: 5px;
}
h1
{
    display: block;
    margin: .6em 0 0 0;
    float: left;
    font-size: 24px;
    line-height: 22px;
    color: #db4645;
    letter-spacing: -1px;
}
h1.block
{
    padding: 0;
    float: none;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash
{
    visibility: visible !important;
    margin: 0;
}

.sIFR-replaced
{
    visibility: visible !important;
}

span.sIFR-alternate
{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
{
    display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1
{
    visibility: hidden;
    font-size: 22px;
    line-height: 24px;
    padding-right: 4px; /*    letter-spacing: -1px;*/
}
a.toplink:link, a.toplink:visited
{
    color: #FFFFFF;
    font-family: arial, helvetica, sans-serif;
    font-size: 1em;
    text-decoration: none;
    padding-right: 9px;
}
a.toplink:hover
{
    color: #FFFF33;
}

a.toplink2:link, a.toplink2:visited
{
    color: #FFFFFF;
    font-family: arial, helvetica, sans-serif;
    font-size: 1em;
    text-decoration: none;
    margin-left: 330px;
    background: #cc3333;
    padding: 3px 10px 2px 10px;
}
a.toplink2:hover
{
    color: #FFFF33;
}

hr.sp_menu
{
    background: #666666;
    border: none;
    width: 90%;
    height: 1px;
}

/* CSS for event gallery photos */

#contentcase
{
    background: #CCC;
    height: 99%;
    min-height: 425px;
    font-size: 12px;
    border-top: 1px solid #CC0000;
    border-bottom: 1px solid #999;
    width: 800px;
    padding: 0 0 25px 0;
}

#casestudies
{
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    width: 798px;
    border-bottom: 3px solid #CC0000;
    border-right: 1px solid #CC0000;
    border-left: 1px solid #CC0000;
    background: url(/files/site6/images/gallery/gallery_menu_bg.jpg) repeat-x bottom #FFFFFF;
}
* html #casestudies
{
    width: 800px;
}

#casestudies ul.subsection_tabs
{
    list-style: none;
    margin: 0;
    padding: 0;
    clear: both;
    border-bottom: none;
    height: 21px;
    background: transparent;
    clear: both;
}
* html #casestudies ul.subsection_tabs
{
}
/*IE6 and below rule*/

#casestudies ul.subsection_tabs li
{
    float: left;
    margin-right: 0px;
    text-align: center;
    font-size: 11px;
}
* html #casestudies ul.subsection_tabs li
{
    line-height: 21px;
}
/*IE6 and below rule*/

#casestudies ul.subsection_tabs li a
{
    float: left;
    display: block;
    height: 21px;
    padding: 9px 15px 0 17px;
    background: url(/files/site6/images/gallery/black_arrow.gif) no-repeat left 51% transparent;
    color: #666;
    text-decoration: none;
}
* html #casestudies ul.subsection_tabs li a
{
    padding: 4px 15px 6px 17px;
}
/* IE 6 rule*/

#casestudies ul.subsection_tabs li a:hover
{
    background: url(/files/site6/images/gallery/red_arrow.gif) no-repeat left 51% transparent;
    color: #CC0033;
    text-decoration: none;
    padding: 9px 15px 0 17px;
}
* html #casestudies ul.subsection_tabs li a:hover
{
    padding: 4px 15px 6px 17px;
    border: none;
}
/* IE 6 rule*/

#casestudies ul.subsection_tabs li a.active
{
    background: url(/files/site6/images/gallery/red_arrow.gif) no-repeat left 51%;
    color: #CC0033;
    padding: 9px 15px 0 17px;
}
* html #casestudies ul.subsection_tabs li a.active
{
    padding: 4px 15px 6px 17px;
}
/* IE 6 rule*/

#casestudies ul.subsection_tabs li a.active:hover
{
    background: url(/files/site6/images/gallery/red_arrow.gif) no-repeat left 51%;
    color: #CC0033;
    padding: 9px 15px 0 17px;
}
* html #casestudies ul.subsection_tabs li a.active:hover
{
    padding: 4px 15px 6px 17px;
}
/* IE 6 rule*/

.case-content
{
    margin-top: 20px;
    margin-left: 20px;
    border: none;
}
* html .case-content
{
    padding-top: 0;
}

.casestudies-right
{
    float: left;
    margin: 15px 0 0 0;
    width: 769px;
    border: none;
}
* html .casestudies-right
{
    width: 769px;
    margin: 0 0px 0 0;
}
* html .casestudies-right img
{
    border: 2px solid #CC0000;
}

ul.gallery
{
    padding: 0 0 0 0px;
    margin: 0;
}
ul.gallery li
{
    display: inline;
    position: relative;
    border: none;
    margin: 1px;
    padding-bottom: 25px;
}
ul.gallery li img
{
    display: inline;
    width: 75px;
    height: 75px;
}

/* **************Lighthouse Styles ******************* */

#lightbox
{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}

#lightbox a img
{
    border: none;
}

#outerImageContainer
{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}

#imageContainer
{
    padding: 10px;
}

#loading
{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#hoverNav
{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#imageContainer > #hoverNav
{
    left: 0;
}
#hoverNav a
{
    outline: none;
}

#prevLink, #nextLink
{
    width: 49%;
    height: 100%;
    background: transparent url(/files/site6/images/gallery/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
}
#prevLink
{
    left: 0;
    float: left;
}
#nextLink
{
    right: 0;
    float: right;
}
#prevLink:hover, #prevLink:visited:hover
{
    background: url(/files/site6/images/gallery/prevlabel.gif) left 15% no-repeat;
}
#nextLink:hover, #nextLink:visited:hover
{
    background: url(/files/site6/images/gallery/nextlabel.gif) right 15% no-repeat;
}


#imageDataContainer
{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
}

#imageData
{
    padding: 0 10px;
    color: #666;
}
#imageData #imageDetails
{
    width: 70%;
    float: left;
    text-align: left;
}
#imageData #caption
{
    font-weight: bold;
}
#imageData #numberDisplay
{
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#imageData #bottomNavClose
{
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}

#overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #000;
}