@charset "utf-8";
/* CSS Document */
@import url("reset.css");
/*Main Styles START*/
body {
	background:url(images/bg_body.png) repeat;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
a {
	color:#409ed9;
	text-decoration:none;
	font-size:12px;
}
a:hover {
	text-decoration:underline;
}
.main {
	width:100%;
	overflow: hidden;
	position:relative;
}
.leftSide {
	background:url(images/bg_left_side.png) repeat-x;
	height:473px;
	float:left;
	width:50%;
	margin-left:-526px;
}
.leftSideImage {
	background:url(images/img_left_side.png) no-repeat;
	width:51px;
	height:473px;
	float:right;
	margin:-2px -51px 0 0;
}
*+html .leftSide{
	position:absolute;
	left:0;
	}
*+html .rightSide{
	position:absolute;
	right:0;}
.rightSide {
	background:url(images/bg_right_side.png) repeat-x;
	height:423px;
	float:right;
	width:50%;
	margin-right:-567px;
}
.rightSideImage {
	background:url(images/img_right_side.png) no-repeat;
	width:92px;
	height:423px;
	float:left;
	margin-left:-92px;
}
.container {
	background:#fff;
	width:950px;
	margin:auto;
	min-height:664px;
}
/*Main END*/

/*Header START*/
.header {
	position:relative;
	height:90px;
}
.homeTitle {
	float:left;
	margin:30px 0 0 30px;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	color:#007dcc;
	font-size:17px;
}
.orangeText {
	color:#cf6900;
}
.logo {
	display:block;
	background:url(images/logo_zc.png) no-repeat;
	width:229px;
	height:90px;
	margin-left:17px;
	float:left;
}
.logoInc {
	display:block;
	background:url(images/logo_inc.png) no-repeat;
	height:90px;
	width:83px;
	float:right;
	margin-right:54px;
}
.pageTitle {
	float:right;
	margin:40px 200px 0 0;
	color:#d7e1e6;
	font-size:40px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:100;
}
/*Header END*/	


/*SUBHEADER AND CONTENT START*/
.subHeader {
	position:relative;
	height:295px;
	background:url(images/bg_subheader.png) no-repeat left top;
	border-bottom:7px solid #9bb3c0;
}
/*HomeStyles*/
	.contentHome {
	padding:20px 20px;
}
.homeSlogan {
	float:left;
	background:url(images/img_subheader_text.png) no-repeat;
	width:333px;
	height:185px;
	margin:60px 0 0 80px;
}
.homeMainPic {
	position:absolute;
	right:0;
	background:url(images/img_main_pic.png) no-repeat;
	width:503px;
	height:376px;
	margin:-81px -20px 0 0;
}
/*solutionsStyles*/
.solutionMainPic {
	position:absolute;
	right:0;
	background:url(images/img_solution.png) no-repeat;
	width:382px;
	height:335px;
	margin:-40px 40px 0 0;
}

.solutionMainPic2 {
	position:absolute;
	right:0;
	background:url(images/img_solution_01.png) no-repeat;
	width:220px;
	height:660px;
	margin:-63px 50px 0 0;
}

.solutionMainPic3 {
	position:absolute;
	right:0;
	background:url(images/img_solution_02.png) no-repeat;
	width:450px;
	height:365px;
	margin:-50px -20px 0 0;
}

.solutionMainPic4 {
	position:absolute;
	right:0;
	background:url(images/img_solution_03.png) no-repeat;
	width:450px;
	height:317px;
	margin:-22px -14px 0 0;
}

.solutionMainPic5 {
	position:absolute;
	right:0;
	background:url(images/img_solution_04.png) no-repeat;
	width:409px;
	height:320px;
	margin:-25px 20px 0 0;
}

.solutionMainPic6 {
	position:absolute;
	right:0;
	background:url(images/img_solution_05.png) no-repeat;
	width:406px;
	height:320px;
	margin:-25px 20px 0 0;
}

.solutionDiffVid {
	position:absolute;
	right:0;
	width:409px;
	height:320px;
	margin: 50px 0px 0 0;
}

.solutionSubheader {
	width:370px;
	height:245px;
	float:left;
	margin:40px 0 0 135px;
	line-height:15px;
}
.solutionSubheader ul {
	margin:10px 0 10px 30px;
}
.solutionSubheader li {
	list-style:inside disc;
}
.solutionSubheader a {
	text-decoration:underline;
}
.solutionSubheader a:hover {
	color:#e26e0c
}
.solutionsRight{
	position:absolute;
	right:-2px;
	top:20px;
	width:220px;
	height:275px;
	background:url(images/img_solutions_rightBox.jpg) bottom no-repeat;
	}
	
.solutionsRight1{
	position:absolute;
	right:-2px;
	top:20px;
	width:220px;
	height:275px;
	background:url(images/img_solutions_rightBox1.jpg) bottom no-repeat;
	}
	
.casesRight{
	position:absolute;
	right:-2px;
	top:20px;
	width:220px;
	height:275px;
	background:url(images/img_cases_rightBox1.jpg) bottom no-repeat;
	}
	
.casesRight1{
	position:absolute;
	right:-2px;
	top:20px;
	width:220px;
	height:275px;
	background:url(images/img_cases_rightBox2.jpg) bottom no-repeat;
	}
	
.casesRight2{
	position:absolute;
	right:-2px;
	top:20px;
	width:220px;
	height:275px;
	background:url(images/img_cases_rightBox3.jpg) bottom no-repeat;
	}
	
.casesRight3{
	position:absolute;
	right:-2px;
	top:20px;
	width:220px;
	height:275px;
	background:url(images/img_cases_rightBox4.jpg) bottom no-repeat;
	}
	
.casesRight4{
	position:absolute;
	right:-2px;
	top:20px;
	width:220px;
	height:275px;
	background:url(images/img_cases_rightBox5.jpg) bottom no-repeat;
	}
/*Newsstyles*/
	.news {
	float:left;
	width:630px;
	height:430px;
	background:#fff;
	overflow:auto;
	margin:60px 0 0 40px;
	border:1px solid #e06c0a;
	padding:10px;
	-moz-box-shadow: 0 5px 5px #ccc;
	-webkit-box-shadow: 0 5px 5px #ccc;
	box-shadow: 0 5px 5px #ccc;
}
	.news a, .newsRight a, .solutionsRight a, .solutionsRight1 a{
	color:#0068b7;
	text-decoration:underline;
	line-height:20px;
}
	.news p {
	font-size:12px;
	line-height:15px;
	margin:10px 0;
}
	.newsRight {
	position:absolute;
	right:0;
	top:60px;
	width:220px;
	height:235px;
}

.news ul li {
	list-style:outside disc;
	margin-left:30px;
}


.execRight {
	position:absolute;
	right:0;
	top:60px;
	width:220px;
	height:235px;
}
.contentPages {
	padding:20px 20px;
}
.contentPages .contentBox {
	margin:0 30px;
}
.articleHome {
	width:200px;
	height:194px;
	float:left;
	font-size:12px;
	line-height:16px;
	font-family:Arial, Helvetica, sans-serif;
}
.articleHome a {
	font-size:11px;
	color:#2185ba;
	text-decoration:none;
	font-weight:700;
	font-family:Verdana, Geneva, sans-serif;
}
.articleHome a:hover {
	text-decoration:underline;
}

/*Content BOXES*/
.contentBoxSkin {
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	background:url(images/bg_contentBox.png) no-repeat;
	width:243px;
	height:194px;
	float:left;
}
.contentBox {
	float:left;
	position:relative;
	width:222px;
	height:194px;
	margin:0 5px;
	padding-left:21px;

}
.contentBoxText{
	position:absolute;
	bottom:20px;
	left:40px;
	z-index:101;
	
	
	line-height:18px;
	color:#fff;
	vertical-align:middle;}
	
.contentBoxLink {
	position:absolute;
	right:0;
	bottom:0;
	margin:0 10px 30px 0;
	display:block;
	height:17px;
	width:9px;
	background:url(images/ico_go.png) no-repeat;
	z-index:102;
}


.contentBox-small {
	background:url(images/bg_contentBox-small.jpg) no-repeat;
	float:right;
	position:relative;
	width:134px;
	height:121px;
	margin:60px 30px 0 0;
	padding:10px 0 0 30px;
	line-height:20px;
	color:#007dcc;
}

.contentBox-small a{
	color:#007dcc;
	text-decoration:underline;
}

.contentBoxText-small {
	position:absolute;
	left:30px;
	bottom:-5px;
	width:180px;
	height:40px;
	line-height:18px;
	z-index:101;
	color:#fff;
	vertical-align:middle;
}
*+html .contentBoxText-small{
	
	}
.contentBoxLink-small {
	position:absolute;
	right:10px;
	bottom:18px;
	display:block;
	height:17px;
	width:9px;
	background:url(images/ico_go.png) no-repeat;
	z-index:102;
}


/*Social block START*/
.socialHome, .social {
	width:175px;
	height:194px;
	float:left;
	font-size:12px;
	line-height:17px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:5px;
}
.social {
	float:right;
	position:absolute;
	right:10px;
	top:5px;
}
.socialHome ul {
	margin-bottom:20px;
}
.socialHome ul li {
	padding-left:10px;
	background:url(images/li_social.png) no-repeat center left;
	line-height:20px;
}
.socialHome ul li {
	color:#409ed9;
}
.socialHome a {
	color:#409ed9;
	text-decoration:none;
}
.socialLinks, .socialLinks a {
	text-align:center;
	font-weight:700;
	color:#57b5e0;
	line-height:15px;
}
.socialLinks a:hover, .socialHome a:hover {
	text-decoration:underline;
}
.twitter {
	display:inline-block;
	background:url(images/ico_twitter.png) no-repeat;
	height:32px;
	width:32px;
	cursor:pointer;
	margin-right:5px;
}
.facebook {
	display:inline-block;
	background:url(images/ico_facebook.png) no-repeat;
	height:32px;
	width:32px;
	cursor:pointer;
	margin-right:5px;
}

/*Social block END*/



/*Navigation START*/
.navigation {
	background:url(images/bg_navigation.png);
	width:950px;
	height:31px;
}
.navigation ul li {
	position: relative;
	z-index:100;
}
.navigation ul {
	margin-left:57px;
}
.navigation li {
	float:left;
	background:url(images/li_border.png) right no-repeat;
	vertical-align:middle;
}
.navigation li a {
	text-decoration:none;
	color:#fff;
	font-size:13px;
	font-weight:700;
	display:block;
	padding:0 10px;
	height:31px;
	line-height:31px;
}
.navigation li a:hover {
	background:#3397d6;
}
.navigation li ul {
	position: absolute;
	left: 0px;
	top: 32px;
	z-index:100;
	display:none;
	margin:0;
}
.navigation li ul li a {
	background:url(images/bg_menu_li.png) repeat;
	border:1px solid #e6893a;
	width:200px;
	height:27px;
	text-transform:uppercase;
	margin-bottom:2px;
	font-size:11px;
	line-height:27px;
}
.navigation li ul li a:hover {
	height:27px;
	background:#e6893a;
}
.navigation li:hover ul {
	display: block;
}
.navigation li.lastLink {
	background:none;
}
/*Navigation End*/

.clear {
	clear: both;
}
/*Footer Start*/
.footer {
	background:url(images/bg_footer.png) no-repeat top left;
	height:110px;
	width:1048px;
	margin:auto;
	color:#409ed9;
	font-family:Arial, Helvetica, sans-serif;
}
.footer a {
	font-size:11px;
	padding:0 5px;
	font-weight:700;
	border-right:1px solid #409ed9;
	text-transform:uppercase;
}
.footer span {
	font-size:11px;
	font-weight:700;
	float:left;
}
.footerContent {
	width:910px;
	margin:auto;
	padding:60px 40px 0 0;
}
.footerPricavcy {
	width:300px;
	float:left;
	margin-left:50px;
}
.footerLinks {
	width:360px;
	float:right;
	margin-left:0px;
	text-align:right;
}
.lastLink {
	border-right:none!important;
}
.footerZC {
	background:url(images/877-ZC.png) no-repeat right;
	font-size:34px;
	float:right;
	width:350px;
	height:46px;
}
/*Footer END*/

