*
{
    margin: 0px;
    padding: 0px;
}

body
{
    margin: 0px;
    padding: 0px;
    background: #FFFFFF; /*font-size: 62.5%;*/
    font-family: "Century Gothic" , Arial,Verdana, "Trebuchet MS" , helvetica, Sans-Serif;
    color: #000000;
    text-align: center; /*    behavior: url(   "csshover.htc" );*/
}

a
{
    color: #4284B0;
    background-color: inherit;
    text-decoration: none;
}

a:hover
{
    color: #9EC068;
    background-color: inherit;
}

h1, h1, h3
{
    font: bold 1em 'Trebuchet MS' , Arial, Sans-Serif;
    color: #333;
}

h1
{
    font-size: 1.5em;
    color: #6297BC;
}

h2
{
    font-size: 1.4em;
}

h3
{
    font-size: 1.3em;
}

#wrap
{
    background: #FFF;
    width: 980px;
    margin: 0 auto;
    text-align: left;
}

#header
{
    position: relative;
    width: 980px;
    height: 108px;
    background: #FFF url(../images/header.jpg) no-repeat;
    float: left;
}

#header #logo
{
    position: absolute;
    margin: 0px;
    padding: 0px;
    top: 35px;
    left: 10px;
    z-index: 5;
}

#header #rhstext
{
    position: absolute;
    margin: 0px;
    padding: 0px;
    bottom: 10px;
    right: 0px;
    text-align: right;
    color: #83939E;
    font-size: 63%;
}

#content-wrap
{
    clear: both;
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    float: left;
    width: 980px;
    font-size: 62.5%;
    margin-bottom: 55px;
}

#main
{
    float: left;
    padding: 0px;
    width: 680px;
    min-height: 440px;
}

#singlemain
{
    width: 980px;
    padding: 0px;
    margin: 0px;
    float: left;
}

#sidebar
{
    float: right;
    width: 285px;
    margin-left: 15px;
    padding: 0px;
    min-height: 440px;
}

/****** Menu Rules *******/
#menu
{
    position: relative;
    width: 790px; /*  margin-top: 65px;*/
    margin-top: -55px;
    padding: 0px;
    text-align: left;
    float: left;
    z-index: 2;
    height: 170px;
}

/********************************/
/****** Start Studio Menu *******/
/********************************/
#menu .mi
{
    display: block;
    position: relative;
    float: left;
    width: 275px;
    height: 300px;
    font-family: 'Century Gothic';
}

#menu .mi .md
{
    display: block;
    position: absolute;
    top: 31px;
    left: 120px;
    float: left;
    width: 120px;
}

/* Studio Menu is .sm */
#menu .mi .md .sm
{
    visibility: hidden;
    display: block;
    position: absolute;
    top: 18px;
    left: 0px;
    width: 110px;
    height: 81px;
    margin: 0px;
    padding: 0px 0px 40px 10px;
    background-color: #ddd;
    z-index: 2;
}

