/* CSS Document */

@import url(//fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Domine:400,700);

body {
	margin:0 auto;
	padding:0;
	/*background:url(../images/bg.jpg) top center repeat-x #234d77;*/
	background: -webkit-linear-gradient(#dfdfdf, #eeeeee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dfdfdf, #eeeeee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dfdfdf, #eeeeee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dfdfdf, #eeeeee); /* Standard syntax (must be last) */
	padding-top:20px;
}

.clear {clear:both;}

#wrapper {
	width:1000px;
	background:#fff;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	border-radius:15px;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);	
}

#content {
	border-top:2px solid #666;
	padding:30px;
	min-height:400px;
	font-family:Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
	font-size:12px;
	line-height:20px;
}

	#content .title {
		font-family: 'Asap', sans-serif;
		font-size:26px;
		color:#666;
		font-weight:bold !important;
	}
	
	#content .left {
		float:left;
		width:240px;
	}
	
		#content .left a {
			display:block;
			padding:15px 0px;
			padding-left:20px;
			font-family: 'Asap', sans-serif;
			font-size:14px;
			color:#333;
			border-top:1px solid #e7e7e7;
		}
		
		#content .left a:hover {
			background:#F4F4F4;
			color:#000;			
		}
	
		#content .left a img {padding-right:10px;margin-bottom:-4px;}
		
		
	#content .right {
		float:right;
		width:650px;
		line-height:22px;
	}
	
	#content .right .title {
		font-family: 'Asap', sans-serif;
		font-size:26px;
		color:#666;
	}

#header {
	height:130px;
	padding-right:40px;
	background:url(../images/headerbg.jpg) top center repeat-x #002048;
	border:1px solid #00244b;
	border-bottom:0px;
	-webkit-border-radius:15px 15px 0px 0px ;
	-moz-border-radius: 15px 15px 0px 0px ;
	border-radius: 15px 15px 0px 0px ;
	overflow:hidden;
}

	#header .logo {
		float:left;
		width:400px;
		margin-top:0px;
		padding-left:20px;
	}

	#header .phone {
		width:400px;
		float:right;
		text-align:right;
		height:38px;
		font-family: 'Asap', sans-serif;
		font-size:16px;
		margin-top:30px;
		color:#fff;
	}
	
		#header .phone .number {
			font-weight:bold;
			color:rgb(178,165,133);/*e5db97*/
			font-size:18px;
		}

	#header .login {
		width:400px;
		float:right;
		text-align:right;
		width:500px;
	}
	
	#header .login a {
		background:url(../images/loginbg.png) top center repeat-x #F4DBA9;/*c9ba5d*/
		border:1px solid rgb(178,165,133);/*c9ba5d*/
		padding:8px 15px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		margin-left:2px;
		color:#fff;
		font-family: 'Asap', sans-serif;
		font-size:16px;
		text-decoration:none;
		font-weight:normal !important;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	}
	
	#header .login a img {
		margin-bottom:-2px;
		padding-right:4px;	
	}
	
	#header .login a:hover {
		background:rgb(178,165,133);/*978937*/	
	}
	


#mortgageinfo {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	border-top:2px solid #666;
}

	#mortgageinfo a {
		color:rgb(178,165,133);/*a49742*/
	}
	
	#mortgageinfo a:hover {
		color:#000;	
	}

	#mortgageinfo ul {
		font-size:13px;
		margin:10px 0;
		padding:0;
		line-height:21px;
		padding-left:20px;
	}

	#mortgageinfo h3 {
		margin:0;
		padding:0;
		padding-bottom:5px;
		font-family: 'Asap', sans-serif;
		font-size:20px;/*24px*/
		color:#0000;
		font-weight:normal;
	}
	
	#mortgageinfo p {
		padding:0;
		padding-bottom:15px;
		margin:0;	
	}
	
	#mortgageinfo .left {
		float:left;
		width:245px;
		padding:20px 45px;
	}

	#mortgageinfo .right {
		float:left;
		padding:20px 45px;
		border-left:2px solid #eee;
		width:230px;
		padding-right:0px;
	}

	.smallbutton {
		width:225px;
		height:36px;	
	}

		.smallbutton a, .smallbutton a:link, .smallbutton a:visited, .smallbutton a:active  {
			color:#fff !important;
			background:#003157;
			display:block;
			font-size:12px;
			text-shadow: #333 0px 0px 2px;
			padding-top:8px;
			font-family:Arial, Helvetica, sans-serif;
			width:220px;
			font-weight:bold;
			text-align:center;
			height:24px;
			margin-top:2px;
			margin-left:3px;
			float:left;
			text-decoration:none;
			text-transform:uppercase;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		
		.smallbutton a:hover {
			text-decoration:underline;
			background:rgb(178,165,133);/*9e9035*/
		}

#newsletter {
	width:275px;
	float:right;
	color:#373737;
	font-weight:normal;
	/*font-weight:bold;*/
	font-size:12px;
	padding:20px 40px;
	border-left:2px solid #eee;
}

	#newsletter p {
		padding-bottom:14px;
	}


	#newsletter input {
		border:1px solid #b5b5b5;
		padding:5px;
		padding-left:10px;
		width:207px;
		height:22px;
		background:url(https://townecarolinas.com/themes/townebankmortgage.com/images/inputbg.jpg) top left no-repeat;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-transform:uppercase;
		color:#666 !important;
		margin-bottom:3px;
	}
	
	#newsletter input:focus {
		color:#000;
		font-weight:bold;	
	}
	
	.smallbuttonnews {
		background:url(https://townecarolinas.com/themes/townebankmortgage.com/images/smallbuttonshadow.png) top center no-repeat;
		width:225px;
		margin-left:-2px;
		margin-top:7px;
		height:36px;	
	}

		#newsletter button {
			margin:0;
			padding:0;
			color:#fff;
			display:block;
			font-size:12px;
			text-shadow: #333 0px 0px 2px;
			padding-top:0px;
			font-family:Arial, Helvetica, sans-serif;
			width:220px;
			font-weight:bold;
			text-align:center;
			height:32px;
			margin-top:2px;
			border:none;
			cursor:pointer;
			margin-left:3px;
			float:left;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		#newsletter button:hover {
			text-decoration:underline;
		}






