@charset "utf-8";
/* ============= Common Layout CSS =============== */

* {
	margin:0;
	padding:0;
}

img {
	border: 0;
}

.imageTopMargin {
	border: 0;
	margin-top: -18px;
}

.moreApps {
	float: right;
	margin-top: -22px;
}

:focus {
	outline:0;
}

.clear {
	clear:both;
}

.none {
	display: none;
}

.gray {
	color: #858485;
}

.left {
	float: left !important;	
}

.right {
	float: right !important;	
}

.f16 {
	font-size: 16px !important;	
}

body {
	background: #ffffff;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: normal;
	color: #414141;
}

a {
	color: #414141;
	text-decoration: none;
}

a:hover {
	color: #414141;
	text-decoration: underline;
}

.bgWhite {
	width: 100%;
	border-top: 10px solid #1e1e1e;
}

.divCenter {
	width: 960px;
	margin: 0 auto;
}

.divHeader {
	float: left;
	width: 100%;
	/*padding: 22px 0 25px 0;*/
	padding: 22px 0 5px 0;
	border-bottom: 1px solid #898989;
}

.divLogo {
	float: left;
	margin-left: 10px;
	*margin-right: 205px;
	margin-right: 10px;	
}

.divTopNav {
	float: left;
}

.divTopNav ul {
	float: left;
	list-style: none;	
}

.divTopNav ul li {
	float: left;	
	margin-right: 18px;
	text-align: center;
	font-size: 13px;
	color: #79797a;
}

.divTopNav ul li.last {
	margin-right: 0;
}

.divTopNav ul li a {
	display: block;
	width: 104px;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif;
	line-height: 33px;
	text-align: center;
	margin-bottom: 10px;
}

.divTopNav ul li a:hover, .divTopNav ul li a.on, .divTopNav ul li a.on:hover {
	display: block;
	width: 104px;
	font-size: 16px;
	font-weight: bold;
	font-family: Georgia, "\5FAE\8F6F\96C5\9ED1", Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: #e2eef1;
	text-align: center;
	color: #4a5659;
}

h1 {
	font-size: 30px;
	color: #1e1e1e;	
	line-height: 53px;
}

.divMain {
	float: left;
	width: 100%;
	padding-bottom: 60px;	
}

.divTitle {
	float: left;
	width: 100%;
	padding-bottom: 32px;
	background: url("../images/color_line.png") bottom no-repeat;
	z-index: 1;
	position: relative;
}

.divFooter {
	width: 100%;
	height: 84px;
	background: #111111;
}

.copyright {
	width: 100%;
	text-align: center;
	color: #f3f9fc;
	font-size: 14px;
	padding-top: 36px;
}

.divSocial {
	float: right;
	margin-top: -30px;
}

.divSocial a {
	padding-right: 12px;
}

/* ================= Home =================== */
.divHomeBanner {
	float: left;
	width: 100%;
	overflow: hidden;
	margin-top: -11px;
	z-index: 0;
	position: relative;
}

/* Styling the caption */
.showcase-caption {
	float: left;
	position: relative;
	width: 100%;
	height: 83px;
	color: #fff;
	display: none;	
	font-size: 22px;
	font-weight: bold;	
	background: url("../images/bg_caption.png") repeat-x;
	margin-top: -83px;
	z-index: 2;
	text-align: center;
	line-height: 83px;
}

/* Navigation arrows */
.showcase-arrow-previous, .showcase-arrow-next {
	position: absolute;
	background: url('../images/arrows.png');
	width: 33px;
	height: 33px;
	top: 298px;
	cursor: pointer;
	z-index:3;
}

.showcase-arrow-previous {
	left: 20px;
}

.showcase-arrow-previous:hover {
	background-position: 0px 0px;
}

.showcase-arrow-next {
	right: 20px;
	background-position: -34px 0;
}

.showcase-arrow-next:hover {
	background-position: -34px 0;
}

/* Button Wrapper */
.showcase-button-wrapper {
	float: left;
	width: 100%;
	color: #ffffff; 
	text-align: center;
	padding: 30px 0 45px 0;
}

.showcase-button-wrapper span {
	display: inline-block; 
	width: 9px; 
	height: 9px; 
	line-height: 9px; 
	text-decoration: none; 
	color: #626262;
	overflow: hidden; 
	background: url("../images/btn_dot.jpg") no-repeat; 
	background-position: -9px 0px;
	text-align: center;
	cursor: pointer;
	margin: 0 12px;
}

.showcase-button-wrapper span.active {
	background: url("../images/btn_dot.jpg") no-repeat; 
	background-position: 0px 0px;
	color: #c9c9c9;
}

.divAppList {
	float: left;
	width: 100%;
}

.appListTitle {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;	
	padding-bottom: 15px;
}

.appListTitle h2 {
	font-size: 22px;
	font-weight: bold;
}

.appListContainer {
	float: left;
	width: 100%;
	height: 281px;
	margin-bottom: 59px;
	overflow: hidden;
	border-bottom: 1px solid #dcdcdc;
}

.appListContainer ul {
	float: left;
	width: 100%;
	list-style: none;
	margin-top: 40px;
}

.appListContainer ul li {
	float: left;
	width: 229px;
	text-align: center;	
	padding-bottom: 55px;
	margin-right: 14px;
}

.appListContainer ul li.last {
	margin-right: 0;
}

.divHomeWho {
	float: left;
	width: 528px;
	height: 264px;
	margin-right: 20px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #f0f0f0;
	background: #f7f7f7;
}

.whoFrame {
	float: left;
	padding: 20px;	
	color: #79797a;
	line-height: 27px;
	text-align: justify;
}

.whoFrame h3 {
	font-size: 17px;
	color: #3a3b3a;
	margin-bottom: 10px;
}

