@charset "utf-8";
/* CSS Document */
/****************************** THE STORY  STARTS HERE ON *******************************/
body
{
	padding:0px;
	border:0px;
	margin:0px;
	background-image:url(../images/zeal_tech_bg.jpg);
}

a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
	border:none;
}
a:link {

	text-decoration: none;
}
a:hover {

	text-decoration:none;
}
a:active, a:focus { 
    border:none;
    outline:none;
}
/******************************WRAPPER BEGINS HERE*******************************/

#wrapper
{
	width:1026px;

	margin-left:auto;
	margin-right:auto;
	
}

/*****************************HEADER BEGINS HERE*******************************/
#header
{
	width:1026px;
	height:99px;
	background-image:url(../images/zeal_tech_header_bg.jpg);
	float:left;
}

.logo
{
	margin-left:68px;
	margin-top:12px;
	float:left;
	border:none;
	outline:none;
	
}

.logo:hover
{
	margin-left:68px;
	margin-top:12px;
	float:left;
	border:0px;
}
.menu_container
{
	width:604px;
	height:32px;
	margin-left:-30px;
	margin-top:0px;
	float:left;
}
.menu_tab
{
	width:114px;
	height:27px;
	list-style-type:none;
	margin-left:6px;
	margin-top:5px;
	float:left;
	color:#000;
	background-image:url(../images/menutab_bg.png);
}

.menu_font
{
	width:114px;
	height:27px;
	margin-left:0px;
	margin-top:5px;
	float:left;
	font-family:Arial;
	list-style-type:none;
	font-size:14px;
	color:#000;
	padding-left:0px;
}
.menu_font:hover
{
	width:114px;
	height:28px;
	margin-left:0px;
	margin-top:-1px;
	float:left;
	font-family:Arial;
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFF;
	display:block;
	padding-left:0px;
	padding-top:3px;
}
.menu_font02
{
	width:114px;
	height:27px;
	margin-left:0px;
	margin-top:5px;
	float:left;
	font-family:Arial;
	list-style-type:none;
	font-size:14px;
	color:#000;
	padding-top:5px;
}
.menu_font02:hover
{
	width:114px;
	height:28px;
	margin-left:0px;
	margin-top:0px;
	float:left;
	font-family:Arial;
	background-repeat:no-repeat;
	font-size:14px;
	color:#FFF;
	display:block;
	padding-left:0px;
	padding-top:3px;
}

/******************************BANNER BEGINS HERE*******************************/
#banner
{
	width:1026px;
	height:396px;
	background-image:url(../images/zeal_banner_bg.jpg);
	float:left;
}
.banner_container
{
	width:930px;
	height:377px;
	margin-left:52px;
	margin-top:8px;
}
/******************************CONTENT BEGINS HERE*******************************/
#content
{
	width:1026px;
	
	height:auto;
	float:left;
}
/******************************SUB CONTENT 1 BEGINS HERE*******************************/
.sub_content01
{
	width:1026px;
	height:201px;
	background-image:url(../images/content01_bg.jpg);
	float:left;
}
.sub_content_box01
{
	width:313px;
	height:188px;
	background-image:url(../images/sub_content_box01.png);
	float:left;
	margin-left:45px;
	margin-top:10px;
}
.sub_content_head
{
	float:left;
	width:283px;
	height:35px;
	margin-left:15px;
	margin-top:15px;
	font-family:Arial;
	background-image:url(../images/sub_content_box_head.png);
	font-weight:600;
	color:#272727;
	font-size:16px;
}
.sub_content_head:hover
{
	float:left;
	width:283px;
	height:35px;
	margin-left:15px;
	margin-top:15px;
	font-family:Arial;
	background-image:url(../images/sub_content_head_hover.png);
	font-weight:600;
	color:#272727;
	font-size:16px;
}

