p {font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;text-decoration:none;text-shadow:#000 0 -1px 03px;}
a {font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff;text-decoration:none;text-shadow:#000 0 -1px 03px;}
#deon {width:500px;height:520px;border-radius:2px;border:1px solid #;margin:50px 0px 0px 50px;background: url('../img/water-wh.png');}
#logo {width:350px;height:320px;border:1px solid #dedede;margin: 0px;float:left;background: url('../img/sarkodie-logo.jpg');}
#probs {width:130px;height:320px;border:1px solid #dedede;margin-top: 05px;float:left;background: url('../img/probs.jpg');overflow:hidden;}
#probs:hover {width:130px;height:320px;border:1px solid #dedede;margin-top: 05px;float:left;background: url('../img/probc.jpg');}
#grobs {width:130px;height:155px;border:0px solid #dedede;margin-top: 250px;float:left;background: url('../img/water-bk.png');overflow:hidden;}
#grobs:hover {width:130px;height:155px;border:0px solid #dedede;margin-top: 195px;float:left;background: url('../img/water-bk.png');-moz-animation-duration:1.0s; -moz-animation-delay:.15s; -moz-animation-timing-function:ease; -moz-animation-fill-mode:backwards; -moz-animation-name:fadeInDown; /*-webkit-transform: translateZ(0); -webkit-animation-duration:.75s; -webkit-animation-delay:.5s; -webkit-animation-timing-function:ease; -webkit-animation-fill-mode:backwards; -webkit-animation-name:fadeInDown; animation-duration:.75s; animation-delay:.5s; animation-timing-function:ease; animation-fill-mode:backwards; animation-name:fadeInDown;*/}
#grobs h3 {width:130px;height:20px; font:bold 13px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;text-indent:5px;}
#grobs p {width:130px;height:30px;font-size:9px;text-decoration:none;color:#5d5d5d;font-weight:normal;background: url('../img/water-bk.png');text-indent:5px;}
#grobs img {width:75px;height:50px;margin:0px 27px;text-decoration:none;color:#333;font-weight:normal;background: url('../img/.png');text-indent:5px;}
#kelod {width:320px;height:100px;border:1px solid #dedede;margin-left: 05px;float:left;background: url('../img/kelod_bg.jpg');text-indent:10px;overflow:hidden;}
#kelod img {width:320px;height:100px;text-decoration:none;font-weight:normal;margin:0px;background: url('../img/water-bk.png');}
#kelod img:hover {width:320px;height:100px;text-decoration:none;font-weight:normal;margin-top:15px;background: url('../img/water-.png');}
#kelod h3 {width:320px;height:20px;text-decoration:none;font-weight:normal;background: url('../img/water-bk.png');text-indent:10px;}
#kelod h3:hover {width:320px;height:20px;text-decoration:none;font-weight:normal;background: url('../img/water-bk.png');text-indent:10px;}
#kelod h3 p {width:320px;height:20px;font-size:10px;text-decoration:none;font-weight:normal;background: url('../img/water-bk.png');text-indent:10px;}
#bw {width:160px;height:100px;border:1px solid #dedede;margin-left: 05px;float:left;background:#f12f00 Url('../img/sew.jpg'); font-weight:normal;}
#bw h3{font-weight:normal;width:160px;height:20px;background: url('../img/water-bk.png');}
#bw h3:hover{font-weight:normal;width:160px;height:40px;background: url('../img/water-bk.png');}
#fb {width:75px;height:75px;border:1px solid #dedede;margin: 05px;float:left;background: url('../img/fbc.png') center;}
#fb img {margin:23px;}
#fb p {text-indent:-999px;font-size:11px;text-decoration:none;color:#5d5d5d;font-weight:normal;}
#fb:hover p {width:160px;margin:0px;background: url('../img/water-bk.png');border-radius: 0px 015px 0px 5px;text-indent:0px;}
#fb:hover {width:75px;height:75px;border:1px solid #dedede;margin: 05px;float:left;background: url('../img/fb.png') no-repeat center;text-indent:1px;}
#tw {width:75px;height:75px;border:1px solid #dedede;margin: 05px;margin-left:0px;float:left;background: url('../img/twc.png') center;}
#tw p {text-indent:-999px;font-size:11px;text-decoration:none;color:#5d5d5d;font-weight:normal;}
#tw img {margin:23px;text-indent:0px;}
#tw:hover p {width:150px;margin:0px;background: url('../img/water-bk.png');border-radius: 0px 015px 0px 5px;text-indent:0px;}
#tw:hover {width:75px;height:75px;border:1px solid #dedede;margin: 05px;margin-left:0px;float:left;background: url('../img/tw.png') no-repeat center;text-indent:1px;}
#ghung {width:322px;height:75px;border:1px solid #dedede;margin: 05px;margin-left:0px;float:left;background:#f12f00 Url('../img/sewing-room.jpg'); }

#inst {width:650px;border-top:0px #585858 solid;height:30px;margin:30px auto;}
#inst p{width:650px;height:10px;float:left;font-weight:normal;font-size:9px;text-decoration:none;color:#232323;letter-spacing : 0.5em;margin:0px auto;text-shadow:#cfcfcf 01px 01px;}
#inst a{font-weight:normal;font-size:9px;text-decoration:none;color:#434343;letter-spacing : 0.2em;text-shadow:#ddd 01px 01px;}


/*==============================Media FX*/
h1, h2, h4, blockquote, #wrapper,section.txt, div.txt, div.sidebar, a.all, a.ico, header, h5#page, h6#logo, h6#est, #slider, #slider h2, #slider h6, #start a, #start a:hover, #start li, ul#affiliates li, #work li, #featured, footer, ul#contact, ul#footernav, p#copyright, #grobs{-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; -ms-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
@-webkit-keyframes fadeInDown {0% {opacity:0; -webkit-transform:translateY(-20px);} 100% {opacity:1; -webkit-transform:translateY(0);}}
@-moz-keyframes fadeInDown {0% {opacity:0; -moz-transform:translateY(-20px);} 100% {opacity:1; -moz-transform:translateY(0);}}
@-ms-keyframes fadeInDown {0% {opacity:0; -ms-transform:translateY(-20px);} 100% {opacity:1; -ms-transform:translateY(0);}}
@-o-keyframes fadeInDown {0% {opacity:0; -o-transform:translateY(-20px);} 100% {opacity:1; -o-transform:translateY(0);}}
@keyframes fadeInDown {0% {opacity:0; transform:translateY(-20px);} 100% {opacity:1; transform:translateY(0);}}
.fadeInDown {-webkit-animation-name:fadeInDown; -moz-animation-name:fadeInDown; -ms-animation-name:fadeInDown; -o-animation-name:fadeInDown; animation-name:fadeInDown;}
@-webkit-keyframes fadeOutUp {0% {opacity:1; -webkit-transform:translateY(0);} 100% {opacity:0; -webkit-transform:translateY(-20px);}}
@-moz-keyframes fadeOutUp {0% {opacity:1; -moz-transform:translateY(0);} 100% {opacity:0; -moz-transform:translateY(-20px);}}
@-ms-keyframes fadeOutUp {0% {opacity:1; -ms-transform:translateY(0);} 100% {opacity:0; -ms-transform:translateY(-20px);}}
@-o-keyframes fadeOutUp {0% {opacity:1; -o-transform:translateY(0);} 100% {opacity:0; -o-transform:translateY(-20px);}}
@keyframes fadeOutUp {0% {opacity:1; transform:translateY(0);} 100% {opacity:0; transform:translateY(-20px);}}
.fadeIn {-webkit-animation-name:fadeOutUp; -moz-animation-name:fadeOutUp; -ms-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; animation-name:fadeOutUp;}
@-webkit-keyframes fadeIn {0% {opacity:1; -webkit-transform:translateY(0);} 100% {opacity:0; -webkit-transform:translateY(0px);}}
@-moz-keyframes fadeIn {0% {opacity:1; -moz-transform:translateY(0);} 100% {opacity:0; -moz-transform:translateY(0px);}}
@-ms-keyframes fadeIn {0% {opacity:1; -ms-transform:translateY(0);} 100% {opacity:0; -ms-transform:translateY(0px);}}
@-o-keyframes fadeIn {0% {opacity:1; -o-transform:translateY(0);} 100% {opacity:0; -o-transform:translateY(0px);}}
@keyframes fadeIn {0% {opacity:1; transform:translateY(0);} 100% {opacity:0; transform:translateY(0px);}}
.fadeIn {-webkit-animation-name:fadeOutUp; -moz-animation-name:fadeOutUp; -ms-animation-name:fadeOutUp; -o-animation-name:fadeOutUp; animation-name:fadeOutUp;}
.animated {-webkit-animation:1s ease; -moz-animation:1s ease; -ms-animation:1s ease; -o-animation:1s ease; animation:1s ease;}