body {
background:#FFF;
font:14px Arial, Tahoma, Verdana;
color:#5E5E5E;
margin:0;
padding:0;
}
h5{
fant-family:SimHei;
}
/***** Shared Stylesheet *****/
#main-wrapper {
max-width: 1010px;
margin: 0px auto;
}

#featured-wrapper{
width: 100%;
background-color:#e5e5e5;
border-top: 1px solid #f1f1f1;
border-bottom:1px solid #dfdfdf;
float:left;
}

#content-wrapper {
max-width: 1040px;
margin:0px auto;
padding:51px 0px 15px 0px;
clear:both;
}

#featured-logo-list {
max-width: 1040px;
margin:0px auto;
padding:13px 0px 0px 0px;
clear:both;
}

#pagetitle-wrapper {
width: 100%;
height:250px;
/*background:#f2f2f2 url(../images/slide-shadow.png) top repeat-x;*/
background:#f2f2f2 url(../images/about_title_bg.png)  no-repeat center center;
float:left;	
}

.pagetitle-content {
width:960px;
margin:0 auto;	
}

.pagetitle-content h2 {
color:#929292;
text-shadow:0px 1px 1px #fff;
text-transform:uppercase;
padding:200px 0px 6px 0px;	
}

#breadcrumb-wrapper{
width: 100%;
background-color:#e5e5e5;
border-top: 1px solid #dfdfdf;
border-bottom:1px solid #dfdfdf;
float:left;
}

#breadcrumb-content {
max-width: 960px;
margin:0px auto;
clear:both;
}

#breadcrumb-content ul {
margin-bottom:0px;
float:left;	
}

#breadcrumb-content ul li {
color: #383838;
text-shadow:0px 1px 1px #f8f8f8;
margin-bottom:0px;
padding:7px 24px 8px 7px;
background-image:url(../images/breadcrumb-arrow.png);
background-repeat:no-repeat;
background-position:right -1px;
font-size:11px;
display:inline-block;
}

#breadcrumb-content ul li a, #breadcrumb-content ul li a:visited {
color: #383838;
text-shadow:0px 1px 1px #f8f8f8;
text-decoration:none;	
}

header {
width: 100%;
padding:1px 0px;
background-color:#FFF;
border-top: 5px solid #484848;
border-bottom:1px solid #e2e2e2;
float:left;
}

#logo {
width: 250px;
margin-top:-15px;
float: left;
}

/* Frontpage styling */
.featured-client {
color: #a0a0a0;
text-shadow:0px 1px 1px #fff;
margin-top:13px;
float: right;	
}

.front-feature-icon {
margin-top:7px;
text-align:center;
}

.front-feature-icon img {
margin-bottom:6px;
}

.featured-box {
margin:15px 0px;
padding:23px 5px 13px 5px;
border: 1px solid #e2e2e2; 
background-color:#f2f2f2;
background: -moz-linear-gradient(top, #f8f8f8, #f2f2f2);
background: -webkit-linear-gradient(top, #f8f8f8, #f2f2f2);
background: -o-linear-gradient(top, #f8f8f8, #f2f2f2);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset; 
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset; 
box-shadow: 0 1px 0 rgba(255, 255, 255, 1) inset;	
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.featured-box a.button {
margin-top: 3px;
float: right;
}

.featured-box h5 {
text-transform: uppercase;
margin-bottom:0px;
}

.featured-box p {
padding-bottom:0px !important;
}

.link-zoom, li.link-zoom {
width:100%;
height:100%;
margin-bottom:10px;
background:url(../images/link-zoom.png) no-repeat center center;
position:relative;
z-index:100;
float:left;
}

.link-url {
width:100%;
height:100%;
margin-bottom:10px;
background:url(../images/link-url.png) no-repeat center center;
position:relative;
z-index:100;
float:left;
}

.link-video {
width:100%;
height:100%;
margin-bottom:10px;
background:url(../images/link-video.png) no-repeat center center;
position:relative;
z-index:100;
float:left;
}

.link-more {
width:100%;
height:100%;
margin-bottom:10px;
background:url(../images/link-more.png) no-repeat center center;
position:relative;
z-index:100;
float:left;
}

.front-layout2 .four p {
overflow:hidden;
}

.front-layout3 .four p, .front-layout3 .eight p {
overflow:hidden;
}

.front-text-featured {
width:80%;
text-align:center;
margin:0px auto 20px auto;
}

.top-margin {
margin-top:-14px;
}

.img-left-special {
float:left;
border:none;
margin:8px 18px 0px -25px;	
}

/* Mainmenu styling */
#mainmenu {
width:auto;
margin:20px 15px 0px 0px;
float:right;
}

#mainmenu ul {
font-family:'΢ÈíÑźÚ',Arial,Tahoma,Verdana;
font-size:15px;
line-height:18px;
float:left;
height:18px;
clear:both
}

#mainmenu ul li {
float:left;
color:#bbb;
list-style:none;
position:relative;
padding:10px 19px 10px 19px;
z-index:190;
}

#mainmenu ul li:hover {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
position:relative;
z-index:200;	
}