.sub_content_text
{
	width:150px;
	height:105px;
	float:left;
	margin-left:35px;
	margin-top:2px;
	font-family:Arial;
	font-weight:400;
	color:#00000;
	text-align:justify;
	font-size:11px;
	line-height:16px;
	word-spacing:3px;
}

.sub_content01_icon01
{
	float:left;
	margin-left:5px;
	margin-top:0px;
}
.sub_content_more
{
	width:45px;
	height:16px;
	background-image:url(../images/more_tab.png);
	float:left;
	margin-left:50px;
	margin-top:5px;
}
.sub_content_more:hover
{
	width:45px;
	height:16px;
	background-image:url(../images/more_tab_hover.png);
	float:left;
	margin-left:50px;
	margin-top:5px;
}
.sub_content_box02
{
	width:313px;
	height:188px;
	background-image:url(../images/sub_content_box01.png);
	float:left;
	margin-left:0px;
	margin-top:10px;
}
.sub_content_head02
{
	float:left;
	width:283px;
	height:35px;
	margin-left:15px;
	margin-top:15px;
	font-family:Arial;
	background-image:url(../images/sub_content_head02.png);
	font-weight:600;
	color:#272727;
	font-size:16px;
}
.sub_content_head02:hover
{
	float:left;
	width:283px;
	height:35px;
	margin-left:15px;
	margin-top:15px;
	font-family:Arial;
	background-image:url(../images/sub_content_head02_hover.png);
	font-weight:600;
	color:#272727;
	font-size:16px;
}
.sub_content_head03
{
	float:left;
	width:283px;
	height:35px;
	margin-left:15px;
	margin-top:15px;
	font-family:Arial;
	background-image:url(../images/sub_content_head03.png);
	font-weight:600;
	color:#272727;
	font-size:16px;
}
.sub_content_head03:hover
{
	float:left;
	width:283px;
	height:35px;
	margin-left:15px;
	margin-top:15px;
	font-family:Arial;
	background-image:url(../images/sub_content_head03_hover.png);
	font-weight:600;
	color:#272727;
	font-size:16px;
}
/******************************SUB CONTENT 2 BEGINS HERE*******************************/
.sub_content02
{
	width:1026px;
	min-height:230px;
	height:auto;
	background-image:url(../images/content02_bg.jpg);
	margin-left:0px;
	float:left;
}

.sub_content02_main
{
	width:682px;
	height:auto;
	float:left;
	margin-left:50px;
	margin-top:10px;
}
.sub_content02_main_contact
{
	width:400px;
	height:auto;
	float:left;
	margin-left:50px;
	margin-top:10px;
}
.sub_content02_1
{
	width:683px;
	height:24px;
	background-image:url(../images/welcome01.png);
	float:left;
	margin-left:0px;
	margin-top:0px;
}
.sub_content02_2
{
	width:683px;
	min-height:176px;
	height:auto;
	background-image:url(../images/welcome02.png);
	background-repeat:repeat-y;
	float:left;
	margin-left:0px;
	margin-top:0px;
}
.wel_content_head
{
	float:left;
	width:283px;
	margin-left:24px;
	margin-top:0px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#595959;
	font-size:20px;
}
.wel_content_head02
{
	float:left;
	width:283px;
	margin-left:24px;
	margin-top:50px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#595959;
	font-size:20px;
}
.wel_content_headw
{
	float:left;
	font-family:"Century Gothic";
	font-weight:600;
	color:#58bfdd;
	font-size:20px;
}
.wel_content_text
{
	width:630px;
	float:left;
	margin-left:25px;
	margin-top:2px;
	font-family:"Century Gothic";
	font-weight:400;
	color:#595959;
	text-align:justify;
	font-size:13px;
	line-height:22px;
	word-spacing:4px;
}
.sub_content02_3
{
	width:683px;
	height:40px;
	background-image:url(../images/wecome03.png);
	float:left;
	margin-left:0px;
	margin-top:0px;
}

