/*
Theme Name: Arif Habib Corporation
Theme URI: http://arifhabib.com.pk
Description: Arif Habib Corporation website theme for Wordpress
Author: Viaduct
Author URI: http://www.viaduct.co/
Version: 1.0
Tags: Arif Habib Corporation
.
This work is copyrighted and is not available for reuse in whole or in derivations.
 
.
*/

body{
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:'Magra', sans-serif;*/
	font-size:13px;
	color:#666666;
	text-align:left;
}

h1, h2, h3, h4, h5{
	font-weight:normal;
	margin:2px;
}

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

a img{
	border:none;
}

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

a:visited{
	text-decoration:none;
	color:#293991;
}

#wrapper{
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
}

#header{
	width:100%;
	height:110px;
	float:left;
	margin:0;
	background-image:url(images/bg-nav.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

#headercontent{
	width:1020px;
	margin:auto;
	height:auto;
}

#logoimg{
	width:125px;
	height:99px;
	z-index:100;
	position:absolute;
	margin:0 0 0 5px;
}

#logotext{
	width:210px;
	height:40px;
	float:left;
	z-index:10;
	margin:17px 0 0 155px;
}

#search{
	width:180px;
	height:30px;
	float:right;
	margin:13px 5px 0 0;
	text-align:right;
}

#search input{
	background-image:url(images/bg-searchfield.png);
	background-repeat:no-repeat;
	background-position:left;
	width:145px;
	height:30px;
	border:none;
	padding:0 0 0 25px;
}

#topnav{
	width:450px;
	height:22px;
	float:right;
	clear:right;
	text-align:right;
	margin:5px 10px 0 0;
}

#nav{
	width:100%;
	height:40px;
	margin:0px;
	clear:both;
}

#nav a:link{
	color:#ffffff;
	font-size:13px;
}

#nav a:visited{
	color:#ffffff;	
	font-size:13px;
}

#nav ul{
	margin:0px 0px 0px 140px;

}

#nav ul li{
	list-style:none;
	height:28px;
	display:block;
	float:left;
	color:#FFF;
	padding:12px 10px 0 10px;
	background-image:url(images/nav-separator.png);
	background-position:right;
	background-repeat:no-repeat;
}

#nav ul li:hover{
	background-image:url(images/bg-nav-blue.png);
	background-repeat:repeat;
}

/*ADMIN NAV*/

#adminnav{
	width:100%;
	height:40px;
	margin:0px;
	clear:both;
}

#adminnav a:link{
	color:#ffffff;
	font-size:13px;
}

#adminnav a:visited{
	color:#ffffff;	
	font-size:13px;
}

#adminnav ul{
	margin:13px 0px 0px 140px;

}

#adminnav ul li{
	list-style:none;
	height:28px;
	display:block;
	float:left;
	color:#FFF;
	padding:12px 10px 0 10px;
	background-image:url(images/nav-separator.png);
	background-position:right;
	background-repeat:no-repeat;
}

#adminnav ul li:hover{
	background-image:url(images/bg-nav-blue.png);
	background-repeat:repeat;
}



.activelink{
	background-image:url(images/bg-nav-blue.png);
	background-repeat:repeat;
	height:28px;
	display:block;
	padding:12px 10px 0 10px;
}

#nav ul li ul {
	margin:15px 0 0 0;
}

#nav ul li ul li{
	list-style:none;
	clear:left;
	height:28px;
	display:block;
	color:#FFF;
	padding:12px 10px 0 10px;
	background-color:#333;
	width:240px;
}

#nav ul li ul li a:link{
	height:28px;
	display:block;
}

#main{
	width:1020px;
	height:100%;
	clear:both;
	margin-top:110px;
	margin-left:auto;
	margin-right:auto;
	
}

#main #container{
	width:1021px;
	height:auto;
	min-height:574px;
	margin:auto;
	z-index:100;	
}