.divHomeContact {
	float: left;
	width: 408px;
}

.homeContactTitle {
	float: left;
	width: 100%;
	margin-bottom: 13px;
}

.homeContactTitle h3 {
	font-size: 17px;
	color: #3a3b3a;
	line-height: 40px;
}

.homeContactTitle h3 img {
	float: left;
	margin-right: 15px;	
}

.homeContactFrame {
	float: left;
	width: 366px;
	height: 170px;
	border-top: 1px solid #eaeaea;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #f0f0f0;
	background: #f7f7f7;
	padding: 20px;
	color: #79797a;
	line-height: 27px;
}

.homeContactFrame a, .homeContactFrame a:hover {
	color: #79797a;
}

.map {
	float: right;
	height: 384px;
	margin-top: -2px;
}

/* ================= Company =================== */
.divAboutUs {
	float: left;
	width: 100%;
	line-height: 52px;
	margin-bottom: 26px;
}

.divServices {
	float: left;
	width: 100%;
	margin-bottom: 70px;
}

.servicesTitle {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;	
	padding-bottom: 15px;
}

.servicesTitle h2 {
	font-size: 16px;
	font-weight: bold;
}

.servicesList {
	width: 410px;
	margin-top: 32px;
}

.servicesList.td {
	margin-top:0px;
}
.servicesList span {
	float: left;	
	width: 100%;
	line-height: 40px;
	margin-bottom: 30px;
}
.servicesList.td span {
 	margin-bottom: 0px;
}
.servicesList span img {
	float: left;
	margin-right: 15px;
}

.servicesList span h3 {
	font-size: 17px;
	color: #79797a;
}

.servicesList ul {
	float: left;
	width: 100%;
	list-style: none;	
	padding-bottom: 40px;
}

.servicesList ul li {
	background: url("../images/icon_star_gray.jpg") left center no-repeat;
	padding-left: 20px;	
	line-height: 27px;
}

.servicesDesc {
	color: #79797a;
	line-height: 27px;
}

/* ================= Contact Us =================== */
.divContact {
	float: left;
	width: 100%;
}

.contactTitle {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;	
	padding: 15px 0;
}

.contactTitle h2 {
	font-size: 16px;
	font-weight: bold;
}

.contactForm {
	float: left;
	width: 100%;
	margin: 20px 0;
}

.contactForm table {
	float: left;
	/*width: 958px;*/
	width: 560px;
	border: 1px solid #d2d2d2;
	border-collapse: collapse;
}

.contactForm table th {
	text-align: left;
	/*padding: 15px 20px;*/
	padding: 15px 10px;
	background: #5da4b5;
	color: #ffffff;	
	font-size: 16px;
	font-weight: normal;
	width: 30%;
}

.contactForm table td {
	/*padding: 15px 20px;*/
	padding: 10px 20px;
	width: 70%;
	background: #e8edee;
}

input[type=text], input[type=password], textarea {
	/*width: 653px;*/
	width: 360px;
	background-color:#fbfafa;
	border: 1px solid #d1d1d1;
	color: #000;
	font-size: 15px;
	line-height: 32px;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
	border-color: #5da4b5;
}

input[type=text], input[type=password] {
	height: 32px;
}

textarea {
	height: 72px;
}

input.btnSend {
	width: 105px;
	height: 35px;
	background: url("../images/btn_send.png") no-repeat;
	border: none;
	cursor: pointer;
}

.contactInfo {
	float: left;
	width: 100%;
	line-height: 30px;
	margin-top: 18px;
}

/* ================= Portfolio =================== */
.divPortfolio {
	float: left;
	width: 100%;
}

.portfolioTitle {
	float: left;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;	
	padding: 15px 0;
}

.portfolioTitle h2 {
	font-size: 17px;
	font-weight: bold;
}

.portfolioList {
	float: left;
	width: 100%;	
}

.portfolioList ul {
	float: left;
	list-style: none;	
	line-height: 35px;
}

.portfolioList ul li {
	float: left;
	width: 296px;
	text-align: center;
	background: #ecf0f1;
	margin: 15px 36px 0 0;
	padding: 15px 0;
}

.portfolioList ul li.last {
	margin-right: 0;	
}

.clientList {
	float: left;
	width: 100%;	
}

.clientList ul {
	float: left;
	list-style: none;	
	line-height: 35px;
}

.clientList ul li {
	float: left;
	width: 296px;
	text-align: center;
	margin: 15px 36px 0 0;
	padding: 15px 0;
}

.clientList ul li.last {
	margin-right: 0;	
}

/* ================= Services =================== */
.graybox {
	float: left;
	width: 918px;
	border-top: 1px solid #f2f2f2;
	border-left: 1px solid #f3f3f3;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f5f5f5;
	background: #f7f7f7;
	padding: 20px;
	line-height: 22px;	
	margin: 15px 0;
}

.serviceContent {
	width: 420px;
	text-align: justify;
}

.serviceContent h2 {
	font-size: 18px;
	margin-bottom: 15px;	
}

.serviceContent p {
	margin-bottom: 15px;
}

.graybox .servicesTitle.td h2 {
	font-size: 20px;
}
.graybox .servicesTitle.td {
	margin-bottom: 20px;
}
.graybox .servicesList span h2 {
	font-size: 18px;
}
.marginTL {
	margin: 20px 0 0 30px;	
}

.featureServices {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 30px;
}

.featureServices ul {
	float: left;
	margin-left: 5px;
	list-style: none;	
}

.featureServices ul li {
	background: url("../images/icon_diamond_pink.jpg") left center no-repeat;
	padding-left: 25px;
}

.marginB {
	padding-bottom: 35px !important;	
}

/* ================= Affinity Program =================== */
.normal-text {
	margin-bottom: 15px;
}