/* ZAYN CSS Document */

body{
	margin:0;
	padding:0;
	background-color:#ededed;
	background-image:url(../images/body_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	font-size:11px;
	}
a{
	text-decoration:none;
	color:#72ff00;
	}
a:hover{
	text-decoration:none;
	}
.mail{
	text-decoration:none;
	color:#007794;
	}
.mail:hover{
	text-decoration:none;
	color:#3e8a00;
	}	
img{
	border:none;
	}
.float_l{
	display:block;
	float:left;
	}		
.float_r{
	display:block;
	float:right;
	}
.block{
	display:block;
	}	
.txt_l{
	text-align:left !important;
	}
.txt_r{
	text-align:right !important;
	}		
.clear{
	clear:both;
	}
.rel_1{
	position:relative;
	z-index:100;
	}
.abs_1{
	position:absolute;
	}
*:focus {outline: none;}
*::-moz-focus-inner {border: none; }					
/**********************/

/*------- Wrappers -----------*/
.wrapper{
	width:970px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
/*----------- Header ------------*/

.header_wrap{
	width:970px;
	height:70px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	}
.header_l{
	width:auto;
	height:70px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	}
.header_r{
	width:300px;
	height:40px;
	margin:0;	
	padding:30px 0 0 0;
	display:block;
	float:right;
	}	
.header_sitemap a{
	width:53px;
	height:14px;
	display:block;
	float:right;
	background-image:url(../images/site_map_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 10px 0 0;
	padding:1px 0 0 24px;
	
	font-size:10px;
	color:#818181;
	text-align:left;
	}	
.header_sitemap a:hover{
	background-position:top;
	color:#FFFFFF;
	text-decoration:none;
	}
.header_contact  a{
	width:57px;
	height:14px;
	display:block;
	float:right;
	background-image:url(../images/contact_bg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 10px 0 0;
	padding:1px 0 0 20px;
	
	font-size:10px;
	color:#818181;
	text-align:left;
	}	
.header_contact a:hover{
	background-position:top;
	color:#FFFFFF;
	text-decoration:none;
	}			
/*---------- Banner ----------*/
.banner_wrap{
	width:970px;
	height:285px;
	margin:8px 0;
	padding:0;
	background-color:#000000;
	background-image:url(../images/banner_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	}
.banner_cont_1{
	width:970px;
	height:285px;
	margin:0;
	padding:0;
	background-image:url(../images/banner_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}	
.banner_cont_2{
	width:955px;
	height:255px;
	margin:0;
	padding:15px 0 15px 15px;
	background-image:url(../images/banner_bottom.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	overflow:hidden;
	}	
/*----- Gallerific --------*/
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: left;
	width: 711px; 
	height:255px;
	overflow:hidden;
}
div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 255px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 711px;
	height: 255px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {
	width: 711px; 
	height:255px;
	float:left;
	margin:0;
	padding:0;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 711px;
	height: 255px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 255px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow img {
	vertical-align: middle;
	border: 0px solid #ccc;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	width:237px;
	height:255px;
	float:right;
	display:inline;
	margin: 0;
	padding: 0 0 0 0px;
}
ul.thumbs li {
	width:106px;
	height:79px;
	float: left;
	display:inline;
	padding: 0;
	margin:0px 9px 9px 0;
	list-style: none;
	overflow:hidden;
}
a.thumb {
	width:106px;
	height:79px;
	padding: 0px;
	display: block;
	float:left;
}
ul.thumbs li.selected a.thumb {
	
}
/********************/	

/*---------- Menu -------*/
.menu_wrap{	
	width:960px;
	height:44px;
	margin:0 0 10px 0;
	padding:0 5px 0px 5px;
	background-image:url(../images/menu_bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	background-color:#262525;
	}	
.menu_wrap ul{
	width:960px;
	height:44px;
	float:left;
	display:block;
	margin:0;
	padding:0;
	}	
.menu_wrap ul li{
	height:44px;
	width:auto;
	display:inline;
	list-style:none;
	float:left;
	margin:0;
	padding:0 2px 0 0;
	background-image:url(../images/menu_sep.jpg);
	background-position:right;
	background-repeat:no-repeat;
	
	text-transform:uppercase;
	}
.menu_wrap ul li a{
	height:29px;
	width:auto;
	display:block;
	float:left;
	margin:0;
	padding:15px 30px 0 31px;
	
	font-size:13px;
	font-weight:bold;
	color:#a8a8a8;
	text-align:left;
	}	
.menu_wrap ul li a:hover{
	background-image:url(../images/menu_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	
	color:#FFFFFF;
	text-decoration:none;
	}
/*-----------------------*/
	
/*------------- Sub menu --------------*/
.dropdown_wrapper {
}
.dropdown_cont{
	position:absolute;
	padding:0px 0 8px 0;
	width:172px;
	height:auto;
	z-index:1000;
	left:0px;
	top:44px;
	background-image:url(../images/sub_menu_bg_bottom.png);
	background-position:bottom left;
	background-repeat:no-repeat;
}
.dropdown_cont ul{
	margin:0;
	padding:0 0 0px 0;
	width:172px;
	height:auto;
	display:block;
	overflow:hidden;
	background-image:url(../images/sub_menu_bg.png);
	background-position:0 0;
	background-repeat:repeat;
}
.dropdown_cont ul li{
	width:172px;
	height:25px;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #555652; 
	background-image:none;
		
	font-size:12px;
	color:#FFFFFF;
}
.dropdown_cont ul li a{
	margin:0;
	padding:5px 0 0 15px;
	display:block;
	width:157px;
	height:20px;
	text-decoration:none;
	
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-transform:none;	
}
.dropdown_cont ul li a:hover{
	background-color:#62a305;
	background-image:none;
	
	text-decoration:none;
	color:#adc402;
}
.last_item{
	border:none !important;
	}
.active_tab{
	background-image:url(../images/menu_bg.jpg) !important;
	background-position:0 0 !important;
	background-repeat:repeat-x !important;
		
	color:#FFFFFF !important;
	text-decoration:none;
}	
.active_tab a{
	color:#FFFFFF !important;
	}

/*-----------------------*/
	
/*----------- Page Containers ------------*/

.inner_wrap{
	width:970px;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	background-image:url(../images/page_bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	}
.page_top{
	width:970px;
	height:15px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	background-image:url(../images/page_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}	
.page_bottom{
	width:970px;
	height:15px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	background-image:url(../images/page_bottom.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}	
.page_cont{
	width:960px;
	height:auto;
	margin:0;
	padding:0 5px;
	}
.left_cont{
	width:680px;
	height:auto;
	margin:0;
	padding:10px 0 5px 20px;
	float:left;
	display:block;
	}

.page_net_outter_wrapper{
	width:680px;
	height:auto;
	margin:0;
	padding:0;
	background-image:url(../images/page_net_bg_06.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	}	
.inner_wrap_net{
	width:680px;
	height:auto;
	display:block;
	float:left;
	margin:0 0 0 0px;
	padding:16px 0 0 0;
	background-image:url(../images/page_net_bg_03.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	}		
.page_bottom_net{
	width:680px;
	height:12px;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
	background-image:url(../images/page_net_bg_08.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}
.network_blocks{
	width:226px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	padding:0;
	}	
.network_blocks h2{
	display:block;
	height:30px;
	margin:0 0 8px 0;
	padding:0 0 0 13px;
	
	text-align:left;
	}
.network_blocks h2 span{
	display:inline;
	height:23px;
	width:198px;
	float:left;
	background-image:url(../images/net_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 0 0px;
	padding:7px 0 0 0;
	
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}	
.network_blocks p{
	display:block;
	margin:0 0 10px 0;
	padding:0 10px 0 30px;
	border-right:1px solid  #ACACAC;
	
	font-size:11px;
	text-align:left;
	color:#3e3e3e;
	line-height:17px;
	}	
.software_blocks{
	width:680px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	padding:0;
	}
.software_blocks h2{
	display:block;
	height:30px;
	margin:0 0 8px 0;
	padding:0 0 0 13px;
	cursor:pointer;
	
	text-align:left;
	}
.software_blocks h2 span{
	display:block;
	height:23px;
	width:638px;
	float:left;
	background-image:url(../images/soft_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 0 0px;
	padding:7px 0 0 10px;
	
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	}	
.software_blocks p{
	display:block;
	float:left;
	margin:0 0 10px 0;
	padding:0 10px 0 18px;
		
	font-size:11px;
	text-align:justify;
	color:#3e3e3e;
	line-height:17px;
	}
.folio_blocks{
	width:226px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	padding:0;
	}	
.folio_blocks h2{
	display:block;
	height:83px;
	margin:0 0 8px 0;
	padding:0 0 0 13px;
	
	text-align:left;
	}
.folio_blocks h2 span{
	display:inline;
	height:83px;
	width:200px;
	float:left;
	background-image:url(../images/folio_box_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 0 0;
	padding:0 0 0 0;
	
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}	
.box_blocks{
	width:315px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	padding:0;
	}	
.box_blocks h2{
	display:block;
	height:30px;
	margin:0 0 8px 0;
	padding:0 0 0 13px;
	
	text-align:left;
	}
.box_blocks h2 span{
	display:inline;
	height:23px;
	width:198px;
	float:left;
	background-image:url(../images/net_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 0 0px;
	padding:7px 0 0 0;
	
	color:#3e3e3e;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}	
.box_blocks p{
	display:block;
	margin:0 0 10px 0;
	padding:0 10px 0 30px;
	border-right:1px solid  #ACACAC;
	
	font-size:11px;
	text-align:left;
	color:#3e3e3e;
	line-height:17px;
	}
/*---------- Right Containers --------*/

.right_cont{
	width:240px;
	height:auto;
	display:block;
	float:right;
	margin:0;
	padding:9px 0 0 0;
	}
.right_box{
	width:240px;
	height:auto;
	float:left;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	background-color:#848781;
	background-image:url(../images/right_box_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	}	
.right_box_contact{
	width:240px;
	height:auto;
	float:left;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	background-color:#ffffff;
	background-position:0 0;
	background-repeat:repeat-y;
	}	
.right_box h2{
	height:22px;
	width:214px;
	margin:0;
	padding:7px 10px 0 16px;
	background-color:#3f413b;
	background-image:url(../images/right_box_head.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	}
.right_box_footer{
	height:19px;
	width:204px;
	margin:0;
	padding:4px 20px 0 16px;
	background-color:#3f413b;
	background-image:url(../images/right_box_footer.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	
	font-size:10px;
	}	
.right_box_footer2{
	height:20px;
	width:204px;
	margin:0;
	padding:3px 20px 0 16px;
	background-color:#3f413b;
	background-image:url(../images/right_box_footer.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	
	font-size:10px;
	}		
.right_box_cont{
	width:200px;
	height:auto;
	float:left;
	display:inline;
	margin:15px 20px 15px 20px;
	padding:0;
	
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:13px;
	text-align:justify;
	}	
.right_box_news{
	width:200px;
	float:left;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	}
.right_box_testi{
	width:200px;
	float:left;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	}			
.right_box_cont p{
	display:block;
	margin:0 0 3px 0;
	
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:13px;
	text-align:justify;
	}	
.right_box_cont p a{
	text-align:right;
	}
.right_box_cont p a:hover{
	text-decoration:underline;
	}
.right_box_ser{
	width:240px;
	height:auto;
	float:left;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	}	
.right_box_cont_ser{
	width:200px;
	height:auto;
	float:left;
	display:inline;
	margin:15px 20px 15px 20px;
	padding:0;
	
	font-size:11px;
	font-weight:normal;
	color:#3e3e3e;
	line-height:13px;
	text-align:justify;
	}	
.right_box_contact_test{
	width:220px;
	float:left;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	}	
.right_box_cont_con{
	width:220px;
	height:auto;
	float:left;
	display:inline;
	margin:5px 5px 5px 15px;
	padding:0;
	
	font-size:11px;
	font-weight:normal;
	color:#3e3e3e;
	line-height:13px;
	text-align:justify;
	}	
.right_box_cont_ser p{
	display:block;
	margin:0 0 3px 0;
	
	font-size:11px;
	font-weight:normal;
	color:#3e3e3e;
	line-height:13px;
	text-align:justify;
	}
.right_box_cont_ser_hdg{
	display:block;
	margin:0 0 3px 0;
	
	font-size:14px;
	font-weight:normal;
	color:#007794;
	text-align:left;
	}		
/*------------*/	
.right_box_quote{
	width:240px;
	height:auto;
	float:left;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	background-color:#848781;
	background-image:url(../images/right_box_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	}	
a.req_quote{
	width:214px;
	height:24px;
	float:left;
	display:block;
	background-color:#7dbf0f;
	background-image:url(../images/quote_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0;
	padding:7px 10px 0 16px;
	overflow:hidden;
	
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	}
a:hover.req_quote{
	text-decoration:none;
	background-position:bottom left;
	}	
.quote_wrap{
	width:240px;
	height:auto;
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0;
	
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:14px;
	text-align:justify;
	}	
.quote_contents{
	width:200px;
	margin:0;
	padding:6px 19px 0px 21px;
	float:left;
	display:block;
	}	
a.quote_selected{
	height:22px !important;
	width:214px;
	margin:0;
	padding:7px 10px 0 16px;
	background-color:#3f413b;
	background-image:url(../images/right_box_head.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden !important;
	
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#FFFFFF;
	}	
.submit_1 a{
	width:50px;
	height:15px;
	display:block;
	background-image:url(../images/submit_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
	}
.submit_1 a:hover{
	background-position:left top;
	
	color:#000000;
	text-decoration:none;
	}	
.thank_you{
	width:240px;
	margin:0;
	padding:0px 0px 0px 0px;
	float:left;
	display:block;
	}	
.thank_you p{
	display:block;
	margin:0;
	padding:10px 20px;
	}
.thank_you2{
	width:400px;
	margin:0;
	padding:0px 0px 0px 0px;
	float:left;
	display:block;
	}	
.thank_you2 p{
	display:block;
	margin:0;
	padding:10px 20px;
	
	font-weight:bold;
	}		
/*----------*/
.soft_box_cont{
	width:680px;
	height:auto;
	float:left;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	background-color:#848781;
	background-image:url(../images/page_net_bg_06.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	}	
a.soft_cont{
	width:400px;
	height:30px;
	float:left;
	display:block;
	background-color:#7dbf0f;
	background-image:url(../images/soft_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0;
	padding:7px 10px 0 16px;
	overflow:hidden;
	
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:left;
	}
a:hover.soft_cont{
	text-decoration:none;
	background-position:bottom left;
	}	
.soft_wrap{
	width:500px;
	height:auto;
	float:left;
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0;
	
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	line-height:14px;
	text-align:justify;
	}
/*----------*/
.right_services_active{
	width:175px;
	height:16px;
	float:left;
	margin:0 0 2px 0;
	padding:3px 0 0 25px;
	background-color:#333333;
	background-image:url(../images/side_menu_bg.jpg);
	background-position:6px 5px;
	background-repeat:no-repeat;
	
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	}
.right_services a{
	width:175px;
	height:16px;
	float:left;
	margin:0 0 2px 0;
	padding:3px 0 0 25px;
	background-image:url(../images/side_menu_bg.jpg);
	background-position:6px 5px;
	background-repeat:no-repeat;
	
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	}	
.right_services a:hover{
	background-color:#666666;
	text-decoration:none;
	}		
/*---------- Contact Page --------*/
.contact_cont{
	display:block;
	margin:0;
	padding:0 0 0 18px;
	
	text-align:left;
	}
.send_mail a{
	width:87px;
	height:18px;
	display:block;
	float:left;
	margin:0;
	padding:4px 0 0 0;
	background-image:url(../images/read_more_bg.png);
	background-position:bottom left;
		
	color:#b7cb22;
	text-align:center;
	font-size:11px;
	}
.send_mail a:hover{
	background-position:top left;
	text-decoration:none;
	}		
	
/*--------- Input Fields -----*/
.input1{
	width:190px;
	height:15px;
	display:block;
	float:left;
	border:1px solid #333333;
	margin:0 0 6px 0;
	padding:2px 3px 0 3px;
	
	font-size:11px;
	color:#666666;
	text-align:left;
	}	
.input2{
	width:195px;
	height:70px;
	display:block;
	float:left;
	border:1px solid #333333;
	margin:0 0 6px 0;
	overflow:auto;
	padding:0px 0px 0 3px;
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
	}
.input1_1{
	width:190px;
	height:15px;
	display:block;
	float:left;
	border:1px solid #333333;
	margin:0 0 0px 0;
	padding:2px 3px 0 3px;
	
	font-size:11px;
	color:#666666;
	text-align:left;
	}	
.input2_2{
	width:193px;
	height:70px;
	display:block;
	float:left;
	border:1px solid #333333;
	margin:0 0 0px 0;
	overflow:auto;
	padding:0px 0px 0 3px;
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
	}		
.input3	{
	width:198px;
	height:18px;
	display:block;
	float:left;
	border:1px solid #333333;
	margin:0 0 6px 0;
		
	font-size:10px;
	color:#666666;
	text-align:left;
	}
	
/*------------- Bottom Block -----------*/

.bottom_block_wrap{
	width:970px;
	height:305px;
	margin:0 0 10px 0;
	padding:0;
	background-color:#464844;
	background-image:url(../images/bottom_block_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	}
.bottom_block_wrap1{
	width:680px;
	height:305px;
	margin:0 0 10px 0;
	padding:0;
	background-color:#464844;
	background-image:url(../images/bottom_block_bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	}
.bottom_block_cont{
	width:946px;
	height:305px;
	display:inline;
	float:left;
	overflow:hidden;
	margin:0;
	padding:0 0 0 7px;
	background-image:url(../images/bottom_block_l.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}	
.bottom_block_r{
	width:17px;
	height:305px;
	overflow:hidden;
	margin:0;
	padding:0;
	display:inline;
	float:right;
	background-image:url(../images/bottom_block_r.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	}	
.bottom_blocks{
	width:294px;
	height:265px;
	margin:20px 0 0 0;
	padding:0 12px;
	display:inline;
	float:left;
	border-right:1px solid #5e5e5e;
	position:relative;
	z-index:2;
	}	
.bottom_blocks h2{
	display:block;
	height:25px;
	background-image:url(../images/block_head_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	padding:9px 0 0 12px;
	
	color:#b7cb22;
	font-size:11.5px;
	font-weight:bold;
	text-align:left;
	}		
.bottom_blocks p{
	display:block;
	margin:0 0 10px 0;
	padding:0 4px 0 4px;
	
	font-size:11px;
	text-align:justify;
	color:#d2d2d2;
	line-height:15px;
	}		
.bottom_blocks_img{
	width:116px;
	height:109px;
	margin:0;
	padding:0;
	position:absolute;
	left:12px;
	bottom:22px;
}
.bottom_read_more a{
	width:87px;
	height:18px;
	margin:0;
	padding:4px 0 0 0;
	background-image:url(../images/read_more_bg.png);
	background-position:bottom left;
	position:absolute;
	right:13px;
	bottom:5px;
	
	color:#b7cb22;
	text-align:center;
	font-size:11px;
	}
.bottom_read_more a:hover{
	background-position:top left;
	text-decoration:none;
	}
	
/*----------- Footer ---------*/
.footer_wrap{
	width:100%;
	height:29px;
	background-color:#0b0b0b;
	margin:0;
	padding:8px 0 0 0;
	border-bottom:2px #FFFFFF solid;
	}	
.footer_cont{
	width:960px;
	height:auto;
	margin:0 auto;
	padding:0;
	
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	}	
.footer_cont a{
	color:#676767;
	margin:0 5px;
	}
.footer_cont a:hover{
	color:#FFFFFF;
	text-decoration:none;
	}		
.footer_cont_l{
	width:720px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	
	color:#676767;
	}	
.footer_cont_r{
	width:240px;
	float:right;
	display:block;
	}
/*---------- Fonts -----------*/

h1{
	height:38px;
	display:block;
	margin:0 0 6px 0;
	background-color:#e0e0e0;
	background-image:url(../images/hom_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	
	font-size:17px;
	font-weight:bold;
	text-align:left;
	color:#4a4a4a;
	}
h1 .bg{
	height:28px;
	display:block;
	margin:0;
	padding:10px 20px 0 20px;
	background-image:url(../images/hom_bg.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	}
.bg_a{
	height:19px;
	display:block;
	background-image:url(../images/home_bg.jpg);
	background-position:left;
	background-repeat:repeat-x;
	
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
	padding:5px 0 0 10px;
	}	
.bg_b{
	height:28px;
	display:block;
	background-image:url(../images/home_bg.jpg);
	background-position:left;
	background-repeat:no-repeat;
	
	font-size:13px;
	font-weight:bold;
	text-align:left;
	color:#8e9f10;
	padding:10px 0 0 10px;
	}		
.main_content{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 18px;
	
	font-size:12px;
	text-align:justify;
	color:#3e3e3e;
	line-height:16px;
	}
.main_content_hdg{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 18px;
	
	font-size:11px;
	font-weight:bold;
	text-align:justify;
	color:#3e3e3e;
	line-height:16px;
	}
.main_content2{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 0px;
	
	font-size:11px;
	text-align:justify;
	color:#3e3e3e;
	line-height:16px;
	}
.orange{
	font-weight:bold;
	color:#f7921c;
	}		
.green{
	color:#adc402;
	}
.blue1{
	font-weight:bold;
	color:#3874b8;
	}	
.blue{
	color:#3874b8;
	}	
.green2, green2 a{
	color:#72ff00 !important;
	}		
/*----------------------*/

/*---------------- COLOR BOX -------------*/

.colorbox_hidden{display:none;}
.portfolio_thumb_cont{
	width:680px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	display:block;
	}
.portfolio_thumb_cont a{
	width:202px;
	height:132px;
	float:left;
	display:inline;
	margin:0 2px 16px 14px;
	padding:4px;
	background-image:url(../images/folio_bg.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	
	text-align:center;
	}	
.portfolio_thumb_cont a:hover{
	background-position:bottom;
	}	
.portfolio_wrap{
	width:730px;
	height:auto;
	margin:0;
	padding:0px;
	}
.portfolio_wrap p{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 0px;
	
	font-size:11px;
	text-align:justify;
	color:#666666;
	line-height:16px;
	}	
.launch_site a{
	width:140px;
	height:18px;
	display:block;
	float:left;
	margin:0;
	padding:4px 0 0 0;
	background-image:url(../images/launch_site_bg.png);
	background-position:bottom left;
		
	color:#b7cb22;
	text-align:center;
	font-size:11px;
	}
.launch_site a:hover{
	background-position:top left;
	text-decoration:none;
	}		
/************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(../images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(../images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(../images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(../images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(../images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(../images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(../images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(../images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}

/**********************/

/***** Clients Page Tooltip *********/

#dhtmltooltip {
	position: absolute;
	left: -300px;
	width: 200px;
	border:1px solid #8FAEB1;
	padding: 10px;
	background-color:#FDFEFF;
	visibility: hidden;
	z-index: 10000;
	height:auto;
	}
#dhtmltooltip p {
	margin:0;
	padding:0 0px;
	text-align:justify;
	}	
#dhtmltooltip img {	
	padding:5px 0 0 140px;
	}	
#dhtmlpointer {
	position:absolute;
	left: -300px;
	z-index: 10001;
	visibility: hidden;
	display:none !important;
}
/***************************/

/********** ZAYN ADMIN PAGE CSS **********/

.admin_page{
	margin:0;
	padding:0;
	background-color:#ededed;
	background-image:url(../images/admin_body_bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
	
	font-family:Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	font-size:11px;
	}
	
/*----------- Page Containers ------------*/

.admin_inner_wrap{
	width:970px;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	background-image:url(../images/adminpage_bg.jpg);
	background-position:left top;
	background-repeat:repeat-y;
	}
.admin_page_top{
	width:970px;
	height:15px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	background-image:url(../images/adminpage_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}	
.admin_page_bottom{
	width:970px;
	height:15px;
	display:block;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	background-image:url(../images/adminpage_bottom.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	}	
.admin_page_cont{
	width:930px;
	height:auto;
	margin:0;
	padding:0 25px 0 15px;
	}

/***************************/