#main #container #content{
	width:96%;
	height:auto;
	z-index:200;
	margin:445px auto 10px 25px;
	float:left;
}

#main #container #content-inner{
	width:96%;
	height:auto;
	z-index:200;
	margin:400px auto 10px 25px;
	float:left;
}

#main #container #content-inner-company{
	width:96%;
	height:auto;
	z-index:200;
	margin:300px auto 10px 25px;
	float:left;
}

#main #container #admin-inner{
	width:96%;
	height:auto;
	z-index:200;
	margin:50px auto 10px 25px;
	float:left;
}

#footer{
	width:100%;
	height:48px;
	background-color:#5d5d5d;
	color:#FFF;
	position:relative;
	clear:both;
	left:0px;
	bottom:0px;
}

#footer #site-info{
	float:right;
	margin:15px 10px 0 0;
}

.homepage-480{
	width:436px;
	height:auto;
	padding:22px;
	float:left;
	background-color:#FFF;
	zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
	margin:3px 5px 5px 3px;
}

.homepage-230{
	width:200px;
	height:auto;
	padding:15px;
	float:left;
	background-color:#FFF;
	zoom: 1;
    filter: alpha(opacity=80);
    opacity: 0.8;
	margin:5px;
}

.solid-480{
	width:450px;
	height:auto;
	padding:22px;
	float:left;
	background-color:#FFF;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}
.solid-4801{
	width:900px;
	height:auto;
	padding:22px;
	float:left;
	background-color:#FFF;
	margin-top: 3px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 3px;
}

.solid-300{
	width:300px;
	height:auto;
	padding:22px;
	float:left;
	background-color:#FFF;
	margin:3px 5px 5px 3px;
}

.solid-230{
	width:200px;
	height:auto;
	padding:15px;
	float:left;
	background-color:#FFF;
	margin:5px;
}

.solid-200{
	width:170px;
	height:auto;
	padding:15px;
	float:left;
	background-color:#FFF;
	margin:5px;
}

.txtcapsblue{
	font-size:17pt;
	color:#293991;
	text-align:left; !important
}

.color-blue{
	color:#293991;
}

.color-greenblue{
	color:#315562;	
}

.color-darkgray{
	color:#333;	
}

.color-green{
	color:#00AA4E;	
}

.color-lightgreen{
	color:#A4CE62;
}

.color-orange{
	color:#F9A519;
}

.color-darkgrayblue{
	color:#45494D;
}

.color-brown{
	color:#877768;
}

.color-darkblue{
	color:#064575;	
}

.color-lightblue{
	color:#44c7f4;
}


.color-white{
	color:#ffffff;	
}

.color-lightyellow{
	color:#FFF479;	
}

.background-blue{
	background-color:#1A74BB;
}

.background-lightbrown{
	background-color:#CCC1AE;

}

.background-seagreen{
	background-color:#00B4A5;

}

.background-lightgrayblue{
	background-color:#ACB8BF;
}

.background-orange{
	background-color:#F9A519;	
}

.background-green{
	background-color:#00AA4E;
}

.background-lightgreen{
	background-color:#A4CE62;
}

.txt-bold{
	font-weight:bold;
}

.floatleft{
	float:left;	
}

.floatright{
	float:right;	
}
.clear{
	clear:both;
}

.marginleft10{
	margin:0 0 0 10px;
}

.margintop10{
	margin:10px 0 0 0;
}

.txtsmall-11{
	font-size:11px;
}

.txtlarge-18{
	font-size:18px;
}

.txtlarge-55{
	font-size:55px;
}

.hp-fr-item{
	width:100%;
	height:auto;
	float:left;
	border-bottom:thin #CCC solid;
	margin:5px 0 5px 0;
	padding:3px;
}

.noborder{
	border:none;
}

.hp-fr-item .pdficon{
	width:31px;
	height:31px;
	float:left;
	background-image:url(images/pdf-icon.png);
	background-repeat:no-repeat;
}

.hp-fr-item .fr-text{
	width:150px;
	height:auto;
	float:left;
	margin:0 0 0 5px;
}

.btn-blue{
	width:auto;
	height:21px;
	color:#FFF;
	background-color:#293991;
	float:left;
	text-align:center;
	padding:3px;
}

.btn-blue:hover{
	background-color:#5262BC;
}

.btn-blue a{
	width:auto;
	color:#FFF;
	text-decoration:none;
}

.btn-orange{
	width:auto;
	height:21px;
	color:#FFF;
	background-color:#F9A519;
	float:left;
	text-align:center;
	padding:3px;
}

.btn-orange:hover{
	background-color:#F9A519;
}

.btn-orange a{
	width:auto;
	color:#FFF;
	text-decoration:none;
}

.btn-gray{
	width:auto;
	height:21px;
	color:#FFF;
	background-color:#45494D;
	float:left;
	text-align:center;
	padding:3px;
}

.btn-gray:hover{
	background-color:#ACB88F;
}

.btn-gray a{
	width:auto;
	color:#FFF;
	text-decoration:none;
}

.btn-brown{
	width:auto;
	height:21px;
	color:#FFF;
	background-color:#877768;
	float:left;
	text-align:center;
	padding:3px;
}

.btn-brown:hover{
	background-color:#CCC1AE;
}

.btn-brown a{
	width:auto;
	color:#FFF;
	text-decoration:none;
}

.btn-green{
	width:auto;
	height:21px;
	color:#FFF;
	background-color:#00AA4E;
	float:left;
	text-align:center;
	padding:3px;
}

.btn-green:hover{
	background-color:#A4CE62;
}

.btn-green a{
	width:auto;
	color:#FFF;
	text-decoration:none;
}

.btn-seagreen{
	width:auto;
	height:21px;
	color:#FFF;
	background-color:#00B4A5;
	float:left;
	text-align:center;
	padding:3px;
}

.btn-seagreen:hover{
	background-color:#00B4A6;
}

.btn-seagreen a{
	width:auto;
	color:#FFF;
	text-decoration:none;
}


#inner-title{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 15px 0;
}

