/*_____________________________________________ Start - Projects - jCarouselLiteDemo _____________________________________________*/

@font-face {
  font-family: 'Nanum Gothic';
  src: url(NanumGothic.eot);
  src: url(NanumGothic.woff) format('woff');
}

BODY,TD,input,DIV,form,TEXTAREA,center,pre,blockquote {font-size:9pt;font-family:Nanum Gothic,'±¼¸²';}

A:link, A:active, A:visited {
font-size:10pt;
text-decoration: none;color:#333333}

a {
	color: #484747;
	font-size: 11px;	
	text-decoration: none;
}
a:hover {
	color: #a78d58;
}

a.over img {
	background: #ffffff;
}
a.over, a.over img {
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}
a.over:hover {
	opacity: 0.7;
}

A:hover {

text-decoration:none;color:#999999;}

.date {font-size:10px;color:#848484}

.back-to-top {
    position: fixed;
    bottom: 0em;
    right: 0px;
    padding: 0em;
    display: none;
    -webkit-border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    border-radius: 0.8em;
}
.back-to-top { position: fixed; bottom: 3em; right: 10px; text-decoration: none; color: #000000; background-color: rgba(156, 156, 156, 0.20); font-size: 12px; padding: 0.5em; display: none;}
.back-to-top:hover { background-color: rgba(156, 156, 156, 0.60);}


#jCarouselLiteDemo .carousel  {
    padding: 0px 0 0 0;
    margin: 0 0 0px 0px;
    position: relative;     
}



    #jCarouselLiteDemo .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;
    }              
    #jCarouselLiteDemo .carousel a.prev, #jCarouselLiteDemo .carousel a.next {
        display: block;
        float: left;
        width: 20px;
        height: 210px;
        text-decoration: none;
        background: url("../images/left.png") left 95px no-repeat;
    }
        #jCarouselLiteDemo .carousel a.next {
            background: url("../images/right.png") right 95px no-repeat;
        }
            #jCarouselLiteDemo .carousel a.next:hover {
                background-image: url("../images/right.png");
            }
            #jCarouselLiteDemo .carousel a.prev:hover {
                background-image: url("../images/left.png");
            }    
            #jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {
                border: none;
                outline: none;
            }                 
    #jCarouselLiteDemo .carousel .jCarouselLite {
        border: 0px solid black;
        float: left;
        background-color: ;
        
        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;
    }
        #jCarouselLiteDemo .carousel ul {
            margin: 0;
        }
        #jCarouselLiteDemo .carousel li img, 
        #jCarouselLiteDemo .carousel li p {
            background-color: #fff;
            width: 210px;
            height: 210px;
            margin: 6px;
        }