.side_content_main
{
	width:237px;
	height:auto;
	margin-right:47px;
	margin-top:12px;
	float:right;
}
.side_content_01
{
	width:237px;
	height:20px;
	background-image:url(../images/side_content_01bg.png);
	margin-right:0px;
	margin-top:0px;
	padding-top:10px;
	float:left;
}
.side_content_02
{
	width:237px;
	height:auto;
	min-height:50px;
	background-image:url(../images/side_main_bg.png);
	background-repeat:repeat-y;
	margin-right:0px;
	margin-top:0px;
	float:left;
}

.side_content_end
{
	width:237px;
	height:20px;
	background-image:url(../images/side_content_endbg.png);
	margin-right:0px;
	margin-top:0px;
	float:left;
}
.side_content_tab01
{
	width:237px;
	height:39px;
	background-image:url(../images/side_content_tab_bg.png);
	margin-right:0px;
	margin-top:0px;
	float:left;
}
/******************************SUB CONTENT 3 BEGINS HERE*******************************/
.sub_content03
{
	width:1026px;
	height:15px;
	float:left;
	background-position:bottom;
	background-image:url(../images/content03_bg.jpg);
}
/******************************FOOTER BEGINS HERE*******************************/
#footer
{
	width:1026px;
	height:208px;
	background-image:url(../images/zeal_footer_bg.jpg);
	float:left;
}

.footer_menu
{
	font-family:"Century Gothic";
	font-size:13px;
	font-weight:lighter;
	list-style-type:none;
	float:left;
	color:#CCC;
	margin-left:35px;
	margin-top:3px;
	
}
.footer_menu:hover
{
	font-family:"Century Gothic";
	font-size:13px;
	font-weight:lighter;
	list-style-type:none;
	float:left;
	color:#09F;
	margin-left:35px;
	margin-top:3px;
	
}
.footer_menu02
{
	font-family:"Century Gothic";
	font-size:13px;
	font-weight:lighter;
	list-style-type:none;
	float:left;
	color:#CCC;
	margin-left:12px;
	margin-top:3px;
	
}
.footer_menu02:hover
{
	font-family:"Century Gothic";
	font-size:13px;
	font-weight:lighter;
	list-style-type:none;
	float:left;
    color:#09F;
	margin-left:12px;
	margin-top:3px;
	
}
.mail_sticker
{
	float:left;
	width:172px;
	height:111px;
	background-image:url(../images/sticker.png);
	background-position:top;
	overflow:hidden;
	margin-left:60px;
	margin-top:0px;
}
.mail_sticker:hover
{
	background-image:url(../images/sticker.png);
	background-position:bottom;
	overflow:hidden;

}
.connects
{
	width:272px;
	height:83px;
	margin-left:20px;
	float:left;
	margin-top:24px;
	
}
.connects_logos_container
{
	width:272px;
	height:50px;
	margin-left:0px;
	float:left;
	margin-top:4px;
	
}
.connects_font
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	width:280px;
	color:#FFF;
	margin-left:10px;
	margin-top:5px;
	
}
.connects_font2
{
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	color:#029fd3;
	margin-left:5px;
	margin-top:5px;
	
}
.connects_logos_fb
{
	width:49px;
	height:49px;
	list-style-type:none;
	float:left;
	margin-left:-30px;
	margin-top:5px;
	background-image:url(../images/facebook.png);
	background-position:top;
	
}
.connects_logos_fb:hover
{
	
	background-image:url(../images/facebook.png);
	background-position:bottom;
	
}
.connects_logos_twit
{
	width:48px;
	height:48px;
	list-style-type:none;
	float:left;
	margin-left:10px;
	margin-top:5px;
	background-image:url(../images/twitter.png);
	background-position:top;
	
}
.connects_logos_twit:hover
{
	background-image:url(../images/twitter.png);
	background-position:bottom;
	
}
.connects_logos_google
{
	width:48px;
	height:49px;
	list-style-type:none;
	float:left;
	margin-left:10px;
	margin-top:5px;
	background-image:url(../images/google.png);
	background-position:top;
	
}
.connects_logos_google:hover
{
	background-image:url(../images/google.png);
	background-position:bottom;
	
}
.connects_logos_orkut
{
	width:49px;
	height:49px;
	list-style-type:none;
	float:left;
	margin-left:10px;
	margin-top:5px;
	background-image:url(../images/orkut.png);
	background-position:top;
	
}
.connects_logos_orkut:hover
{
	background-image:url(../images/orkut.png);
	background-position:bottom;
	
}
.contacts_box
{
	width:175px;
	height:87px;
	margin-left:55px;
	float:left;
	margin-top:24px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#e2e2e2;
	text-align:right;
	
}
.divider
{
	width:1px;
	height:113px;
	background-image:url(../images/divider.png);
	margin-left:10px;
	float:left;
	margin-top:10px;
	
}
.contacts_box02
{
	width:209px;
	height:60px;
	margin-left:10px;
	float:left;
	margin-top:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#e2e2e2;
	text-align:left;
	
}
.copyright
{
	width:250px;
	margin-left:50px;
	float:left;
	margin-top:20px;
	font-family:Arial;
	font-size:12px;
	font-weight:lighter;
	color:#999;
	
}
.designed
{

	margin-right:50px;
	float:right;
	margin-top:20px;
	font-family:Arial;
	font-size:12px;
	font-weight:lighter;
	color:#999;
	
}
.akira
{
	margin-top:20px;
	font-family:Arial;
	font-size:12px;
	font-weight:lighter;
	color:#060;	
}
.akira:hover
{
	margin-top:20px;
	font-family:Arial;
	font-size:12px;
	font-weight:lighter;
	color:#FC0;	
}
/****************************** SERVICES PAGE *******************************/
.sub_content02_services
{
	width:1026px;
	min-height:230px;
	height:auto;
	background-image:url(../images/content02_bg.png);
	margin-left:0px;
	margin-top:20px;
	float:left;
}
.sub_content02_2_serv
{
	width:683px;
	min-height:175px;
	height:auto;
	background-image:url(../images/welcome02.png);
	background-repeat:repeat-y;
	float:left;
	margin-left:0px;
	margin-top:0px;
}
.service_ul
{
	width:650px;
	float:left;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin-left:0px;
	margin-top:0px;
}