/* Studio list of items */
#menu .mi .md .sm ul
{
    visibility: hidden;
    list-style: none;
    width: 100px;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* Studio menu items */
#menu .mi .md .sm ul li
{
    margin: 4px 0px;
    text-align: left;
    font-size: 0.6em;
    line-height: 12px;
    padding-bottom: 7px;
}

/* Studio menu item links */
#menu .mi .md .sm ul li a
{
    display: block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

/*  Studio - bt = big text that appears when you hover */
#menu .mi .md .bt
{
    visibility: hidden;
    display: block;
    position: absolute;
    top: -30px;
    left: -120px;
    color: #DBD3C9;
    font-size: 3.1em;
    letter-spacing: 2px;
    z-index: 3;
}

/* Studio - st = small text above the menu drop down */
#menu .mi .md .st
{
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0px 0px -4px;
    font-size: 1.0em;
    color: #907250;
    z-index: 4;
}

/* Studio - shows menu if current page is studio item */
#menu .mi .current .sm, #menu .mi .current .sm ul, #menu .mi .current #content-slider
{
    visibility: visible;
}

/* Studio - this turns on the menu, list, and scrollbar when hovering over region */
#menu .mi .md:hover .sm, #menu .mi .md:hover #content-slider, #menu .mi .md:hover .sm ul
{
    visibility: visible;
}

/* Studio - turn on the big text when hovering */
#menu .mi .md:hover .bt
{
    visibility: visible;
    display: block;
}

/* Studio - turns on big text if currently on a studio page */
#menu .mi .current .bt
{
    visibility: visible;
    display: block;
}

/* menu link behaviors for Studio Menu */
#menu .mi .md .sm ul li a:hover
{
    color: #FFFFFF;
}

#menu .mi .md .sm ul li a.current
{
    color: #FFFFFF;
}
/*********************************/
/******* End Studio Menu *********/
/*********************************/


/***************************/
/******* Work Menu *********/
/***************************/
/*Defining the rules that are the sections of the scrollable elements */
#content-sliderWork
{
    margin-top: 18px;
    width: 4px;
    height: 121px;
    background: #B05016;
    position: relative;
    float: right;
    margin-right: 54px;
    visibility: hidden;
}
.content-slider-handleWork
{
    position: absolute;
    left: -14px;
    width: 30px;
    height: 15px;
    /*
    background: black;
    border: solid 1px black;
    width: 12px;
    height: 4px;
    */
    background-image: url(/images/thumb.png);
}
#content-scrollWork
{
    height: 120px;
    overflow: hidden;
    float: left;
}
#content-holderWork
{
    width: 80%;
    height: 100px;
}
/*Done defining the rules that are the sections of the scrollable elements */

#menu .mi2
{
    display: block;
    position: relative;
    float: left;
    width: 340px;
    height: 300px;
    font-family: 'Century Gothic';
}

#menu .mi2 .md2
{
    display: block;
    position: absolute;
    top: 31px;
    left: 120px;
    float: left;
    width: 220px;
}

/* Work Menu is .sm2 */
#menu .mi2 .md2 .sm2
{
    visibility: hidden;
    display: block;
    position: absolute;
    top: 18px;
    left: 0px;
    width: 184px;
    height: 81px;
    margin: 0px;
    padding: 0px 0px 40px 10px;
    background-color: #ddd;
}

/* Work list of items */
#menu .mi2 .md2 .sm2 ul
{
    visibility: hidden;
    list-style: none;
    width: 182px;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* Work menu items */
#menu .mi2 .md2 .sm2 ul li
{
    margin: 4px 0px;
    text-align: left;
    font-size: 0.6em;
    line-height: 12px;
    padding-bottom: 7px;
}

/* Work menu item links */
#menu .mi2 .md2 .sm2 ul li a
{
    display: block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

/*  Work - bt2 = big text that appears when you hover */
#menu .mi2 .md2 .bt2
{
    visibility: hidden;
    display: block;
    position: absolute;
    top: -30px;
    left: -90px;
    color: #DBD3C9;
    font-size: 3.1em;
    letter-spacing: 2px;
    z-index: 3;
}

/* Work - st2 = small text above the menu drop down */
#menu .mi2 .md2 .st2
{
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0px 0px -4px;
    font-size: 1.0em;
    color: #907250;
    z-index: 4;
}

/* Work - shows menu if current page is work item */
#menu .mi2 .current .sm2, #menu .mi2 .current .sm2 ul, #menu .mi2 .current #content-sliderWork
{
    visibility: visible;
}

/* Work - this turns on the menu, list, and scrollbar when hovering over region */
#menu .mi2 .md2:hover .sm2, #menu .mi2 .md2:hover .sm2 ul, #menu .mi2 .md2:hover #content-sliderWork
{
    visibility: visible;
}

/* Work - turn on the big text when hovering */
#menu .mi2 .md2:hover .bt2
{
    visibility: visible;
    display: block;
}

/* Work - turns on big text if currently on a work page */
#menu .mi2 .current .bt2
{
    visibility: visible;
    display: block;
}

/* menu link behaviors for work Menu */
#menu .mi2 .md2 .sm2 ul li a:hover
{
    color: #FFFFFF;
}

#menu .mi2 .md2 .sm2 ul li a.current
{
    color: #FFFFFF;
}
/*******************************/
/******* End Work Menu *********/
/*******************************/




/***************************/
/******* FTP Menu **********/
/***************************/
/*Defining the rules that are the sections of the scrollable elements */
#content-sliderFTP
{
    margin-top: 18px;
    width: 4px;
    height: 121px;
    background: #B05016;
    position: relative;
    float: right;
    visibility: hidden;
}
.content-slider-handleFTP
{
    position: absolute;
    left: -14px;
    width: 30px;
    height: 15px;
    /*
    background: black;
    border: solid 1px black;
    width: 12px;
    height: 4px;
    */
    background-image: url(/images/thumb.png);
}
#content-scrollFTP
{
    height: 120px;
    overflow: hidden;
    float: left;
}
#content-holderFTP
{
    width: 80%;
    height: 100px;
}
/*Done defining the rules that are the sections of the scrollable elements */

#menu .mi3
{
    display: block;
    position: relative;
    float: left;
    width: 170px;
    height: 300px;
    font-family: 'Century Gothic';
}

#menu .mi3 .md3
{
    display: block;
    position: absolute;
    top: 31px;
    left: 80px;
    float: left;
    width: 90px;
}

/* FTP Menu is .sm3 */
#menu .mi3 .md3 .sm3
{
    visibility: hidden;
    display: block;
    position: absolute;
    top: 18px;
    left: 0px;
    width: 80px;
    height: 81px;
    margin: 0px;
    padding: 0px 0px 40px 10px;
    background-color: #ddd;
}

/* FTP list of items */
#menu .mi3 .md3 .sm3 ul
{
    visibility: hidden;
    list-style: none;
    width: 70px;
    margin: 0px;
    padding: 0px;
    border: none;
}

/* FTP menu items */
#menu .mi3 .md3 .sm3 ul li
{
    margin: 4px 0px;
    text-align: left;
    font-size: 0.6em;
    line-height: 12px;
    padding-bottom: 7px;
}

/* FTP menu item links */
#menu .mi3 .md3 .sm3 ul li a
{
    display: block;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

/*  FTP - bt3 = big text that appears when you hover */
#menu .mi3 .md3 .bt3
{
    visibility: hidden;
    display: block;
    position: absolute;
    top: -30px;
    left: -45px;
    color: #DBD3C9;
    font-size: 3.1em;
    letter-spacing: 2px;
    z-index: 3;
}

/* FTP - st3 = small text above the menu drop down */
#menu .mi3 .md3 .st3
{
    position: absolute;
    top: 0px;
    left: 10px;
    margin: 0px 0px -4px;
    font-size: 1.0em;
    color: #907250;
    z-index: 4;
}

/* FTP - shows menu if current page is FTP item */
#menu .mi3 .current .sm3, #menu .mi3 .current .sm3 ul, #menu .mi3 .current #content-sliderFTP
{
    visibility: visible;
}

/* FTP - this turns on the menu, list, and scrollbar when hovering over region */
#menu .mi3 .md3:hover .sm3, #menu .mi3 .md3:hover .sm3 ul, #menu .mi3 .md3:hover #content-sliderFTP
{
    visibility: visible;
}

/* FTP - turn on the big text when hovering */
#menu .mi3 .md3:hover .bt3
{
    visibility: visible;
    display: block;
}

/* FTP - turns on big text if currently on a FTP page */
#menu .mi3 .current .bt3
{
    visibility: visible;
    display: block;
}

/* menu link behaviors for FTP Menu */
#menu .mi3 .md3 .sm3 ul li a:hover
{
    color: #FFFFFF;
}

#menu .mi3 .md3 .sm3 ul li a.current
{
    color: #FFFFFF;
}
/******************************/
/******* End FTP Menu *********/
/******************************/

/*#dSM_1, #dSM_2, #dSM_3 {
    float: left;
    position: relative;
    height: 100px;
    overflow: hidden;
}

#dSM_1 {
    width: 92px;
}

#dSM_2 {
    width: 192px;
}

#dSM_3 {
    width: 62px;
}

#dSMc_1, #dSMc_2, #dSMc_3 {
    position: absolute;
    top: 0px;
    left: 0px;
}

#dSLD_1, #dSLD_2, #dSLD_3 {
    float: left;
    visibility: hidden;
    width: 11px;
    height: 100px;
}

.menuitem
{
    margin: 0px 5px 0px 5px;
    float: left;
    position: relative;
    z-index: 10;
    font-size: 1em;
    display: block;
    text-align: left;
    width: 150px;
    text-align: right;
}

.menuitem .normaltext
{
    margin: 0px 0px 0px -20px;
    color: #333333;
}

.menuitem .bigtext
{
    margin: 0px;
    padding: 0px;
    font-size: 2.0em;
    letter-spacing: 2px;
    visibility: hidden;
    color: #D5D1CE;
}

.menuitem .menuitems
{
    position: absolute;
    visibility: hidden;
    z-index: -500;
    color: #000000;
    text-align: right;
    width: 100%;
    top: 35px;
    left: 0px;
}

.menuitem:hover
{
    border: 0;
    z-index: 500;
}

.menuitem:hover .bigtext
{
    visibility: visible;
}

.menuitem:hover .menuitems
{
    visibility: visible;
    z-index: 500;
}

.menuitem:hover .bigtextcurrent
{
    visibility: visible;
}

.menuitem:hover .menuitemscurrent
{
    visibility: visible;
    z-index: 500;
}

a.innernavlinks, a.innernavlinks:visited, a.innernavlinks:active
{
    width: 100%;
    color: #000000;
    text-decoration: none;
}

a.innernavlinks:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

a.internavlinks .current
{
    color: #FFFFFF;
    text-decoration: none;
}*/

#ProjectInfo
{
    width: 980px;
    margin: 0px auto;
    padding: 0px;
}

#ProjectInfo .ProjectDescription
{
    float: left;
    width: 705px;
    height: 335px;
    margin: 0px;
    padding: 0px;
    border-right: solid 15px #b05016;
}

#ProjectInfo .PMTitleDesc, #ProjectInfo .PMTitleSel
{
    float: left;
    width: 685px;
    height: 35px;
    margin: 0px;
    padding: 15px 10px 0px;
    background-color: #683015;
    color: #ffffff;
    text-align: right;
}

#ProjectInfo .PMTitleSel
{
    width: 215px;
    text-align: left;
}

#ProjectInfo .PMBodyDesc, #ProjectInfo .PMBodySel
{
    float: left;
    width: 685px;
    height: 225px;
    margin: 0px 0px 30px;
    padding: 15px 10px 0px;
    border-bottom: solid 15px #e8a04c;
    overflow: auto;
}

#ProjectInfo .PMBodySel
{
    width: 215px;
}

#ProjectInfo .ProjectSelect
{
    float: left;
    width: 220px;
    height: 335px;
    margin: 0px 0px 0px 10px;
    padding: 0xp;
    border-left: solid 15px #b05016;
}


#footer
{
    /*clear: both;*/
    color: #FFFFFF;
    background-color: #907250;
    margin: 0px;
    padding: 0px;
    margin-top: 65px;
    height: 115px;
    position: relative;
    width: 980px;
    float: left;
    z-index: 1; /*margin-top:-245px;    */
}

#footer #citiscape
{
    position: absolute;
    bottom: 115px;
    right: 15px;
    z-index: 5;
}

#footer #contactinfo
{
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-align: right;
    color: #000;
    font-size: .6em;
}

#footer a
{
    color: #0B223B;
    text-decoration: none;
}

#footer a:hover
{
    cursor: hand;
}

.sideimg
{
}

.sideimg:hover
{
    background-color: White;
    opacity: .40;
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
}

.imgCurrent
{
    opacity: .40;
    filter: alpha(opacity=40);
    -moz-opacity: 0.40;
}

.vishidden
{
    visibility: hidden;
}

.sbImages
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: none;
}

.sbImages .sbImage
{
    margin: 0px 0px 15px 0px;
    padding: 0px;
    height: 74px;
}

.sbImages .sbImage img
{
    margin: 0px;
    padding: 0px;
    border: none;
}

.sbImages .sbImage img:hover
{
    background-color: #ffffff;
    filter: alpha(opacity=40);
    opacity: 0.40;
    -moz-opacity: 0.40;
    -khtml-opacity: 0.40;
}

.sbImages .sbImage img.current
{
    background-color: #ffffff;
    filter: alpha(opacity=40);
    opacity: 0.40;
    -moz-opacity: 0.40;
    -khtml-opacity: 0.40;
}

/*#sideimages
{
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}

#sideimages:hover
{
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
}

#sideimages li:hover
{
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
}

#sideimages li#current
{
    opacity: 0.4;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
}*/

.pagelabel
{
    font-size: small;
    color: #A0B5D0;
    font-weight: bold;
}

.detailslabel
{
    background-color: #ffffff;
    text-decoration: none;
    color: #242424;
    font-size: small;
}

.detailslabel:hover
{
}

.selecteddetailslabel
{
    background-color: #ffffff;
    text-decoration: none;
    color: #B7AFA8;
    font-size: small;
}

.selecteddetailslabel:hover
{
}

input.loginbutton
{
    font-size: 15px;
    font-weight: bold;
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    border: none;
    font-family: Verdana, Arial, Sans-Serif;
    color: #A0B5D0;
}

input.loginbutton:hover
{
    font-size: 15px;
    font-weight: bold;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
    color: #E89F4B;
}

#outul
{
    top: -55px;
    position: relative;
    list-style: none;
    float: left;
    width: 980px;
    margin: 0px;
    padding: 0px;
    display: block;
}

/* Define the rules that are the sections of the scrollable elements */
.menuSection
{
    height: 115px;
    margin-top: 24px;
    top: 31px;
    left: 80px;
    float: left;
    width: 150px;
    visibility: hidden;
}
#content-slider
{
    margin-top: 18px;
    width: 4px;
    height: 121px;
    background: #B05016;
    position: relative;
    float: right;
    visibility: hidden;
    z-index: 3;
    margin-right: 128px;
}
.content-slider-handle
{
    position: absolute;
    left: -14px;
    width: 30px;
    height: 15px;
    /*
    background: black;
    border: solid 1px black;
    */
    background-image: url(/images/thumb.png);
}
#content-scroll
{
    height: 120px;
    overflow: hidden;
    float: left;
}
#content-holder
{
    width: 80%;
    height: 100px;
}
.content-item
{
    font-size: 0.6em;
    width: 80%;
    height: 10px;
    padding: 5px;
    float: left;
}
/*Done defining the rules that are the sections of the scrollable elements */