BODY{
    background-color:#FFFFFF;
    font-family:Palatino Helvetica Sans-Serif;
    font-size:.9em;
    font-weight:normal;
    margin-left:0;
    margin-top:0;

}

A.linkPortfolio{
    height:auto;
    width:auto;
}
A.linkCategory {
    color : inherit;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : 1.1em;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    letter-spacing : .1em;
    text-decoration:none;
    line-height:2.4em;
}

A.linkCategory:HOVER {
    color : inherit;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : 1.1em;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    letter-spacing : .1em;
    text-decoration : underline;
    line-height:2.4em;
}

A.linkCategorySel {
    color : inherit;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : 1.1em;
    font-style : italic;
    font-variant : normal;
    font-weight : bold;
    letter-spacing : .1em;
    text-decoration:none;
    line-height:2.4em;
}

A.mailLink{
    color : #666699;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : .85em;
    font-weight : normal;
    text-decoration : none;
}
A.mailLink:HOVER{
    color : #666633;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : .85em;
    font-weight : normal;
    text-decoration : underline;
}
A.linkAbout{
    font-family :Palatino Helvetica Sans-Serif;
    font-size : 1em;
    color : inherit;
    text-decoration:none;
}

A.linkAbout:HOVER{
    font-family :Palatino Helvetica Sans-Serif;
    font-size : 1em;
    color : #666699;
    text-decoration:underline;
}

A.linkPortfolio{
    font-family :Palatino Helvetica Sans-Serif;
    font-size : 1em;
    color : inherit;
    text-decoration:none;
    text-decoration : underline;
    line-height:2.4em;
}

.homepage{
    background-color:inherit;
    margin-top: 10px;
    margin-left:250px;
    width:auto;
    height:auto;
}

.pageclass{
    background-color:inherit;
    margin-top: 10px;
    margin-left:150px;
    margin-right:150px;
    width:auto;
    height:560px;
    overflow:hidden;
}

DIV#header{
    position:relative;
    top: 5px;
    height: 60px;
    width : 800px;
    left : 50px;

}
DIV#headerHome{
    position:relative;
    top: 5px;
    height: 60px;
    width : 800px;
    left : 50px;

}
DIV.containerHome{
    border-top : thin solid #666699;
    width : 790px;
    /*height : 550px;*/
    left : 5px;
    top: 5px;
    overflow : hidden;
    position:relative;
    z-index : 1;
    background-color:inherit;
}

DIV#contentHome{
    width : 820px;
    /*height : 600px;*/
    left : 50px;
    top: 0px;
    overflow : hidden;
    position:relative;
    background-color : inherit;
}

DIV.container{
    border-top: thin solid #666699;
    width : 820px;
    height : 460px;
    left : 50px;
    top: 5px;
    overflow : auto;
    position:relative;
    z-index : 1;
    background-color : inherit;
    padding-top:5px;
}


DIV#content{
    width : 900px;
    height : 420px;
    left : 50px;
    top: 5px;
    overflow : auto;
    position:relative;
    background-color : inherit;
}
DIV#footer{
    position:relative;
    width:500px;
    left:50px;
    height : 60px;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : .9em;
    color : #cccc33;
    text-align:center;

}

DIV.logo{
    left : -5px;
    top : 20px;
    position : relative;
    width : 350px;
    height : 40px;
    overflow : hidden;
    float : left;
}

DIV.logoTemp{
    left : 1px;
    top : 20px;
    position : relative;
    width : 350px;
    height : 40px;
    overflow : hidden;
    float : left;
    cursor:hand;
}

DIV.imgHolderTop{
    position : relative;
    width : 252px;
    height : 252px;
    overflow : hidden;
    float : right;
    border : thin dashed #666699;
    padding: 1px 1px 1px 2px;
}

DIV.imageHolder{
    position : relative;
    float:none;
    width : 600px;
    height : 90px;
    overflow : hidden;
    border-top : thin dashed #666699;
    border-bottom : thin dashed #666699;
    padding: 1px 1px 1px 2px;
}

