/* 
    Document   : global
    Created on : Oct 19, 2015, 11:33:38 AM
    Author     : Deskhar
    Description:
        Purpose of the stylesheet follows.
*/
a {
	text-decoration: none;
	color: black;
    	cursor: pointer;
}
a :hover{
	text-decoration: none;
	color: black;
}
.textContainer { 
    color: #2c2c2c;
    margin-top: 200px;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    font-size: 25px;
    padding: 80px 50px;
    text-align: center;
    text-transform: lowercase;
    text-rendering: optimizeLegibility;
    letter-spacing: 0.4em;
}
/*.textContainer:hover { 
    color: #999999;
    cursor: pointer;
}*/
body{
    font-family: "AppleGothic", sans-serif;
}
.navi{
    margin-top: 10px;
    width: 1000px;
    height: 40px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 140px;
    color: black;
    background-color: transparent;
    letter-spacing: .2em;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    text-align: center;
    text-transform: lowercase;
    text-rendering: optimizeLegibility;
}
#drop, #drop ul{
    margin:0;
    padding:0;
    list-style-type:none;
    list-style-position:outside;
    position:relative;
    line-height:1.5em;
}
#drop a{
    display:block;
    padding:10px 20px;
    text-decoration:none;
    color: black;
    font-size: 16px;
}
/*#drop a:hover{
    cursor: pointer;
    color: black;
    text-shadow: 0 0 3px black;
}*/
#drop li{
    float:left;
    position:relative;
}
#drop ul {
    position:absolute;
    display:none;
    width:12em;
}
#drop li ul a{
    width:12em;
    height:auto;
    float:left;
}
#drop ul ul{
    top:auto;
}
#drop li ul ul {
    left:12em;
    margin:0px 0 0 10px;
}
#drop li:hover ul ul, #drop li:hover ul ul ul, #drop li:hover ul ul ul ul{
    display:none;
}
#drop li:hover ul, #drop li li:hover ul, #drop li li li:hover ul, #drop li li li li:hover ul{
    display:block;
}
.contentBox{
    width: 1030px;
    margin-top: 10px;
    border-radius: 10px;
    border: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    overflow: auto;
}
.insideBox{
    width: 875px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    overflow: hidden;
}
.insideBox2{
    width: 875px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}
.footer2{
    margin-top: 10px;
    width: 1000px;
    height: 40px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    text-align: center;
    text-rendering: optimizeLegibility;
}
.thumbnail2{
    width: 170px;
    height: 200px;
    border: black solid 0.5px;
    padding: 5px;
    display: inline-block;
}
.thumbnail2:hover{
    box-shadow: 0 0 5px #999999;
    cursor: pointer;
    /*-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px); */
}

.thumbnail3{
    width: 170px;
    height: 200px;
    border: black solid 0.5px;
    padding: 5px;
    display: inline-block;
}
.thumbnailsContainer{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.photoContainer{
    width: 400px;
    height: 600px;
    float: left;
}
.descContainer{
	width: 400px;
	float: left;
	overflow-y: scroll;
}
.descContainer3{
	width: 400px;
	float: left;
}
.descContainer2{
    width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.photoWdt{
    display: block;
    max-width:400px;
    max-height:300px;
    width: auto;
    height: auto;
}
.border{
    margin-left: 30px;
    margin-right: 30px;
    height: 800px;
    border: white solid 1px;
    float: left;
}
.homeImg{
    max-width: 990px;
}
.loginHead{
    width: 1000px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;
    color: black;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-left: -6px;
    margin-top: -5px;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
    letter-spacing: .05em;

}
.loginContainer{
    padding: 10px;
}
.scroll2{
    height: 500px;
    overflow-y: scroll;
}
.preGambar{
    background-color: transparent;
    color: black;
    border: none;
    padding: 0px;
    margin: 0px;
}
.preTabel{
    background-color: transparent;
    color: black;
    border: none;
    padding: 0px;
    margin: 0px;
}
.thumbnail2-2{
    width: 990px;
    height: 400px;
    border: black solid 0.5px;
    padding: 5px;
    display: inline-block;
}
.thumbnail2-2:hover{
    box-shadow: 0 0 5px #999999;
    background-color: #999999;
    cursor: pointer;
}
.imgWrapper{
    width: 170px;
    height: 200px;
    float: left;
    display: inline-block;
}
.text {
    position: absolute;
    pointer-events:none;
    color: white;
    border: none;
    margin-top: -120px;
    z-index: 10;
    width: 170px;
    text-align: center;
    text-shadow: 0 0 5px black;
    font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
    letter-spacing: 0.2em;
    visibility: hidden;
}
.example-image-link:hover > p{
    visibility: visible;
}
.boxFrame{
    margin-left: auto;
    margin-right: auto;
    border: none;
    overflow: auto;
    display: inline-block;
    text-align: center;
}