/*
Theme Name: IKON FINANCIAL GROUP
Version: 1
Author: Richard Strucke / Q4Launch
*/

* {margin: 0; padding:0}
body {font:normal 62.5%/1 Verdana, Geneva, sans-serif; background:#5a4a42 url(images/bg-header-ikon-financial-group.png) no-repeat 50% 0; position:relative; color:#433731}
h1, h2, h3 {font:normal 3.2em/1.4 Georgia, "Times New Roman", Times, serif}
h1 {margin-bottom:.5em}
h2 {margin:.2em 0 .4em}
h2,h3 {font-size:1.8em; line-height:1.3}
.single #main-content h2 {font-size:1.8em; margin:.2em 0 1.3em}
.single #main-content h3 {font-size:1.4em; margin:.2em 0 1.3em}
.blog #main-content h1 {font:bold 15px/1 Arial, Helvetica, sans-serif; margin-bottom:2em; color:#796c65; text-transform:uppercase; letter-spacing:1px}
.blog #main-content h2 {margin:6px 0 0}
.blog #main-content h2 a {font-size:24px; color:#433731; text-decoration:none}
.blog #main-content h2 a:hover {color:#789f43; text-decoration:underline}
p {font:normal 1.3em/1.5 Verdana, Geneva, sans-serif; padding:0; margin:0 0 1.4em}
p#lead {font:normal 2em/1.3 Georgia, "Times New Roman", Times, serif; margin:0 0 1.4em}
a {color:#789f43;}
a:hover {color:#780f0f}
ul {margin:0 0 0 2.2em; padding:0 0 2.2em; font-size:1.3em}
ul ul {font-size:.9em; margin-top:.5em; padding-bottom:0}
li {padding:0 0 .5em}
li li {padding:0 0 .5em}
img {border:none}
p img {padding: 0;max-width: 100%}
img.centered {display:block; margin-left: auto;margin-right: auto}
img.alignright {padding:4px; display: block}
img.alignleft {padding: 4px;margin: 0 7px 2px 0; display: block}
.alignright {float:right}
.alignleft {float:left}
small {font-size:11px; padding:0; margin:0}
.blog .entry {margin-bottom:30px}
#content	{background:#fff; padding-bottom:8.8em; overflow:hidden; min-height:30em}
#main-content {width:856px; margin:0 auto; padding:4.4em 2.2em 0; overflow:hidden}
#main-topic {width:720px; text-align:justify}
#footer		{width:900px; margin:0 auto; padding:2.2em 0 0; overflow:hidden; font-family:Arial, Helvetica, sans-serif;}
.blog .entry,
.single .entry{text-align:left}

ul#main-navigation {width:900px; margin:0 auto; padding:0; background:none; overflow:hidden; position:relative}
ul#main-navigation li {display:inline}
ul#main-navigation li a {float:left; height:30px; margin-top:214px; text-indent:-999em; background:url(images/bg-navigation-ikonfg-2011.png) no-repeat 0 0}

ul#main-navigation li#ikon-home a {background:none; width:187px; height:195px; margin:0; float:none; position:absolute; top:10px; left:0}

ul#main-navigation li#lending-options a {background: url(images/bg-navigation-ikonfg-2011.png) no-repeat 0 0; width:161px}
ul#main-navigation li#lending-options a:hover {background-position: 0 -30px}
ul#main-navigation li#lending-options a:active, ul#main-navigation li#lending-options.current a {background-position: 0 -60px}

ul#main-navigation li#global-commitment a {background: url(images/bg-navigation-ikonfg-2011.png) no-repeat -161px 0; width:185px}
ul#main-navigation li#global-commitment a:hover {background-position: -161px -30px}
ul#main-navigation li#global-commitment a:active, ul#main-navigation li#global-commitment.current a {background-position: -161px -60px}

ul#main-navigation li#resources a {background: url(images/bg-navigation-ikonfg-2011.png) no-repeat -346px 0; width:104px}
ul#main-navigation li#resources a:hover {background-position: -346px -30px}
ul#main-navigation li#resources a:active, ul#main-navigation li#resources.current a{background-position: -346px -60px}

ul#main-navigation li#testimonials-link a {background: url(images/bg-navigation-ikonfg-2011.png) no-repeat -450px 0; width:185px}
ul#main-navigation li#testimonials-link a:hover {background-position: -450px -30px}
ul#main-navigation li#testimonials-link a:active, ul#main-navigation li#testimonials-link.current a {background-position: -450px -60px}

ul#main-navigation li#affiliates-link a {background: url(images/bg-navigation-ikonfg-2011.png) no-repeat -635px 0; width:95px}
ul#main-navigation li#affiliates-link a:hover {background-position: -635px -30px}
ul#main-navigation li#affiliates-link a:active, ul#main-navigation li#affiliates-link.current a {background-position: -635px -60px}

ul#main-navigation li#locations a {background: url(images/bg-navigation-ikonfg-2011.png) no-repeat -730px 0; width:98px}
ul#main-navigation li#locations a:hover {background-position: -730px -30px}
ul#main-navigation li#locations a:active, ul#main-navigation li#locations.current a {background-position: -730px -60px}

ul#main-navigation li#news-link a {background: url(images/bg-navigation-ikonfg-2011.png) no-repeat -828px 0; width:72px}
ul#main-navigation li#news-link a:hover {background-position: -828px -30px}
ul#main-navigation li#news-link a:active,
.single ul#main-navigation li#news-link a,
.blog ul#main-navigation li#news-link a {background-position: -828px -60px}

ul#main-navigation li#social-media-links ul {position:absolute; top:0; right:0; margin:0; width:160px; height:79px; background:url(images/social-buttons.png) 0 0 no-repeat; overflow:hidden}
ul#main-navigation li#social-media-links li {display:inline}
ul#main-navigation li#social-media-links a {float:left; width:27px; height:26px; margin:24px 0 0 0; padding:0}
ul#main-navigation li#social-media-links h2 {font-size:0; line-height:0; text-indent:-999em}
ul#main-navigation li#social-media-links #facebook a{background:url(images/social-buttons.png) -41px -24px no-repeat; margin:24px 5px 0 41px}
ul#main-navigation li#social-media-links #twitter a {background:url(images/social-buttons.png) -73px -24px no-repeat; margin-right:4px}
ul#main-navigation li#social-media-links #linkedin a{background:url(images/social-buttons.png) -104px -24px no-repeat}
ul#main-navigation li#social-media-links #facebook a:hover{background:url(images/social-buttons.png) -41px -103px no-repeat}
ul#main-navigation li#social-media-links #twitter a:hover {background:url(images/social-buttons.png) -73px -103px no-repeat}
ul#main-navigation li#social-media-links #linkedin a:hover{background:url(images/social-buttons.png) -104px -103px no-repeat}


#footer a {color:#c1b5b0; text-decoration:none}
#footer a:hover {color:#fff; text-decoration:underline}
#footer ul 		{list-style:none; clear:right; float:right; margin:0 0 .5em; padding:0; font-size:1em}
#footer ul li 	{float:left; border-left:1px solid #a39995; padding:0 .5em}
#footer ul li.first {border:none}
#footer ul li.last {padding-right:0}
#footer ul li a {color:#c1b5b0; float:left; font-size:.9em; text-transform:uppercase}
#footer ul#affiliates {margin-bottom:.25em}
#footer ul#affiliates li {border-left:0; padding-right:0}
#footer #credits {float:left; color:#c1b5b0; font-size:1.1em; line-height:1.2; white-space:nowrap; width:450px !important}
#footer #credits img {float:left; margin:-.1em .8em 2em 0}
#footer #copyright{clear:right; float:right; font-size:.9em; color:#c1b5b0; text-transform:uppercase; width:auto !important}

/* -- HOME --*/
.home #kiva {float:right; width:255px; height:310px; margin:2em 0 2em 4.9em}
.home #kiva img {position:absolute; width:255px; height:310px; display:none}
.home #kiva img.first {display:block}
.home #content {padding-bottom:2.2em; background:#fff url(images/bg-content.jpg) no-repeat 50% 358px}
.home #main-content {width:900px; margin:0 auto; padding:5em 0 0; overflow:hidden}
.home #main-content h1 {margin-bottom:.5em}
.home #main-content h2 {margin-bottom:1em; font-size:1.8em}
.home #main-topic {width:auto; padding:0 2.2em 1.8em; margin-bottom:22px; border-bottom:1px solid #e6e6e6}
.home #testimonials {margin-top:2px; background:url(images/bg-home.jpg) repeat-x 50% 0; height:354px; overflow:hidden}

.home #testimonials ul {width:900px; margin:0 auto; height:354px; overflow:hidden; text-indent:-999em; position:relative; list-style:none; padding:0}
.home #testimonials ul li {width:900px; height:354px; position:absolute; top:0; left:0; overflow:hidden; text-indent:-999em; z-index:1; display:none}
.home #testimonials li#slide1 {background:url(images/slide-c21.jpg) no-repeat 0 0; z-index:2; display:block}
.home #testimonials li#slide2 {background:url(images/slide-ikon-cassina.jpg) no-repeat 0 0}
.home #testimonials li#slide3 {background:url(images/slide-ikon-cassina-owner.jpg) no-repeat 0 0}
.home #testimonials li#slide4 {background:url(images/slide-ikon-rollins.jpg) no-repeat 0 0}
.home #testimonials li#slide5 {background:url(images/slide-ikon-bare.jpg) no-repeat 0 0}

.home #core-values {overflow:hidden; margin:0; padding:0; font-size:1em; overflow:hidden}
.home #core-values li {float:left; width:256px; padding:0 22px; list-style:none; font:normal 1.2em/1.4 Verdana, Geneva, sans-serif; overflow:hidden}
.home #core-values h2 {font-size:1.5em; margin-bottom:.4em}
.home #core-values li p {font-size:1em; text-align:justify; line-height:1.4}
.home #core-values li a.learn-more {float:right; text-decoration:none; background: url(images/bg-home.jpg) no-repeat 40% 0; color:#433731; border:1px solid #fff; padding:0 .5em; font-size:.9em}
.home #core-values li a.learn-more:hover {background: url(images/bg-home.jpg) no-repeat 20% 0; color:#fff}

/* -- Corporate -- */
.page-id-22 #main-topic {width:878px}
.page-id-22 ul#mini-nav {float:right; margin-top:-60px}
.page-id-22 ul#mini-nav li {list-style:none; display:inline}
.page-id-22 ul#mini-nav li a{float:left; padding:64px 10px 10px; text-decoration:none; font:normal 1em/1 Arial, Helvetica, sans-serif; margin:0; border-left:1px solid #f2f2f2; width:80px; text-align:center}
.page-id-22 ul#mini-nav li#docs a{background:url(images/icons.png) 21px 0 no-repeat; border:none}
.page-id-22 ul#mini-nav li#mail a{background:url(images/icons.png) -60px 0 no-repeat}
.page-id-22 ul#mini-nav li#marketing a{background:url(images/icons.png) -141px 0 no-repeat}
.page-id-22 ul#mini-nav li#returns a{background:url(images/icons.png) -220px 0 no-repeat}

/* - - GLOBAL LENDING - - */
.page-id-7 h1 {font:normal 3em/1.4 Georgia, "Times New Roman", Times, serif}
.page-id-7 h2 { text-align:left}
.page-id-7 #kiva {float:right; width:298px; height:313px; background:url(images/globalLending_lend.jpg) no-repeat 0 0; margin:0 11px 0 5em}
.page-id-7 #kiva-loans-header {clear:right; font-size:2.4em; margin-bottom:.75em}
.page-id-7 ul.kivaLoans {list-style:none; margin:0; padding:0}
.page-id-7 ul.kivaLoans li{float:left; padding:10px; margin:0 10px 10px 0; text-align:left; background:#eee; font:normal 11px Arial, Helvetica, sans-serif; width:144px; min-height:140px}
.page-id-7 ul.kivaLoans li img {max-width:144px; min-height:100px; max-height:100px}
.page-id-7 #main-topic{width:872px}

/* - - Lead Gen Tool - - */
#leadGen {background:url(images/bg-newsletter.jpg) no-repeat 50% 0; position:relative}
#leadGenContent {width:856px; margin:0 auto; height:10em; padding:2.2em; overflow:hidden}
#leadGenContent h2 {float:left; color:#fff; margin-top:0}
#leadGenContent h2 a {display:block; background:#fff; font-size:.8em; padding:1em; margin-top:.6em; text-align:center; text-transform:uppercase; text-decoration:none; background:url(images/bg-loan-app.png) 0 0 no-repeat}
#wpcf7-f2-p5-o1 {width:40.5em; float:right; overflow:hidden}
#wpcf7-f2-p5-o1 h3 {color:#fff; margin-bottom:.5em}
#wpcf7-f2-p5-o1 #your-name,
#wpcf7-f2-p5-o1 #biz-name,
#wpcf7-f2-p5-o1 #your-email,
#wpcf7-f2-p5-o1 #phone {background:url(images/bg-form.png) no-repeat 0 0; border:none; width:140px; height:22px; padding:0 10px; margin:0 0 4px 0; color:#5a4a42; font-family:Georgia, "Times New Roman", Times, serif}
#wpcf7-f2-p5-o1 #send {color: transparent; text-transform: capitalize; display:block; background:url(images/submit.png) no-repeat 0 0; border:none; width:27px; height:22px; overflow:hidden; text-indent:-999em; position:absolute; top:79px; margin-left:333px}
#wpcf7-f2-p5-o1 .ajax-loader {background:#fff; position:absolute; top:60px; margin-left:338px; display:block}
.wpcf7-validation-errors {border:0 !important; background:yellow !important; margin:.4em 0 0 !important; padding:.8em !important}
.wpcf7-not-valid-tip {background:red !important; color:#fff !important; margin:0 !important}
#wpcf7-f2-p5-o1 #send, #wpcf7-f2-p5-o1 .ajax-loader {margin-top:.5em}
.focusField{color:#000 !important}
.idleField{color:#5a4a42 !important}

/* -- Resources -- */
.MLCalcRatesForm h3 {font-weight:bold}
.page-id-8 #sidebar {float:right; margin:0 -140px 0 40px}
.mortgage-calculator {float:right; background:#ccc}

.page-id-6 #beachHouse {float:right; width:298px; height:313px; background:url(images/beachhouse.jpg) no-repeat 0 0; margin:0 -130px 2em 5em}


/* - - Customer Service - - */
.page-id-19 #customer-service {float:right; padding:1.2em 2.2em 0; margin:20px 10px 0 0; color:#fff; background:#71635c url(images/bg-home.jpg) no-repeat 70% 0}
.page-id-19 #customer-service h2 {color:#aca4a0 !important}
.page-id-19 .wpcf7 #name input,
.page-id-19 .wpcf7 #email input,
.page-id-19 .wpcf7 #subject input,
.page-id-19 .wpcf7 #message textarea {background:#f2f2f2; padding:.3em; border:none; border-bottom:1px solid #aca4a0; color:#5a4a42; font:normal 1.2em/1.3 Verdana, Geneva, sans-serif}
.page-id-19 .wpcf7 #message textarea {width:40em; height:20em}

/* - - Sitemap - - */
.page-id-61 ul {margin:0 0 0 4.4em; font-size:1.2em}

/* - - TESTIMONIALS - - */
.page-id-9 #main-topic{width:872px}
.page-id-9 .testimonial-section {overflow:hidden; clear:right; margin-bottom:7em}
.page-id-9 p {width:534px}

.testimonials_pic,
#testimonials_pic,
#testimonials_pic2,
#testimonials_pic3,
#testimonials_pic4,
#testimonials_pic6{clear:right; float:right; width:299px !important; height:235px; background:url(images/couple.jpg) no-repeat 0 0; margin:0}
#testimonials_pic2 {background:url(images/couple1.jpg) no-repeat 0 0}
#testimonials_pic3 {background:url(images/couple2.jpg) no-repeat 0 0}
#testimonials_pic4 {background:url(images/couple3.jpg) no-repeat 0 0}
#testimonials_pic6 {background:url(images/testimonials_pic6.jpg) no-repeat 0 0}

/* - - Main Locations Page - - */
.page-id-10 #main-topic {width:900px; margin:0 auto; padding:0; overflow:hidden}
.page-id-10 #main-content h1 {margin:0; padding:0; height:auto}
.page-id-10 #main-content h2 {margin-bottom:2em}
.page-id-10 #main-content ul {overflow:hidden; margin:2em 0 0; padding:0; font-size:10px}
.page-id-10 #main-content ul li {float:left; padding:0 10px 7px 30px; width:190px; text-align:left; list-style:none; margin:0 0 20px; 
font:normal 12px Arial, Helvetica, sans-serif; line-height:1.3; border-right:1px solid #e5e5e5}
.page-id-10 #main-content ul li strong{display:block; margin:0; padding:0; font:normal 1.1em/18px Georgia, "Times New Roman", Times, serif; text-transform:capitalize; padding-bottom:10px}
.page-id-10 #main-content ul li#item1,
.page-id-10 #main-content ul li#item2 {padding-left:0}
.page-id-10 #main-content ul li#item4,
.page-id-10 #main-content ul li#item7 {border-right:0}
.page-id-10 #main-content ul li.firstItem	{padding-left:0; clear:left}
.page-id-10 #main-content ul li.lastItem	{border-right:0}
.page-id-10 #mainAddress {margin-bottom:33px; font:normal 1.8em/1.5 Georgia, "Times New Roman", Times, serif;
background:url(images/bg-home.jpg) repeat-x 50% 0}
.page-id-10 #mainAddress div {padding:66px 102px 66px 442px; background:url(images/office.jpg) no-repeat 0 -70px; position:relative}
a#contactIkon {position:absolute; width:163px; height:61px; top:106px; right:70px; overflow:hidden; text-indent:-999em; background:url(images/bg-contact.png) 0 0 no-repeat}
a#contactIkon:hover {background-position:0 -61px}


/*-- Locations: Branch Pages --*/
#breadcrumb {width:900px; margin:40px auto 20px}
#breadcrumb p,
#breadcrumb a {font:normal 10px/1 Helvetica, Arial, sans-serif; text-transform:uppercase}
#branch-info {width:900px; height:199px; margin:0 auto; font-family:Arial, Helvetica, sans-serif; background:#345b23 url(images/branch-info-bg.png) 680px 0 no-repeat; color:#fff; overflow:hidden}
#branch-info table {float:right; margin:40px 10px 0 0; line-height:1.3; width:194px}
#branch-info table td {padding:0 0 4px 0; vertical-align:top}
#branch-info table td:first-child {text-align:right; color:#b4bcb0; padding:0 3px 4px 0}
#branch-info table td.branchaddress {word-wrap:break-word}
#branch-info h1 {font-size:35px; width:603px; float:left; display:table-cell; vertical-align:middle; padding:50px 0 0 40px}
#branch-info h1 span {display:block; font-size:16px; font-weight:100; line-height:32px; text-transform:uppercase}
/* #wilmington-military-cutoff-branch #branch-info h1 {padding:40px 0 0 40px} */
#branch-photo {width:277px; float:left}
#branch-map a{color:#fff; text-decoration:none; border-bottom:1px solid #b4bcb0}
.single-locations #main-content p {width:640px}
.single-locations #main-content p img {margin:-10px 20px 10px -22px; border:1px solid #345b23}
.single-locations #main-content p strong {color:#345b23}

.branch-manager-info {float:right; overflow:hidden; width:200px; margin-right:-22px; line-height:1.1}
.branch-manager-info h2 {font:normal 10px/1.3 Arial, Helvetica, sans-serif; text-transform:uppercase; color:#345b23; margin:4px 0 8px 0}
.branch-manager-info h3 {color:#433731; margin-bottom:8px}
.single-locations #main-content hr {
display: block;
position: relative;
padding: 0;
margin:30px -22px 40px;
clear: both;
border: none;
border-top: 1px solid #ddd;
border-bottom:0;
font-size: 1px;
line-height: 0;
overflow: visible;
}
.single-locations #main-content .branch-manager-info p {line-height:22px; font-size:12px; width:auto}
.single-locations #main-content .branch-manager-info p img {vertical-align: -5px; height:16px; width:16px; border:1px solid #dacec0; padding:1px; margin:0}

.single-locations #main-content .branch-manager-info .wpcf7 p {width:196px; padding-left:4px; margin-left:-4px}
.branch-manager-info .wpcf7 input.the-name,
.branch-manager-info .wpcf7 input.the-email,
.branch-manager-info .wpcf7 textarea.the-message {background:#f8f8f8; border:none; border-bottom:1px solid #b4bcb0; width:196px; padding:2px; outline-color:#cad7c4}
.branch-manager-info .wpcf7 label {font:normal 10px/1 Arial, Helvetica, sans-serif; text-transform:uppercase}
.branch-manager-info .wpcf7 #email-me {display:block; margin-bottom:2px}


/* - - Press - - */
.parent-pageid-319 #main-topic {width:960px !important}

/* - - Principals Page - - */
.page-id-242 #main-topic{width:872px}
.page-id-242 p {width:534px}
.page-id-242 p.alignright {width:298px}



/* - - Affiliates Page w/ Twitter Sidebar - - */
.twitter-sidebar-page #main-content {position:relative}
.twitter-sidebar-page #main-topic {width:856px; text-align:left}

#twitter-sidebar {
position:absolute;
top:100px;
right:22px;
width:370px;
z-index:200
}

#twitter-sidebar h2 {overflow:hidden; text-indent:-999em; font-size:0; line-height:0}
#aff-fees {padding:20px; background:#f5f5f5; overflow:hidden}
#aff-fees h3 {font:normal 14px/1.3  Arial, Helvetica, sans-serif !important}
#aff-fees table {border-collapse:collapse; margin-bottom:10px}
#aff-fees table td {padding:4px}
#basic-fees {width:388px; float:left; overflow:hidden}
#basic-fees ul {margin-bottom:0; padding-bottom:0}
#company-fees{width:388px; border-left:2px solid #fff; padding-left:20px; float:right; overflow:hidden}

.navigation {padding:2em 0 0}
.navigation h4 {padding-bottom:.5em; margin:0 0 1em; border-bottom:1px solid #ccc; color:#a08e86; padding-left:10px}
.navigation a {text-transform:uppercase}
.single #content {padding-bottom:4em}
.single #main-content {padding:3em 2.2em 0}
#breadcrumb-nav {margin:0 0 2.2em; text-transform:uppercase; font-size:10px; color:#a08e86}
#breadcrumb-nav a {text-decoration:none; color:#a08e86}
#breadcrumb-nav a:hover{text-decoration:underline;color:#780f0f}