/*
Theme Name: Harbor Lane Associates
Theme URI: http://www.harborlane.com/


*/


body {
	margin:0px;
	font-size:12px;
	background:#d2d2d3;
	font-family:Georgia, "Times New Roman", Times, serif;
}
img {
	border:none;
}
.clear {
	clear:both;
}
a {
	outline:none;
}
.f_left {
	float:left;
}
.f_right {
	float:right;
}
#wraper {
	margin:0 auto;
	width:1015px;
	background:url(images/bg.jpg) repeat-y;
}
/*------------------------
--------header------------
-------------------------*/
#topshad {
	height:7px;
	width:1015px;
	overflow:hidden;
	background:url(images/top_shad.jpg) no-repeat;
}
#header {
	margin:0 8px;
	position:relative;
	width:999px;
	height:71px;
	background:url(images/top_bg.jpg) repeat-x;
}
#header h1 {
	position:absolute;
	top:10px;
	left:45px;
	width:175px;
	float:left;
	height:55px;
}
#header_right {
	margin:18px 0 0 0;
	float:right;
	width:733px;
}
#menu {
	margin:0px;
	padding:0px;
	height:36px;
	width:733px;
	
}
#menu ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#menu ul ul {
display:none;
}
#menu li {
	margin:0px;
	padding:0px;
	display:inline;
	position: relative;
}
#menu li > a {
	margin:0px;
	padding:0px;
	font-size:12px;
	float:left;
	display:block;
	height:36px;
	outline:none;
	text-indent:-99999px;
	position:absolute;
	background:url(images/menu.jpg) no-repeat;
}
#menu li.page-item-6 > a { /* Home */
	width:110px;
	background-position:0 0;
}
#menu li.page-item-6 > a:hover, #menu li.page-item-6.current_page_item > a { /* Home */
	width:110px;
	background-position:0 -36px;
}
#menu li.page-item-7 > a {/* Company */
	width:128px;
	left:110px;
	background-position:-110px 0;
}
#menu li.page-item-7 > a:hover, #menu li.page-item-7.current_page_item > a { /* Company */
	background-position:-110px -36px;
}

#menu li.page-item-7.current_page_parent > a { /* Company */
	background-position:-110px -36px;
}


#menu li.page-item-15 > a { /* Services */
	width:124px;
	left:238px;
	background-position:-238px 0;
}
#menu li.page-item-15 a:hover, #menu li.page-item-15.current_page_item a, #menu li.page-item-15.current_page_parent a { /* Services */
	background-position:-238px -36px;
}
#menu li.page-item-8 > a {/* News */
	width:99px;
	left:362px;
	background-position:-362px 0;
}
#menu li.page-item-8 a:hover, #menu li.page-item-8.current_page_item a, #menu li.page-item-8.current_page_parent a { /* News */
	background-position:-362px -36px;
}



#menu li.page-item-10 > a { /* contact us */
	width:139px;
	left:461px;
	background-position:-461px 0;
}
#menu li.page-item-10 a:hover, #menu li.page-item-10.current_page_item a, #menu li.page-item-10.current_page_parent a { /* contact us */
	background-position:-461px -36px;
}
#menu li.page-item-12 > a { /* sign in  */
	width:133px;
	left:600px;
	background-position:-600px 0;
}
#menu li.page-item-12 a:hover, #menu li.page-item-12.current_page_item a {/* sign in */
	background-position:-600px -36px;
}

#menu li.page-item-15 ul {
	position:absolute;
	left:238px;
	top: 36px;
	display:none;
}
#menu li.page-item-15:hover ul {
	display:block;
}

#menu li.page-item-15 ul li {
	display:block;
}

#menu li.page-item-15 ul li a {
	position:relative;
	width: 150px !important;
	height:auto !important;
	left: 0!important;
	text-indent: 0;
	background:none;
	background:white;
	padding:1em 1.5em;
	color:#263D48;
	text-decoration:none;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
}

#menu li.page-item-15 ul li a:hover {
	background-color:#CCE7F8;
}
/*------------------------
--------mid------------
-------------------------*/

#mid {
	margin:0 8px;
	width:999px;
	background:#fff;
}
/*----------banner-----------*/

#banner {
	width:999px;
}
#banner_img {
	background:url(images/banner_1.jpg) no-repeat;
	height:278px;
	width:999px;
}
.banner {
	background:url(images/banner-company.jpg) no-repeat;
	height:147px;
	width:999px;
}
.banner.services {
	background:url(images/banner-services.jpg) no-repeat;
}
.banner.news {
	background:url(images/banner-news.jpg) no-repeat;
}
.banner.contact {
	background:url(images/banner_2.jpg) no-repeat;
}
.banner.login {
	background:url(images/banner-login.jpg) no-repeat;
}
.banner.giving-back {
	background:url(images/banner-giving-back.jpg) no-repeat;
}
#banner_right {
	margin:0 57px 0 0;
	-margin:0 24px 0 0;
	width:455px;
	float:right;
}
#banner h1 {
	margin:30px 0 0 0;
	font-size:24px;
	color:#fff;
	font-weight:normal;
}
#banner h2 {
	margin:10px 0 0 0;
	font-size:18px;
	color:#fff;
	font-weight:normal;
}
#banner p {
	margin:15px 0 0 0;
	font-size:12px;
	color:#fff;
	line-height:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*----------Yellow box contetn-----------*/

