/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0; padding:0;
}

/* HTML ELEMENTS */
body { 
    background-color:#deddcd; 
    font:14px/21px "Open Sans",Helvetica,sans-serif; 
}
h1 {
    text-align: center; color: #eee; 
    text-shadow: 0px 2px 6px #333; 
}
h1 small{ 
    font-size: 20px; 
    text-transform:uppercase; 
    letter-spacing: 14px; 
    display: block; 
    color: #000; 
}
h2 a { 
    display: block; 
    text-decoration: none; 
    margin: 0 0 30px 0;
    text-align: center; 
    color: #bfe1f1; 
    text-shadow: 0px 2px 6px #333; 
}
h2 a:hover { 
    color: #90bcd0;
}

/* COMMON CLASSES */
.break { clear:both; }

/* WRAPPER */
#wrapper { 
    width:100%; 
    margin:10px auto; 
}

/* CONTENT */
#content { display: table; margin: 0 auto; }
#content .info { padding:10px; }

/* MOVIE POSTERS */
#movieposters { list-style:none; margin:10px 0; height:550px; }
#movieposters li { display:inline; float:left;
	-webkit-perspective: 500px;
    -moz-perspective: 500px;
    -ms-perspective: 500px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
	-webkit-transition-property: perspective; 
    -moz-transition-property: perspective; 
    transition-property: perspective; 
    -webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    margin-top: 50px;
}
#movieposters li:hover { 
    -webkit-perspective: 5000px; 
    -moz-perspective: 5000px; 
}
#movieposters li img { border:10px solid #fcfafa; 
    -webkit-transform: rotateY(30deg);
    -moz-transform: rotateY(30deg); 
    -ms-transform: rotateY(30deg); 
	-moz-box-shadow:0 3px 10px #888; 
    -webkit-box-shadow:0 3px 10px #888; 
    box-shadow:0 3px 10px #888;
	-webkit-transition-property: transform; 
    -moz-transition-property: transform; 
    transition-property: transform; 
    -webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
    width: 180px;
}
#movieposters li:hover img { 
    -webkit-transform: rotateY(0deg); 
    -moz-transform: rotateY(0deg); 
    -ms-transform: rotateY(0deg);
}
.movieinfo { 
    border:10px solid #fcfafa; 
    padding:20px; 
    width:100px; 
    height:100px; 
    background-color:#deddcd; 
    margin:-195px 0 0 55px; 
    position:absolute;
	-moz-box-shadow:0 20px 40px #888; 
    -webkit-box-shadow:0 20px 40px #888; 
    box-shadow:0 20px 40px #888;
	-webkit-transform: translateZ(30px) rotateY(30deg); 
    -moz-transform: translateZ(30px) rotateY(30deg); 
    -ms-transform: translateZ(30px) rotateY(30deg);
	-webkit-transition-property: transform, box-shadow, margin; 
    -moz-transition-property: transform, box-shadow, margin; 
    transition-property: transform, box-shadow, margin; 
    -webkit-transition-duration: 0.5s; 
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#movieposters li:hover .movieinfo { 
    -webkit-transform: rotateY(0deg); 
    -moz-transform: rotateY(0deg); 
    -ms-transform: rotateY(0deg); 
    -webkit-box-shadow:0 5px 10px #888; 
    -moz-box-shadow:0 5px 10px #888; 
    box-shadow:0 5px 10px #888; 
    margin:-175px 0 0 30px; 
}
.movieinfo h3 { 
    color:#7a3f3a; 
    font-variant: small-caps;
    text-align:center; 
    padding-bottom:15px; 
}
.movieinfo p { 
    padding-bottom:15px; 
}
.movieinfo a { 
    background-color:#7a3f3a; 
    padding:5px 10px; 
    color:#eee; 
    text-decoration:none; 
    display:block; 
    width:80px; 
    text-align:center; 
    margin:0 auto;
	-moz-border-radius:5px; 
    -webkit-border-radius:5px; 
}
.movieinfo a:hover, .movieinfo a:focus { 
    background-color:#6a191f; 
    color:#fff; 
}
.FGGreen {
    color: #31b7ae !important;
}
.BGGreen {
    background: linear-gradient(to bottom, #51efe7 0%, #0e3331 100%) !important;
}
.FGBlue {
    color: #0072C6 !important;
}
.BGBlue {
    background-color: #0072C6 !important;
}
.FGmagenta {
    color: #b63869 !important;
}
.BGmagenta {
    background: linear-gradient(to bottom, #ce618b 0%, #b63869 100%) !important;
}
.FGReports {
    color: #205895 !important;
}
.BGReports {
    background: linear-gradient(to bottom, #66a6d6 0%, #205895 100%) !important;
}
.FGEmerald {
    color: #18A689 !important;
}
.BGEmerald {
    background-color: #18A689 !important;
}

.FGgreen1 {
    color: #40BABD !important;
}
.BGgreen1 {
    background-color: #40BABD !important;
}

.FGar360 {
    color: #652d91 !important;
}
.BGar360 {
    background-color: #652d91 !important;
}


.ithelpdesk {
    background-color: #77b943 !important;
}

.FGhelpdesk{
    color: #77b943 !important;
}

.ptracker {
    background-color: #007bff !important;
}

.FGptrack{
    color: #007bff !important;
}

.clientservices {
    background-color: #2962FF !important;
}

.FGclientservice{
    color: #007bff !important;
}