.container {position:relative; background:#fff; overflow:hidden;}
.header .harea {border-bottom:0px;}
.carea {padding:0px 0px 30px 0px;}
#slides {width:100% !important; height:auto; margin:0px auto; position:relative; display:block; z-index:1; overflow:hidden;}
#slides .slide img {left:50% !important; margin-left:-960px; position:absolute;}
#slides .slide {width:100%; height:380px;}
#slides .ctxt {width:586px; height:auto; position:absolute; opacity:0.85; top:182px; left:50%; margin-left:-8px; z-index:502;}
#slides .ctxt .txt {max-width:585px; font-size:27px; text-align:center; color:#f8f8f8; padding:10px; background:url(/images/site/Banner-Blue.png); margin:0 auto; letter-spacing:2px; font-weight:600;}
div#slide3 .ctxt .txt {padding:26px 0px;}
#navbar {width:140px; z-index:500; position:absolute; bottom:20px; overflow:hidden; left:50%; margin-left:-70px;}
#navbar span {display:block; width:40px; height:5px; background:#fff; cursor:pointer; float:left; margin:0px 2px 0px 2px;}
#navbar span.activeSlide {background:#0033a8;}

.features {margin:0 auto;}
.features .fcol {width:234px; float:left; margin:0px 28px 30px 28px; min-height:350px;}
.features .fcol .fserv {width:auto; margin:0px auto; padding:0px;}
.features .fcol .fserv a {cursor:pointer;}
.features .fcol .fserv .pic {width:100%; margin-bottom:10px; display:block; color:#9ea0a8; font-weight:600; padding-top:210px; text-align:center; font-size:18px; line-height:25px; letter-spacing:2px;}
.features .fcol .fserv .feat1 {background:url(/images/site/feat1.png) center no-repeat;}
.features .fcol .fserv .feat1:hover {background:url(/images/site/feat1-h.png) center no-repeat; color:#ab0002; text-decoration:none;}
.features .fcol .fserv .feat2 {background:url(/images/site/feat2.png) center no-repeat;}
.features .fcol .fserv .feat2:hover {background:url(/images/site/feat2-h.png) center no-repeat; color:#ab0002; text-decoration:none;}
.features .fcol .fserv .feat3 {background:url(/images/site/feat3.png) center no-repeat;}
.features .fcol .fserv .feat3:hover {background:url(/images/site/feat3-h.png) center no-repeat; color:#ab0002; text-decoration:none;}
.features .fcol .fserv .feat4 {background:url(/images/site/feat4.png) center no-repeat;}
.features .fcol .fserv .feat4:hover {background:url(/images/site/feat4-h.png) center no-repeat; color:#ab0002; text-decoration:none;}
.features .fcol .fserv .ftxt {width:200px; margin:0 auto; font-size:16px; text-align:justify; color:#000;}

/* - 940 - */
.res940 #slides .slide {width:100%; left:0% !important; margin-left:0px; height:470px; overflow:hidden;}
.res940 #slides img {height:auto; margin-left:-585px;}
.res940 #slides .ctxt {top:180px; left:50%; margin-left:-135px; width:584px;}
.res940 #slides .ctxt .txt {line-height:30px;}
.res940 .features .fcol.last {margin:-30px 20px 0 20px;}
.res940 .features .fcol .fserv .ftxt {margin:0 10px;}
.res940 .features .fcol {width:220px; float:left; margin:-30px 20px 20px 20px; min-height:420px;}
.res940 .features .fcol .fserv .pic {letter-spacing:0px;}
.res940 .features {max-width:585px;}

/* - 720 - */
.res720 #slides .slide {width:100%; left:0% !important; margin-left:0px; height:381px; overflow:hidden;}
.res720 #slides img {width:auto; height:auto; margin-left:-470px;}
.res720 #slides .ctxt {top:145px; left:50%; margin-left:-275px; width:550px;}
.res720 #slides .ctxt .txt {max-width:550px; margin:0;}
.res720 .features .fcol {width:265px;margin:0px 0 0 15px;min-height:410px;}
.res720 .features .fcol .fserv .ftxt {margin:0px 7px;}
.res720 .features {max-width:585px;}

/* - 480 - */
.res480 .container .carea {padding:0px 0px 0px 0px;}
.res480 #slides .slide {width:100%; left:0% !important; margin-left:0px; height:300px; overflow:hidden;}
.res480 #slides img {width:auto; height:auto; position:absolute; left:50% !important; margin-left:-360px;}
.res480 #slides .ctxt {top:65px; margin-left:0px; width:100%; left:0; top:82px;}
.res480 #slides .ctxt .txt {max-width:440px; margin:0 auto; font-size:27px;}
.res480 div#slide1 .ctxt .txt {padding:32px 0px;}
.res480 div#slide2 .ctxt .txt {padding:32px 0px;}
.res480 div#slide3 .ctxt .txt {padding:32px 0px;}
.res480 .features .fcol {width:220px; margin:0px 10px 0; min-height:425px;}
.res480 .features .fcol .fserv .pic {letter-spacing:1px;}
.res480 .features {max-width:480px;}

/* - 320 - */
.res320 .container .carea {padding:0px 0px;}
.res320 #slides .slide {width:100%; left:0% !important; margin-left:0px; height:200px; overflow:hidden;}
.res320 #slides img {width:auto; height:auto; left:50% !important; margin-left:-240px;}
.res320 #slides .ctxt {top:60px; margin-left:0px; width:100%; left:0;}
.res320 #slides .ctxt .txt {max-width:280px; margin:0 auto; font-size:20px;}
.res320 div#slide1 .ctxt .txt {padding:5px 0px; line-height:22px; letter-spacing:3px; height:70px;}
.res320 div#slide2 .ctxt .txt {padding:5px 0px; line-height:22px; letter-spacing:3px; height:70px;}
.res320 div#slide3 .ctxt .txt {padding:20px 0px; line-height:22px; letter-spacing:3px; height:40px;}
.res320 .features .fcol {width:320px; margin:0 auto;}
.res320 .features .fcol.last {margin:0px 20px 0px;}
.res320 .features {max-width:320px;}