#left_content {
	width:795px;
	float:left;
}
.RiskAssess {
	margin:10px 0 0 29px;
	-margin:10px 0 0 15px;
	width:365px;
	float:left;
	background:url(images/yellow_box_bg.jpg) repeat-y;
}
.RiskAssess h1 {
	text-align:center;
	color:#0077c1;
	font-size:24px;
	font-weight:normal;
}
.YellowBox_top {
	background:url(images/yellow_box_top.jpg) no-repeat;
	height:18px;
	width:356px;
}
.YellowBox_content {
	background:url(images/yellow_box_grd.jpg) repeat-x bottom;
	width:340px;
	margin:0 0 0 8px;
	text-align:center;
}
.YellowBox_botm {
	background: url(images/yellow_box_botm.jpg) no-repeat;
	height:18px;
	width:356px;
}
.Yellow_list {
	margin:0px;
	padding:0px;
}
.Yellow_list ul {
	margin:18px 0 0 34px;
	padding:0px;
	list-style:none;
}
.Yellow_list li {
	margin:0px;
	padding:0 0 0 10px;
	overflow:hidden;
	color:#666;
	text-align:left;
	font-size:14px;
	background: url(images/bullet.jpg) no-repeat 0 6px;
}
.Protection {
	margin:10px 0 0 29px;
	-margin:10px 0 0 13px;
	width:365px;
	float:left;
	background:url(images/yellow_box_bg.jpg) repeat-y;
}
.Protection h1 {
	text-align:center;
	color:#0077c1;
	font-size:24px;
	font-weight:normal;
}
.gray_line {
	border-top:1px #ccc solid;
}
/*-----------right content----------------*/
#right_content {
	width:204px;
	float:right;
}
.GrayBox {
	margin:14px 0 0 0;
	width:176px;
	overflow:hidden;
}
.GrayBox_top {
	background: url(images/graybox_top.png) no-repeat;
	height:15px;
	width:176px;
}
.GrayBox_botm {
	background: url(images/graybox_botm.png) no-repeat;
	height:15px;
}
.GrayBox_content {
	padding:0 15px 0 16px;
	border-left:1px #b9b9b9 solid;
	border-right:1px #b9b9b9 solid;
	overflow:hidden;
	background:#fff;
	width:143px;
}
.GrayBox_content p {
	padding:15px 0 0 0;
	color:#818181;
	font-size:14px;
	line-height:23px;
}
.GrayBox_content p a {
	padding:0 0 0 30px;
	color:#7dbd4f;
	text-decoration:none;
	font-weight:bold;
}
.GrayBox_content p a:hover {
	color:#7dbd4f;
	text-decoration: underline;
}
/*----------------------------
-----------footer-------------
------------------------------*/

#footer {
	margin:0 0 0 8px;
	height:127px;
	width:999px;
}
#footer_img {
	background:url(images/footer_bg.jpg) no-repeat;
	height:127px;
}
#footer_img1 {
	background: url(images/internal_footer.jpg) no-repeat;
	height:126px;
	overflow:hidden;
}
#footer p {
	margin:0 0 0 8px;
	padding:95px 0 0 27px;
	color:#1b4b59;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#footer p a {
	color:#1b4b59;
	text-decoration:none;
	text-transform:uppercase;
}
#footer p a:hover {
	text-decoration: underline;
}
#footer_botm {
	height:9px;
	width:1015px;
	overflow:hidden;
	background:url(images/footer_botm.jpg) no-repeat;
}
/*------------------------
-----company page---------
------------------------*/


#company_bg {
	background:url(images/company_bg.jpg) repeat-y;
}
#company_left {
	width:756px;
	float:left;
}

#content {
/*border: 1px solid red;*/
width: 673px;
padding: 0 0 0 41px;
}


#company_left #content h2{
	padding:23px 0 0 0px;
	font-size:24px;
	color:#545454;
	font-weight:normal;
}

#company_left #content h3{
	padding:23px 0 8px 0px;
	font-size:18px;
	color:#545454;
	font-weight:normal;
	background:url(images/desh.jpg) repeat-x bottom;
}


#company_left #content a {
color: #0079c2;
text-decoration: none;
}


#company_left #content p {
padding:10px 0px 0 0px;
font-size:14px;
line-height:23px;
color:#263d48;
}
/*#company_left #content p span {
	color:#0079c2;
}*/

#company_left #content ul{
padding: 20px 0 10px 30px;
}

#company_left #content li {
font-size: 14px;
list-style: disc;
padding: 0 0 10px 0;
color: #263d48;
}


.desh {
	margin:5px 65px 0 30px;
	height:1px;
	background:url(images/desh.jpg) repeat-x;
}
#compay_right_content {
	background:#cce7f8;
	width:243px;
	float:right;
	border-top:1px #ecf6fc solid;
}
#compay_right_content h1 {
	padding:16px 0 0 25px;
	font-size:20px;
	font-weight:normal;
	color:#000;
}
#company_nav {
	margin:15px 0 0 0;
	padding:0px;
}
#company_nav ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#company_nav li {
	margin:0px;
	padding:0px;
	display:block;
	height:34px;
	border-top:1px #8399a4 solid;
	background:url(images/company_nav.jpg) repeat-x;
}
#company_nav li a{
	margin:0px;
	padding:10px 0 0 35px;
	font-size:14px;
	color:#000;
	text-decoration:none;
	line-height:34px;
	background:url(images/black_arow.jpg) no-repeat 25px 15px;
}
#company_nav li a:hover {
	text-decoration: underline;
}
#company_nav .botmline {
	border-bottom:1px #8399a4 solid;
}



/* Wordpress Class */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Contact Form */

label { display:block; width:10em; float:left; clear:both; padding:0 1em; text-align:right; }
input[type="text"], input[type="password"], .input.text input, .input.password input { width:30em; padding:.5em 1em; }
textarea { width:50em; padding:.5em 1em; margin:0 auto; }

/* Sign in Form */
.input label { padding: .5em 1em; font-weight:bold; }
.input.submit { text-align: center; }

.wpcf7-captcha-captcha-43 { padding-left:12em;}

p { margin:.5em 0;}