#mainmenu ul li a, #mainmenu ul li a:visited {
color:#222222;
text-decoration:none;
}

#mainmenu ul li li a {
float:left;
}

#mainmenu ul li a:hover {
color:#37B8CD;
text-decoration:none;
}

#mainmenu ul li.selected a {
text-decoration:none;
color:#222222;
}

#mainmenu ul li.selected:after {

}

#mainmenu ul li.selected li a {
text-decoration:none;
color:#414040;
}

#mainmenu ul li.selected li a:hover {
text-decoration:none;
color:#383838;
}

#mainmenu ul li.dropdown a:hover {
text-decoration:none;
color:#bbb;
}

#mainmenu ul li.selected ul li a, #mainmenu ul li.selected ul li a:hover{
color:#000000;
}


#menu li li {
background-image:url(menu-line.png);
background-position:bottom;
background-repeat:repeat-x;
position:relative;
z-index:100;
line-height:18px!important;
border-left:none!important;
margin:0!important;
padding:0!important;
}

#menu li li:last-child {
background-image:none;
}

#menu ul {
display:none;
position:absolute;
top:38px;
left:-30px;
width:145px;
background-color:#484848;
-webkit-border-radius: 4px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 4px;
-moz-border-radius-topleft: 0;
border-radius: 4px;
border-top-left-radius: 0;
-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.12);
-moz-box-shadow:    3px 3px 3px rgba(50, 50, 50, 0.12);
box-shadow:         3px 3px 3px rgba(50, 50, 50, 0.12);
padding:0px;
z-index:9900;
}

#menu ul ul {
display:none;
position:absolute;
top:-4px;
left:114px;
width:145px;
padding:0px;
z-index:900;
}

#menu li ul a,#menu li ul a:visited {
width:145px;
font-family:'PT Sans',Arial,Tahoma,Verdana;
color:#bbb;
font-size:12px;
text-transform:capitalize;
line-height:18px;
z-index:190;
text-decoration:none;
padding:8px 0 9px 10px;
}

#menu li ul a:hover {
background-color:#38393a;
color:#fff;
}

#menu li ul li:first-child a:hover {
background-color:#38393a;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
}

#menu li ul li:last-child a:hover {
background-color:#38393a;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

#menu ul li a span {
display:none;
}

/* Tinynav styling */

@media screen and (max-width: 768px){

#mainmenu {
width:100%;
margin:3px 0px 29px 0px;
}

#menu {
display:none;
}
}

#menu .selected a {
color:#c6c9cc;
}

/***** Top Socials Stylesheet *****/
#top-social {
width:100%;
height:24px;
float:left;	
}

.social-panel {
display: none;
float:right;
}

a.trigger{
width:24px;
height:24px;
text-decoration: none;
top: 0px; right: 0;
font-size: 0px;
letter-spacing:-1px;
color:#fff;
background:url(../images/socials/social-open.gif) no-repeat;
display: block;
float:right;
}

a.active.trigger {
background:url(../images/socials/social-closed.gif) no-repeat;
}

#top-social ul li{
margin-right:1px;
display:inline-block;
float:left;
}

ul.pricing-payment li {
float:left;
margin:0px 7px 7px 0px;
}

/***** Slideshow Stylesheet *****/


@media screen and (-webkit-min-device-pixel-ratio:0){
.small-text {margin-top:-45px; padding:0px 8px 0px 7px;}
}

x:-o-prefocus, .small-text {margin-top:-45px; padding:0px 8px 0px 7px;}

:root .small-text {margin-top:-45px\0/IE9;}