#inner-title #title-text{
	float:left;
	height:auto;
	width:550px;
}

#inner-title #button{
	float:right;
	height:auto;
	width:185px;
	text-align:right;
}

#inner-content-details{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin:10px 0 0 0;
}

#management-pic{
	width:122px;
	height:166px;
	float:left;
}

#management-text{
	width:100%;
	height:auto;
	float:left;
	margin:0 0 0 20px;
}

#management-text .item{
	width: 450px;
	float:left;
	margin:0 0 0 15px;
	padding:0 0 0 10px;
	border-left:#315562 solid medium;
}

#subnotes{
	width:100%;
	height:auto;
	float:left;
	clear:both;
	margin:15px 0 0 0;
	font-size:12px;
}

#subnotes .item{
	width:320px;
	height:auto;
	margin:0 5px 0 0;
	padding:5px;
	border-left:#315562 solid medium;
	float:left;
}

#csrlogo{
	float:left;
	width:500px;
	height:auto;
	clear:both;
}

#csr-text{
	width:100%;
	height:auto;
	float:left;
	margin:5px 0 0 0;
	clear:both;
}

.testimonial{
	width:93%;
	height:auto;
	float:left;
	clear:both;
	border:thin #CCC solid;
	margin:7px 0 7px 0;
	padding:15px;
}

.bod-item{
	width:270px;
	height:auto;
	padding:22px;
	float:left;
	background-color:#FFF;
	margin:3px 5px 5px 3px;
}

.fullwidth{
	width:940px;
	height:auto;
	padding:22px 15px 22px 15px;
	float:left;
	background-color:#FFF;
	margin:3px 5px 5px 3px;
}

.bordertop{
	border-top:thin #CCC solid;	
}

.results{
	width:940px;
	height:500px;
	overflow:scroll;
}