.imgHolderHome{
    /*position : relative;*/
    float:left;
    width : 250px;
    height : 200px;
    overflow : hidden;
    padding: 5px 4px 4px 3px;
    display:block;
}
.imgHolderPortfolio{
    /*position : relative;*/
    float:left;
    width : 200px;
    height : 180px;
    overflow : hidden;
    padding: 5px 4px 4px 3px;
    display:block;
}



DIV.imgHolderBottom{
    position : relative;
    width : 252px;
    height : 252px;
    overflow : hidden;
    float : right;
    border-right : thin dashed #666699;
    padding: 1px 1px 1px 2px;
}

DIV.navigation{
    position : absolute;
    top : 50px;
    height : 8px;
    width : 230px;
    left : 620px;
    overflow:hidden;
    background-color:inherit;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : .9em;
    float : right;
}

DIV.navigationShow{
    position : absolute;
    top : 19px;
    height : 60px;
    width : 230px;
    left : 620px;
    z-index : 1;
    background-color:inherit;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : .9em;
    float : right;
    overflow:hidden;
}

DIV.copyright{
    top : 10px;
    left : 145px;
    position : relative;
    text-align : inherit;
    width : 400px;
    text-align :center;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : inherit;
    color : #3E4B54;
}

DIV.images{
    top : 600px;
    position : absolute;
    left : 60px;
    height : 105px;
    width : 878px;
    color : #73777B;
    border-top : thin solid #666699;
    overflow:auto;
}
DIV.pageTextHorizontal{
    border-bottom : thin solid #666699;
    border-top : thin solid #666699;
    top : 65px;
    position : absolute;
    left : 60px;
    height : 50px;
    width : 878px;
    overflow:hidden;
    padding-top:0;
}

DIV.rightColumn{
    position:relative;
    top : 30px;
    height : 510px;
    width : 200px;
    overflow:hidden;
    padding-top:0;
    padding-right:30px;
    padding-left: 10px;
    line-height:1.2em;
    z-index:100;
    float:right;
    font-size:1.1em;
    border-left: thin solid #666699;
}

DIV.leftColumn{
    position:absolute;
    top : 5px;
    height : 450px;
    width : 95px;
    overflow:hidden;
    padding-top:0;
    margin-left:20px;

    line-height:1.2em;
    z-index:100;
    float:left;
    border-right: thin solid #666699;
}

DIV.displayImage{
    position : absolute;
    left : 115px;
    height : 450px;
    width : 680px;
    overflow:auto;
    float:right;
    padding-left:10px;
    /*background-color:#777A7F;*/
    background-color: inherit;
    padding-top:0px;
}
DIV.contactAbout{
    top : 75px;
    position : absolute;
    left : 60px;
    height : 520px;
    width : 878px;
    overflow:auto;
    background-color : #777A7F;
    padding-top : 2px;
}
DIV.aboutclass{
    margin-top:25px;
    margin-left: 120px;
    margin-right:100px;
    width : 460px;
    height : 300px;
    left : 5px;
    top: 5px;
    overflow : auto;
    position:relative;
    background-color : inherit;
    font-size: 1.2em;
    line-height: 1.5em;
}

DIV.portfoliohome{
    margin-top:50px;
    /*: 160px;
    margin: 5px;*/
    width:  400px;
    height : 300px;
    top: 5px;
    left: 240px;
    overflow : hidden;
    position:relative;
    background-color : inherit;
    float:inherit;
    vertical-align:middle;
}

IMG.dispImage{
    visibility:hidden;
}
IMG.tnImg{
    cursor: pointer;
}

IMG.image{
    cursor: pointer;
    padding-left : 4px;
    padding-right : 4px;

}