#footer {
	font-family:Arial, sans-serif, Gotham, "Helvetica Neue", Helvetica;
	font-size:12px;
	line-height:20px;
	padding:20px 40px;
	padding-right:0px;
	background:#f0f2f2;
	border-top:2px solid #e3e3e3;
	border-bottom:2px solid #e3e3e3;
}


	#footer a {
		color:#333;
		text-decoration:none;
		padding-left:5px;
	}
	
	#footer a:hover {
		text-decoration:underline;
		color:#000;
	}
	
	#footer .panel {
		float:left;
		width:25%;	
	}
	
	#footer .title {
		font-family: 'Asap', sans-serif;
		color:#333;
		font-size:18px;
		display:block;
		padding-bottom:2px;	
	}
	
	#footer .subtitle {
		display:block;
		font-weight:bold;
		margin-top:10px;
	}
	
	#footer .panel .links-left, #footer .panel .links-right {float:left; width:50%;line-height:16px;}
	
	#footer .panel .links-left a, #footer .panel .links-right a {padding-left:10px;}

#copy {
	font-family: 'Asap', sans-serif;
	font-size:14px;
	color:#333;
	line-height:20px;
	padding:20px 20px;
	
}

	#copy .social {
		width:250px;
		text-align:right;
		padding-top:5px;
		float:right;
	}

	#copy .social img {
		opacity:0.6;
		filter:alpha(opacity=70);
		margin-right:2px;
	}
	
	#copy .social img:hover {
		opacity:1;
		filter:alpha(opacity=100);
	}
	
	#copy a {
		color:#333;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size:14px;
	}
	
	#copy a:hover {color:#2a7762;}
	
	#copy span {padding:0px 4px;color:#666;padding-left:7px;}

	#disclaimer {
		width:1000px;
		margin:0 auto;
		font-size:11px;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: justify;
    text-justify: inter-word;
		color:#525252;
		padding:10px 0px;	
	}


/* MAIN NAV */

	#menu {
		height:42px;
		background:#fff;
		padding-top:5px;
		padding-left:5px;
	}
	
	#nav {
		line-height: 100%;
		margin:0;
		padding:0;
	}
	
	#nav li {
		margin:0px;
		float: left;
		position: relative;
		list-style: none;
		padding:0 0px;
		border-right:1px solid #ccc;
		padding-left:5px;
		padding-right:5px;
	}
	
	#nav li:hover {z-index:400;}

	#nav li:first-child {border-left:none;}
	#nav li:last-child {}


	/* main level link */
	#nav a {
		float:left;
		display:block;
		font-size:15px;
		color: #333;
		text-decoration: none;
		display: block;
		padding:  10px 25px;/*28*/
		margin: 0;
		font-family: 'Asap', sans-serif;
	}
	
	#nav a img {
		border:0;
		padding-right:4px;
		margin-bottom:-2px;
	}
	
	/* main level link hover */
	
	#nav .current a {
	}
		
	#nav li:hover > a {
		text-decoration:underline;
		background:#00375f;
		color:#fff;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	/* sub levels link hover */
	#nav ul li:hover a, #nav li:hover li a {
		color: #fff;
		font-size:13px;
		text-transform:none;
		width:193px;
		padding:8px 15px;
		position: inherit;
		margin-bottom:0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		text-shadow:none;
		-webkit-border-radius: 0px;
		border-radius: 0px;		
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
	}
	#nav ul a:hover {
		text-decoration:none;
		background:rgb(178,165,133);/*bdad45*/
		
	}
	/* level 2 list */
	#nav ul {
		background:#00375f;/**/
		display: none;
		margin: 0;
		padding:0px;
		width: 223px;
		position: absolute;
		top: 33px;
		left:5px;
		-webkit-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.7);
		-moz-box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.7);
		box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.7);
	}
	

	
	/* dropdown */
	#nav li:hover > ul {
		display: block;
	}
	#nav ul li {
		float: none;
		margin: 0;
		padding: 0;
	}
	#nav ul a {
		font-weight: normal;
		color:#fff;
	}
	/* level 3+ list */
	#nav ul ul {
		left: 181px;
		top: -3px;
	}
	/* rounded corners for first and last child */
	#nav ul li:first-child > a {
	}
	#nav ul li:last-child > a {
		border-bottom:transparent;
	}
	/* clearfix */
	#nav:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	#nav {
		display: inline-block;
	}
	html[xmlns] #nav {
		display: block;
	}
	* html #nav {
		height: 1%;
	}
	