/****************************** SERVICES INTERIOR PAGE *******************************/
.interior_content_head
{
	float:left;
	margin-left:24px;
	margin-top:20px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#595959;
	font-size:20px;
}
.interior_content_head02
{
	float:left;
	margin-left:5px;
	margin-top:20px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#595959;
	font-size:20px;
	width:550px;
}
/****************************** SERVICES TURNKEY PAGE *******************************/
.turnkey_content_head
{
	float:left;
	margin-left:24px;
	margin-top:5px;
	font-family:"Century Gothic";
	font-weight:500;
	color:#333;
	font-size:15px;
}
.turnkey_content_head_link
{
	float:left;
	margin-left:15px;
	margin-top:15px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#666;
	font-size:15px;
}
.turnkey_content_head_link:hover
{
	float:left;
	margin-left:15px;
	margin-top:15px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#03F;
	font-size:15px;
}
.turnkey_content_text
{
	width:820px;
	float:left;
	margin-left:25px;
	margin-top:2px;
	font-family:"Century Gothic";
	font-weight:400;
	color:#595959;
	text-align:justify;
	font-size:13px;
	line-height:22px;
	word-spacing:3px;
}
.turnkey_sub_head
{
	float:left;
	width:500px;
	margin-left:25px;
	margin-top:5px;
	font-family:"Century Gothic";
	font-weight:500;
	color:#111;
	font-size:13px;
}
.turnkey_ul
{
	width:750px;
	float:left;
	font-size:13px;
	font-family:Arial;
	color:#666;
	margin-left:0px;
	margin-top:0px;
}

