@charset "utf-8";
/* CSS Document */

body
{
font-family:Arial, Helvetica, Verdana, sans-serif;
line-height:18px;
letter-spacing:0px;
font-weight:normal;
background:#FFF;
padding:0px;
margin:0px;
}

ul
{padding:0px; margin:0px;}

li
{padding:0px; margin:0px;}


p
{padding:0px; margin:0px;}

img
{border:0px;}

hr
{color: #fff; background-color: #fff; border: 1px dotted #CCC; border-style: none none dotted;}

h1
{font-size:24px; color:#00B2E1; margin:0px; color:#fff; padding:13px 0px 10px 20px; font-weight:normal;}

h2
{color:#000; font-size:18px;  text-align:left; font-style: normal;  padding:0px; margin:0px; padding:0px 0px 2px 0px; font-weight:normal;}


h3
{color:#FFF; font-size:14px; padding:0px; margin:0px; padding:16px 0px 2px 10px; font-weight:normal;}


h5
{font-size:24px; color:#00B2E1; margin:0px; color:#fff; padding:0px; font-weight:normal;}

.framelineBg
{width:100%; height:20px; background:#1e2328; overflow:auto;}

.framelineBgFoot
{width:100%; height:35px; background:#1e2328; overflow: hidden;}

.framelineBgFoot a
{ color:#fff; text-decoration:none;}

.framelineBgFoot a:hover
{ color:#A7A7A7;}

.framelineRap
{width:940px; color:#FFF; font-size:11px; padding:10px 0px 10px 0px; overflow:hidden;}

.screen
{width:100%; overflow:hidden; background: url(../img/bg.png) repeat-x #fff;}

.page
{width:970px; padding-top:10px; overflow:hidden; background:url(../img/page_bg.jpg) repeat-x #FFF;}

.logo
{float:left; padding-top:35px; padding-left:10px; display:block; width:250px;}


.nav
{width:700px; float:left; padding-top:45px; display:block; font-size:14px;}

.nav ul
{list-style:none; list-style-type:none;}

.nav ul li
{display:inline; padding:0px 5px 0px 5px;}

.nav ul li a
{ text-decoration:none; color:#FFF;}

.nav ul li a:hover
{ text-decoration:none; color:#00B2E1; padding-bottom:5px;}


.breadcrumb
{float:right; padding-top:0px;}

.breadcrumb ul
{list-style:none; list-style-type:none;}

.breadcrumb ul li
{display:inline; color:#5b0a57; font-size:11px;}

.breadcrumb ul li a
{ text-decoration:none; color:#5b0a57; font-size:11px;}

.breadcrumb ul li a:hover
{ text-decoration:none; color:#000; font-size:11px;}



.banner
{width:940px;  overflow:hidden; margin-bottom:-20px;}

.bannerInfo
{position:absolute; z-index:0; padding-left:20px; color:#fff; padding-top:280px;}

.bannerInfo h2
{color:#FFF;}

.bannerInfo p
{font-size:14px;}


.content
{width:940px; overflow:hidden; display:block; padding-bottom:140px; }



.sectionRap
{overflow:hidden;}


.resentSlider
{float:left;}


.headingRapBlank
{width:235px; border-right:0px solid #999;  overflow:hidden; float:left; margin-top:40px; border-right-style:dotted; clear:both;}


.headingRap
{width:234px; border-right:1px solid #999;  overflow:hidden; float:left; margin-top:40px; border-right-style:dotted; clear:both;}

.heading
{width:225px; min-height:100px; overflow:hidden;}

.heading p
{color:#00B2E1; font-size:11px; overflow:hidden; height:65px;}

.heading a
{color:#000; text-decoration:none;}

.heading a:hover
{color:#999;}






.leftNavRap
{width:234px; margin-top:40px; border-right:1px solid #999; overflow:hidden; float:left; border-right-style:dotted;}

.leftNav
{width:225px; min-height:100px; overflow:hidden;}

.leftNav ul
{font-size:12px; padding-bottom:10px; padding-top:10px;}

.leftNav ul li
{height:25px; border-bottom:1px solid #CCC; border-bottom-style:dotted; padding-top:5px;}

.leftNav ul li a
{text-decoration:none; display:block; padding:3px 0px 3px 0px; color:#00B2E1;   }

.leftNav ul li a:hover
{ background:#000; color:#FFF; padding-left:5px; }

.curent a
{background:#000; color:#FFF !important; padding-left:5px!important; }

.leftNavSel 
{background:#000; color:#FFF; }

.leftNavSel p 
{padding:3px 0px 0px 5px; height:30px;}




.servListRapHolder
{padding-top:40px; display:block; width:705px; float:left;}


.servRapHolder
{width:705px; display:block; float:left;}

.servListRap
{width:235px;  float:left; padding-bottom:40px;}

.servList
{width:225px; height:250px; overflow:hidden; font-size:12px; line-height:20px; font-weight:100; color:#666;}

.servList a
{text-decoration:none; color:#666666;}

.servListIcon
{ width:225px; background:#000;}

.servList h3
{color:#00B2E1; padding:5px 0px 10px 0px; margin:0px;}


.clientListRapHolder
{padding-top:40px; display:block; width:940px; float:left;}


.clientListRap
{width:235px;  float:left; padding-bottom:10px;}

.clientList
{width:225px; height:120px; overflow:hidden; font-size:12px; font-weight:100; background:#030303; color:#666;}

.clientListRap img
{ border: 1px solid #D5D5D5;}



.bigPointRap
{width:705px; float:left; padding-top:40px;}

.bigPointText
{width:695px; font-size:17px; line-height:22px; color:#666; font-weight:normal;}

.bigPointRapFull
{width:940px;}

.bigPointTextFull
{width:940px; font-size:17px; line-height:22px; color:#666; font-weight:normal;}




.portRap
{width:225px; padding-left:10px; overflow:hidden; padding-top:30px; float:left;}

.portThumb
{overflow:hidden; }

.portThumb img
{border-left:1px solid #D5D5D5; border:1px solid #D5D5D5; width:223px; height:98px;}

.portThumb a
{}

.portThumb a:hover
{}

.portThumbText
{height:57px; background: url(../img/thumb_sha.png) no-repeat bottom center #fff; border-left:1px solid #fff; border-right:1px solid #fff; overflow:hidden;}

.portThumbText h3
{padding:0px; margin:0px; padding-top:8px; color:#2D2D2D;}

.portThumbText p
{color:#999999; padding-left:0px; font-size:11px;}


.thumbSet
{overflow:hidden; float:left; padding-top:10px; width:705px;}


.servRap
{width:235px; overflow:hidden; float:left;}

.servThumb
{width:225px; overflow:hidden;}

.servThumb img
{height:100px; width:225px;}


.servThumbText
{width:225px; height:80px; background: url(../img/thumb_sha.png) bottom no-repeat #fff; overflow:hidden;}

.servThumbText p
{color:#2D2D2D; padding-left:12px; height:50px; overflow:hidden;  font-size:12px; padding-top:8px; padding-right:10px; display:block;}




.slideshowRap
{width:705px; overflow:hidden; padding-top:20px;  float:left;}

.slideshow
{width:675px; height:300px; border:10px solid #CCC;}



.buttionRap
{float:left; padding-left:10px; padding-top:20px;}

.buttionLeft
{float:left; width:17px; height:47px; background:url(../img/buttons/left.png) no-repeat;}

.buttionCen
{float:left; background:url(../img/buttons/center.png) repeat-x; height:47px;}

.buttionCen a
{text-decoration:none; color:#303030; padding-top:14px; display:block; padding-left:8px; padding-right:10px;}

.buttionCen a:hover
{text-decoration:none; color:#BCBCBC; padding-top:15px; display:block; padding-left:8px; padding-right:10px;}

.buttionRight
{float:left; width:17px; height:47px; background:url(../img/buttons/right.png) no-repeat;}

.buttionIconLeft
{float:left; background:url(../img/buttons/icon_left.png) no-repeat; width:23px; height:47px;}

.buttionIconRight
{float:left; background:url(../img/buttons/icon_right.png) no-repeat; width:23px; height:47px;}

.buttionIconPlus
{float:left; background:url(../img/buttons/icon_plus.png) no-repeat; width:23px; height:47px;}




.textSet
{ width:705px; float: left;}

.plaintTextRap
{width:705px; overflow:hidden; padding-top:40px;  float:left;}

.plainText
{width:695px; overflow:hidden; font-size:12px; line-height:20px; font-weight:100; color:#666;}

.plainText strong
{color:#00B2E1; font-weight:bold;}

.plainText a
{ color:#00B2E1;}

.plainText a:hover
{ color:#666;}

.plainText h3
{color:#00B2E1; padding:0px 0px 10px 0px; margin:0px; }




.plaintTextRapMid
{width:470px; overflow:hidden; padding-top:40px;  float:left;}

.plainTextMid
{width:460px; overflow:hidden; font-size:12px; line-height:20px; font-weight:100; color:#666;}

.plainTextMid h3
{color:#00B2E1; padding:0px 0px 10px 0px; margin:0px;}

.plainTextMid strong
{ color:#00B2E1; font-weight:bold;}

.plainTextMid a
{ color:#00B2E1;}

.plainTextMid a:hover
{ color:#666;}





.plaintTextRapSmall
{width:235px; padding-top:40px; overflow:hidden;  float:left;}

.plainTextSmall
{width:225px; overflow:hidden; font-size:12px; line-height:20px; font-weight:100; color:#666;}

.plainTextSmall h3
{color:#00B2E1; padding:0px 0px 10px 0px; margin:0px; }

.plainTextSmall ul
{list-style-type:square; list-style-type:square; padding-left:20px;}

.plainTextSmall ul li
{ }

.plainTextSmall ul li a
{text-decoration:none; color:#9B9B9B}

.plainTextSmall ul li a:hover
{ color:#00B2E1;}

.plainTextSmall strong
{ color:#00B2E1; font-weight:bold;}

.plainTextSmall a
{ color:#00B2E1;}

.plainTextSmall a:hover
{ color:#666;}



.map
{width:690px; overflow:hidden; padding-top:40px; float:left;}

.contactinfo
{float:left; width:224px; margin-left:10px; padding-left:10px; border-left:1px solid #CCC; border-left-style:dotted; }


.contactinfo h2
{}

.contactinfo strong
{font-size:18px; padding-top:5px; display:block; font-weight:normal; color:#00B2E1; line-height:22px;}

.contactinfo a
{font-size:18px; padding-top:5px; display:block; font-weight:normal; color:#00B2E1; text-decoration:none;}

.contactinfo a:hover
{font-size:18px; padding-top:5px; display:block; font-weight:normal; color:#CCC;}


.fieldTitle
{padding-top:13px; padding-right:20px; color:#00B2E1;}

.conformInput
{float:left; width:475px; vertical-align:middle; padding:0px; margin:0px; padding-top:10px; height:30px; border-left:1px solid #666; border-top:1px solid #666; margin-bottom:10px;}

.conformDrop
{ margin-top:10px; margin-bottom:20px; width:250px;}

.conformMsg
{float:left; width:475px; vertical-align:middle; padding:0px; margin:0px; padding-top:10px; height:100px; border-left:1px solid #666; border-top:1px solid #666;}





.footerBg
{width:100%; background:#000; overflow:hidden;}

.footerRap
{width:940px; height:190px; overflow:hidden;}

.footerRap h2
{color:#FFF; padding:0px; margin:0px; padding-top:20px; font-size:17px;}

.footerTextRap
{width:225px;}

.footerSign
{float:left; width:235px; height:180px;}

.footerFallow
{float:left; width:235px; height:180px;}

.footerLinks
{float:left; width:235px; height:180px; font-size:12px;}

.footerLinks ul
{float:left; width:80px;}

.footerLinks ul li
{}

.footerLinks ul li a
{ color:#8993a5; text-decoration:none;}

.footerLinks ul li a:hover
{ color:#fff;}

.footerContact
{float:left; width:235px; height:180px;}

.footerContact p
{color:#8993a5; font-size:12px;}

.footerContact a
{color:#8993a5; text-decoration:none;}

.footerContact a:hover
{color:#fff;}



div.fadehover {
	position: relative;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
    z-index: 20;
	}
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	}