DIV.navigation1{
    position : absolute;
    top : 15px;
    height : 30px;
    left : 160px;
    width : 75px;
    border : thin solid #cccc33;
    z-index : 2;
    background-color : #cccc33;
    color : White;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : .9em;
    padding-top:7px;
    visibility : hidden;
}

DIV.navigation2{
    position : absolute;
    top : 15px;
    height : 30px;
    left : 755px;
    width : 75px;
    border : thin solid #cccc33;
    z-index : 3;
    background-color : #cccc33;
    color : White;
    font-family :Palatino Helvetica Sans-Serif;
    font-size : .9em;
    padding-top:7px;
    visibility : hidden;
}

SPAN.portfoliolink{
    cursor:pointer;
    font-size:1em;
}

.thumbnail{
    width: 135px;
    height : 135px;
    overflow : hidden;
    margin:1px 30px 25px 1px;
    border:none;
    display:block;
    float:left;
    text-align:center;
}

.thumbnail img{
    height:155px;
    width:155px;

}

IMG.icon{
    margin: 7px 0px 4px 0px;
    text-align:center;
    border:none;
    z-index:1;
}

IMG.iconSel{
    padding: 6px 0px 3px 0px;
    text-align:center;
    border:solid 1px #3E4B54;
}

IMG.imgHolderHome2{
    /*position : relative;
    float:none;
    width : 200px;
    height : 200px;*/
    overflow : hidden;
    padding: 5px 4px 4px 3px;
}

UL li{
    display:block;
    list-style:none;
}

li{
    font-family:inherit;
    font-size:.95em;
    letter-spacing:.2em;
    padding-bottom:2px;
    line-height:1em;
}

li.name_bold{
    font-weight:600;
    font-size: 1em;
}

/*Tool tips start-------------*/

.tooltip {
    display:none;
    color:#fff;
    z-index:1500;
    background-color:#45322e;
    border:1px solid #cc9;
    padding:3px;
    font-size:13px;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
    box-shadow: 2px 2px 11px #666;
}



.tip {
    color: #fff;
    width: auto;
    /*z-index: 13000;*/
}

.tip-title {
    font-family:Palatino Linotype Helvetica Sans-Serif;
    font-weight: normal;
    letter-spacing:1px;
    font-size: .85em;
    margin: 0;
    /*color: #9FD4FF;*/
    padding:  2px 2px 2px 3px;
    background: url(../images/bubble.png) top left;
}

.tip-text {
    font-size: .85em;
    padding: 2px 2px 2px 3px;
    letter-spacing:1px;
    background: url(../images/bubble.png) bottom right;
}

.custom-tip {
    color: #000;
    width: 130px;
    z-index: 13000;
}

.custom-title {
    font-weight: bold;
    font-size: .95em;
    margin: 0;
    color: #3E4F14;
    padding: 8px 8px 4px;
    background: #C3DF7D;
    border-bottom: 1px solid #B5CF74;
}

.custom-text {
    font-size: 11px;
    padding: 4px 8px 8px;
    background: #CFDFA7;
}



/* ------Tool tips end----------------- */

/*--------Scrollbar style start-----------------*/

        #track {
            height: 240px;
            width: 5px;
            float: left;
            position: relative;
            background: #ddd;
        }

        #thumb {
            position: absolute;
            top: 10px;
            left: 0;
            height: 10px;
            width: 5px;
            background: #aaa;
        }

        ::-webkit-scrollbar {
        width: 5px;
        height: 10px;
        }


        ::-webkit-scrollbar-button:start:decrement,
        ::-webkit-scrollbar-button:end:increment  {
        height: 30px;
        display: block;
        background-color: transparent;
        }


        ::-webkit-scrollbar-track-piece  {
        background-color: #45322e;
        -webkit-border-radius: 6px;
        }


        ::-webkit-scrollbar-thumb:vertical {
        height: 50px;
        background-color: #666;
        border: 1px solid #eee;
        -webkit-border-radius: 6px;
        }
/*------------Scrollbar style end------------------------*/