body { font-family: 'Raleway', Century Gothic, sans-serif; font-size: 16px; color: #666; margin: 0; padding: 0; overflow-y: scroll; overflow-x: hidden; }
a { color: #F96B00; text-decoration: none; }
a:hover { color: #DDD; }
a.w { color: #FFF; font-size: 9px; }
a.left { font-size: 13px; line-height: 14px; text-transform: uppercase; }
.home-left { position: fixed; left: 0px; top: 100px; height: 100%; width: 175px; background: #FFF; z-index: 1; opacity: .75; }
.home-right { position: fixed; right: 0px; top: 100px; height: 100%; width: 75px; background: #FFF; z-index: 1; opacity: .75; }
.vert-line { position: fixed; left: 175px; top: 0px; height: 100%; width: 5px; background: #F9AC04; }
.vert-line-right { position: fixed; right: 75px; top: 0px; height: 100%; width: 5px; background: #F9AC04; }
.page-left { position: fixed; left: 0px; top: 100px; height: 35px; width: 175px; background: #F9AC04; opacity: .2; }
.page-right { position: fixed; left: 1100px; top: 100px; height: 35px; width: 100%; background: #F9AC04; opacity: .2; }
.page-left-left { color: #F9AC04; float: left; font-size: 16px; text-transform: uppercase; font-weight: bold; }
.page-left-right { color: #F9AC04; float: left; font-size: 16px; text-transform: uppercase; font-weight: bold; margin-left: 6px; }
.page-left-over { position: fixed; left: 10px; top: 100px; height: 35px; width: 150px; line-height: 35px; }
.page-title { font-family: 'Poppins', Century Gothic, sans-serif; font-size: 11pt; position: fixed; left: 180px; top: 65px; line-height: 35px; height: 35px; width: 900px; background: #F9AC04; color: #FFF; z-index: 20; }
.home-page-title { font-family: 'Poppins', Century Gothic, sans-serif; font-size: 11pt; position: fixed; left: 180px; top: 65px; line-height: 35px; height: 35px; right: 80px; background: #F9AC04; color: #FFF; z-index: 20; }
.home-page-left { position: fixed; left: 0px; top: 100px; height: 35px; width: 175px; background: #FFEECC; z-index: 20; }
.home-page-right { position: fixed; right: 0px; top: 100px; height: 35px; width: 75px; background: #FFEECC; z-index: 20; }
.pic { float: left; padding-right: 0px; }

.menu-cont { position: fixed; left: 0px; top: -150px; z-index: 10; font-size: 14px; }

.menu-link { padding: 10px 0px 5px 0px; color: #F96B00; cursor: pointer; font-size: 16px; font-weight: bold; }	
.menu { display: inline-block; padding: 20px; position: relative; -webkit-transition: .7s ease-in-out; -moz-transition: .7s ease-in-out; -o-transition: .7s ease-in-out; transition: .7s ease-in-out;  font-weight: bold; font-size: 18px; }
.menu.slidedown:hover { -webkit-transform: translate(0, 150px); -moz-transform: translate(0, 150px); -o-transform: translate(0, 150px); -ms-transform: translate(0, 150px); transform: translate(0, 150px); }

input, textarea { font-family: 'Raleway', Century Gothic, sans-serif; font-size: 12px; color: #989488; background: #FFF; margin-bottom: 5px; padding: 4px; border: solid 1px #AAA5A4; }
button { font-size: 14px; color: #989488; background: #FFF; margin-bottom: 5px; padding: 4px; border: solid 1px #989488; }
button[disabled] { color: #c5c1c0; border: solid 1px #c5c1c0; }
.cont-img { position: absolute; top: 100px; left: 180px; width: auto; height: auto; z-index: 20;  }
.load-pic { position: fixed; top: 120px; left: 200px; z-index: -1; font-size: 20px; }
.fade { transition: .3s linear all; -webkit-transition: .3s linear all; padding-bottom: 1px; line-height: 0px; }
.fade.ng-enter { opacity: 0; }

.animate-show, .animate-hide { transition: 0.2s linear all; -webkit-transition: 0.2s linear all; }
.animate-show.ng-hide-remove, .animate-hide.ng-hide-add.ng-hide-add-active { opacity: 0; display: block !important; }
.animate-hide.ng-hide-add, .animate-show.ng-hide-remove.ng-hide-remove-active { opacity: 1; display: block !important; }

.thumbsoverw { position: fixed; margin-left: 980px; top: 0px; width: 231px; height: 105px; display: block; background-image: linear-gradient(to right, #FFAC00, #FFEECC); z-index: 25; }
.thumbsoverwo { position: fixed; margin-left: 980px; top: 0px; width: 231px; height: 105px; display: block; background-image: linear-gradient(#FFFFFF, #FFD98A); z-index: 25; }

.thumbsover { position: fixed; margin-left: 980px; top: 65px; width: 231px; height: 70px; display: block; background-image: linear-gradient(to right, #FFAC00, 40%, #FFEECC); z-index: 25; }
.thumbsovero { position: fixed; margin-left: 980px; top: 100px; width: 231px; height: 35px; display: block; background: #FFD98A; z-index: 25; }

.thumbs { position: fixed; left: 980px; top: 135px; width: 234px; height: 740px; display: block; padding: 0px; z-index: 25; }
.thPic { filter: alpha(opacity=25); -moz-opacity: .25; opacity: .25; padding: 0px 1px 1px 0px; width: 45px; height: 45px; display: block; float: left; cursor: pointer; }
.thPic100 { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; padding: 0px 1px 1px 0px; width: 45px; height: 45px; display: block; float: left; cursor: pointer; }
.thMo { padding: 0px 1px 1px 0px; width: 45px; height: 45px; display: block; float: left; }
.prev { position: fixed; left: 990px; top: 73px; color: #FFFFFF; display: block; z-index: 30; cursor: pointer; }
.next { position: fixed; left: 1195px; top: 105px; color: #F06C00; display: block; z-index: 30; cursor: pointer; }
.ph_ti	{ position: absolute; font-weight: bold; font-size: 12px; color: #999; padding: 2px; }