/*  
Theme Name: Zirafon Theme By Nybbletech
Theme URI: http://www.nybbletech.com
Description: Zirafon Theme by Nybbletech. Enjoy!
Author: Shahzad
Version: 1.00
Tags: black, zirafon, three-box, two-columns, expendable-height.
*/

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	background-color:#f1f1f1;
	}
	
h1{ font-size:20px; font-weight:600; margin:0; padding:0; padding:3px 0px 5px 0px;}
h1 span{color:#365797; font-size:22px; font-weight:800; margin:0; padding:0; padding:3px 0px 5px 0px;}

h2{color:#444444;font-size:20px; font-weight:500; margin:0; padding:0; padding:8px 0px 5px 0px;}
h2 span{color:#365797; font-size:22px; font-weight:500; margin:0; padding:0; padding:8px 0px 5px 0px;}

h4{font-size:16px;color:#365797; font-weight:normal;margin:0; padding:0; padding:3px 0px 5px 0px;}
	
h3{ color:#444444;font-size:18px; font-weight:normal;margin:0; padding:0; padding:3px 0px 5px 0px; }
h3 span{color:#365797;font-size:18px;margin:0; padding:0; padding:3px 0px 5px 0px;}

p{margin:0px; padding:0px; padding-bottom:6px; padding-top:6px; font-size:12px; color:#444444;}
p span{margin:0px; padding:0px; padding-bottom:6px; padding-top:6px; font-size:12px; color:#365797;}

a{color:#365797; text-decoration:none;}
a:hover{color:#858585; text-decoration:underline;}
	
	img{border:none;}
	.clear{clear:both;}
	
	#header_bg{
	position:relative;
	background:url(images/header_bg.jpg) repeat-x;
	width:100%;
	height:349px;
}
	
b span{color:#365797;}	
.container{
position:relative;
width:901px;
height:auto;
margin:0px auto;
}	



	
	
#header{
position:relative;
background:url(images/header.jpg) no-repeat;
width:901px;
height:274px;
margin:0px auto;
}

.header_rite_icon{
position:absolute;
right:199px;
top:8px;
width: 43px;
	
}
.contact{
	position:absolute;
	width:200px;
	right:0px;
	font-size:20px;
	color:#CCCCCC;
	top: 16px;
}	
.no{color:#FFFFFF;}

.heading{
color:#444444;
font-size:28px;
}



.text{
position:relative;
width:890px;
height:auto;
}
.box_text{
font-size:11px;
padding-top:10px;

}.box_heading{
color:#396098;
background:url(images/index_columns_bullets.jpg) no-repeat left center;
font-size:15px;
font-weight:bold;
height:20px;
line-height:20px;
vertical-align:middle;
padding-left:15px;
}


				/* Three Boxes Start*/
.mid_threebox{
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
}


.box1{position:relative;float:left;width:273px;height:auto;}
.box2{position:relative;float:left;width:273px;height:auto;margin-left:35px;}
.box3{position:relative;float:left;width:273px;height:auto;margin-left:35px;}

.box_top1 {position:relative;background:url(images/index_comumn1_top.jpg) no-repeat;width:273px;height:123px;}
.box_top2 {position:relative;background:url(images/index_comumn2_top.jpg) no-repeat;width:273px;height:123px;}
.box_top3 {position:relative;background:url(images/index_comumn3_top.jpg) no-repeat;width:273px;height:123px;}


.box_bg{position:relative;background:url(images/index_comumn_mid.jpg) repeat-y ;width:273px;height:auto;min-height:100px;}
.box_bot{position:relative;background:url(images/index_comumn_bottom.jpg) repeat-y ;width:274px;height:30px;}

.box_inner{position:relative;width:230px;margin:0px auto;height:auto;}

.box_head{
	position:relative;
	background:url(images/index_columns_bullets.jpg) no-repeat left center;
	color:#396098;
	font-size:15px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding-left:15px;
}
.more_but{position:absolute;width:55px;height:18px;top:12px;right:25px;}

/* Three Boxes Ended*/




#baner_bg{
position:relative;
background:url(images/zirafon_partners_bg.jpg) repeat-x;
width:100%;
height:93px;
margin-top:5px;
}
#banner{
position:relative;
background:url(images/zirafon_triton.jpg) no-repeat;
width:838px;
height:93px;
margin:0px auto;
}
.footer_text{
position:relative;
margin:0px auto;
width:550px;
height:auto;
padding-top:20px;
padding-bottom:20px;
}
/*Navigation Testing*/


#nav{
position:relative;
margin:0px auto;
width:901px;
height:auto;
font-size:12px;
color:#FFF;
letter-spacing:1px;
}







/*Testing*/


/* sub page c*/
	
	
	.left_cont{
	position:relative;
	width:520px;
	height:auto;
	float:left;
	}


        .fl_rite{width:auto;text-align:left;padding-left:300px;}

	
	.heading2{ font-size:20px; margin-top:20px;}
	.heading3{ font-size:20px; margin-top:20px;}
	.img{
	position:relative;
	background:url(images/subpage_image2.jpg) no-repeat;
	width:104px;
	height:95px;
	float:left;
	
	
	}
	.img_side_text{
	position:relative;
	width:520px;
	float:left;
	padding-top:20px;
	margin-left:10px;
	}
	.img2{
	position:relative;
	background:url(images/subpage_image1.jpg) no-repeat;
	width:104px;
	height:95px;
	float:left;
	
	
	}
	#seprator{
	position:relative;
	background:url(images/subpage_separator_bg.jpg) repeat-y;
	width:9px;
	height:430px;
	float:left;
	margin-left:20px;
	}

	#seprator1{
	position:relative;
	background:url(images/subpage_separator_bg.jpg) repeat-y;
	width:9px;
	height:630px;
	float:left;
	margin-left:20px;
	}

	#seprator2{
	position:relative;
	background:url(images/subpage_separator_bg.jpg) repeat-y;
	width:9px;
	height:560px;
	float:left;
	margin-left:20px;
	}
        #seprator3{
	position:relative;
	background:url(images/subpage_separator_bg.jpg) repeat-y;
	width:9px;
	height:480px;
	float:left;
	margin-left:20px;
	}
        #seprator4{
	position:relative;
	background:url(images/subpage_separator_bg.jpg) repeat-y;
	width:9px;
	height:460px;
	float:left;
	margin-left:20px;
	}
	.rite_cont{
	position:relative;
	width:330px;
	height:auto;
	float:right;
	}
	.rite_img1{
	position:relative;
	background:url(images/subpage_ad1.jpg) no-repeat;
	width:325px;
	height:118px;
	}
	.riet_img2{
	position:relative;
	background:url(images/subpage_ad2.jpg) no-repeat;
	width:325px;
	height:118px;
	margin-top:5px;
	}
	.rite_img3{
	position:relative;
	background:url(images/img_about_us.png) no-repeat;
	width:200;
	height:283px;
        margin-left:8px;
	}
        .italic_text{
	position:relative;
	width:315px;
	height:auto;
	margin:0px auto;
	}
	.italic{font-style:italic; font-size:12px;}
	.text_setting{
	position:relative;
	left:5px;
	}
	
	
	
	
	
	
	



/*###########################################Navigation################################################*/
ul.menu {list-style:none; margin:0; padding:0; font-size:12px; }
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu a:hover {text-decoration:underline; color:#fff;}
ul.menu li {position:relative; float:left;height:53px;width:auto;line-height:53px;text-transform:uppercase;vertical-align:middle; text-transform:uppercase; padding:0px 15px; background:url(images/separator_bg.jpg) no-repeat left center; font-weight:bold;}
ul.menu ul {position:absolute; top:15px; left:0; display:none; list-style:none; background:#000;}
ul.menu ul li {position:relative; width:148px; margin:0; height:25px; line-height:25px; vertical-align:middle;background:#000; text-align:left;}
ul.menu ul li a {display:block; padding:3px 7px 5px;}
ul.menu ul li a:hover { text-decoration:underline;color:#FF0000;}
ul.menu ul ul {left:148px; top:-1px}
/*###########################################Navigation################################################*/


	
	
	/*Drop Down Menu*/


/*#######################################Images Rite Side#######################################*/
.img_rite_side{
position:relative;
float:right;
margin:10px;
width:auto;
height:auto;
}
.tip-of-day{
position:relative;
width:auto;
border-top:1px solid #cccccc;
border-right:2px solid #cccccc;
border-bottom:2px solid #cccccc;
border-left:1px solid #cccccc;
height:auto;
background:#fff;
padding:5px 5px 5px 8px;
}

/*#######################################Images Rite Side#######################################*/