.submit_head
{
	width:178px;
	height:50px;
	float:left;
	margin-left:25px;
	margin-top:0px;
	background-image:url(../images/submit.png);
}
.submit_head:hover
{
	width:178px;
	height:50px;
	float:left;
	margin-left:25px;
	margin-top:0px;
	background-image:url(../images/submit_hover.png);
}
.contactus_text
{
	width:150px;
	float:left;
	margin-top:0px;
	font-family:"Century Gothic";
	font-weight:400;
	color:#595959;
	text-align:justify;
	font-size:13px;
	line-height:22px;
}
.back_turnkey
{
	float:right;
	margin-right:15px;
	margin-top:0px;
	font-family:"Century Gothic";
	font-weight:200;
	color:#333;
	font-size:14px;
}
.back_turnkey:hover
{
	float:right;
	margin-right:15px;
	margin-top:0px;
	font-family:"Century Gothic";
	font-weight:200;
	color:#06F;
	font-size:14px;
}
.more_jquery
{
	float:left;
	margin-left:0px;
	margin-top:0px;
	font-family:"Century Gothic";
	font-weight:200;
	color:#333;
	font-size:14px;
}
.more_jquery
{
	float:left;
	margin-left:0px;
	margin-top:0px;
	font-family:"Century Gothic";
	font-weight:200;
	color:#CCC;
	font-size:14px;
}


/****************************** SUBMIT FORM PAGE *******************************/
.phpform{float:left; margin-left:180px; margin-top:0px;}
			.form_font{font-size:13px; font-family:"Century Gothic";color:#666;}
			
/****************************** SUBMIT FORM PAGE *******************************/

right_textfield_name
{
	width:50px;
	float:left;
}
	
.right_textfield
	{
		width:250px;
		float:left;
		margin-top:10px;}
		
.right_message_field
			{
		width:250px;
		float:left;
		margin-top:10px;}
		
		
.side_menu_4
{
	width:200px;
	float:left;

	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	margin-right:0px;
	font-size:12px;
	margin-top:20px;
}
.side_menu_container
{
	width:200px;
	height:auto;
	float:left;
	margin-left:150px;
	font-size:12px;
	margin-top:40px;
}
.contacts_head{font-size:19px; color:#666; font-family:"Century Gothic"; font-weight:100; font-weight:600; float:left;  margin-top:0px; margin-right:0px;}
.contact_text
{
	width:270px;
	float:left;
	margin-left:25px;
	margin-top:2px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#777;
	text-align:left;
	font-size:15px;
	line-height:25px;
	word-spacing:3px;
}

.interior_cont_head
{
	width:200px;
	float:left;
	margin-left:24px;
	margin-top:20px;
	font-family:"Century Gothic";
	font-weight:600;
	color:#595959;
	font-size:20px;
}

/****************************** JQUERY SIDE MENU STORY *******************************/


.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 240px;
	height:auto;
}
.message_list li {
	padding: 0;
	margin: 0;
	
}
.message_head {
	
	cursor: pointer;
	position: relative;
	background-image:url(../images/side_content_tab_bg.png);
	width:213px;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:0px;
	padding: 15px 12px;
	
}
.turnkey_side_head {
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	margin-top:50px;
	margin-left:12px;
	padding-top:35px;
	
}
.message_head02 {
	
	cursor: pointer;
	position: relative;
	background-image:url(../images/side_content_tab_bg.png);
	width:213px;
	height:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:-20px;
	padding: 15px 12px;
	
}

.message_body {
	padding: 0px 10px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:200;
	width:220px;
	text-align:justify;
	color:#CCC;
}
.contact_icon{
	width:220px;
	float:left;
	margin-left:20px;

}
.under_construct
{
	margin-left:20px;
	margin-top:0px;
	float:left;
}
/****************************** IMAGE J QUERY  *******************************/

/****************************** ENDS OF STORY *******************************/