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

* {margin: 0; padding:0; outline:none}
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}
p {font:normal 1.3em/1.5 Verdana, Geneva, sans-serif; padding:0; margin:0 0 1.4em}
a {color:#789f43;}
a:hover {color:#F63}
ul {margin:0 0 0 2.2em; padding:0 0 2.2em; font-size:1.3em}
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}

#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;}

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.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.png) no-repeat 0 0; width:167px}
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.png) no-repeat -167px 0; width:222px}
ul#main-navigation li#global-commitment a:hover {background-position: -167px -30px}
ul#main-navigation li#global-commitment a:active, ul#main-navigation li#global-commitment.current a {background-position: -167px -60px}
ul#main-navigation li#resources a {background: url(images/bg-navigation.png) no-repeat -389px 0; width:174px}
ul#main-navigation li#resources a:hover {background-position: -389px -30px}
ul#main-navigation li#resources a:active, ul#main-navigation li#resources.current a{background-position: -389px -60px}
ul#main-navigation li#testimonials a {background: url(images/bg-navigation.png) no-repeat -563px 0; width:190px}
ul#main-navigation li#testimonials a:hover {background-position: -563px -30px}
ul#main-navigation li#testimonials a:active, ul#main-navigation li#testimonials.current a {background-position: -563px -60px}
ul#main-navigation li#locations a {background: url(images/bg-navigation.png) no-repeat -753px 0; width:147px}
ul#main-navigation li#locations a:hover {background-position: -753px -30px}
ul#main-navigation li#locations a:active, ul#main-navigation li#locations.current a {background-position: -753px -60px}

#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 1.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#main-page-links {margin-bottom:.5em}
#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}

/* - - Locations - - */
.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 0 7px 32px; width:188px; text-align:left; list-style:none; margin:0 0 14px; 
font:normal 12px Arial, Helvetica, sans-serif; line-height:1.3; border-right:1px solid #e5e5e5}
.page-id-10 #main-content ul li strong{margin:0; padding:0; font:normal 1.1em/2 Georgia, "Times New Roman", Times, serif; text-transform:capitalize}
.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}

/* - - Corporate - - */
.page-id-22 {}

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