/*LO layout*/
#officer {
	border-top: 2px solid #666; /*added 2-3-15*/
	background:#fff;
	padding:25px;
	font-family:Arial, Helvetica, sans-serif;	
}

	#officer a {color:#5092ff;}
	#officer a:hover {color:#000}

	#officer .left {
		float:left;
		width:340px;
		background:#ebebeb;
	}
	
	#officer .right {
		float:right;
		width:565px;
		margin-right:15px;
	}
	
	#officer .photo {
		margin-left:3px;
		margin-top:3px;	
	}
	
		#officer .photo img {border:2px solid #fff;}
		
	#officer .prequal {padding:10px 30px;padding-bottom:20px;}
	
	#officer .prequal .title {
		font-size:24px;
		color:#231f20;
	}
		
	#officer .prequal .info {
		font-size:14px;
		color:#6e6c6c;
	}
	
	#officer .prequal a {
		color:#231f20;
		font-size:14px;
		display:block;
		background:url(../images/bluearrow.png) 0px 5px no-repeat;
		padding-left:10px;
		margin-bottom:4px;
	}
	
	#officer .prequal a:hover {color:#007dc3;}
	
	#officer .title {
		font-size:44px;
		color:#393536;	
	}
	
	#officer .message {
		font-size:32px;
		font-weight:400;
		font-style:italic;
		color:#007dc3;
		border-bottom:1px solid #d9d9d9;
		padding-bottom:20px;
		margin-bottom:15px;
	}
	
	#officer .details-left {float:left;width:240px;line-height:30px;}
	#officer .details-right {float:right;width:290px;line-height:30px;} /*260px*/
	
	#officer .officertitle {
		font-size:24px;
		color:#393536;
	}
	
	#officer .id {font-size:16px;color:#737373;}

	#officer .social {
		padding-top:4px;
	}

	#officer .social img {
		opacity:0.7;
		filter:alpha(opacity=70);
		margin-right:2px;
	}
	
	#officer .social img:hover {
		opacity:1;
		filter:alpha(opacity=100);
	}
	
	#officer .phone {
		font-size:18px;
		color:#272727;
	}
	
		#officer .phone .highlight {color:#4f4f4f;}

	#officer .callouts {
		border-top:1px solid #d9d9d9;
		padding-top:10px;
		margin-top:15px;
	}

	#officer .callouts a {
		display:block;
		width:130px;
		float:left;
		margin-right:10px;
		background:url(../images/officerarrow.png) 146px 13px no-repeat #7f7f7f;
		border:0px;
		padding:8px 10px;
		padding-right:20px;
		padding-left:13px;
		cursor:pointer;
		color:#fff;
		text-shadow: 0px -1px 1px rgba(0, 0, 0, .4);
		font-size:16px;/*18px*/
		font-weight:400;
		text-decoration:none;
		}
		
	#officer .callouts a:hover {
		background-color:#231f20;
	}		
		
	#officer .bio {
		font-size:14px;
		color:#5d5d5d;
		padding-top:10px;
		line-height:19px;
	}

	.branchlocations {background:url(../images/branchlocations.jpg) top right no-repeat;height:205px;}
	.branchlocations a {color:#333;background:url(../images/navarrow.png) 1px 6px no-repeat;padding:4px;padding-left:21px;font-size:12px;display:block;width:140px;padding-right:0px;font-weight:bold;	-webkit-border-radius: 2px;border-radius: 2px;border:1px solid transparent; }
	.branchlocations a:hover {color:#000;background-color:#F4DBA9;border:1px solid #B2A585;text-decoration:none;}