body { background:#68C1EC; } #header_wrap { width:100%; min-width:990px; background:url(../images/header_wrap.png) repeat-x center bottom; } #header_grad { width:100%; min-width:990px; background: #ddf2fd; /* Old browsers */ background: -moz-linear-gradient(left, #ddf2fd 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ddf2fd), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #ddf2fd 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #ddf2fd 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #ddf2fd 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to right, #ddf2fd 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddf2fd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #main_wrap { width:100%; min-width:990px; padding:8px 0 8px; background: #f4f9fc; /* Old browsers */ background: -moz-linear-gradient(top, #f4f9fc 0%, #cbe4f3 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f9fc), color-stop(100%,#cbe4f3)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f9fc 0%,#cbe4f3 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f9fc 0%,#cbe4f3 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f9fc 0%,#cbe4f3 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f9fc 0%,#cbe4f3 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9fc', endColorstr='#cbe4f3',GradientType=0 ); /* IE6-9 */ } #footer_wrap { width:100%; min-width:990px; background: #4697ca; /* Old browsers */ background: -moz-linear-gradient(top, #4697ca 0%, #68c1ec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4697ca), color-stop(100%,#68c1ec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4697ca 0%,#68c1ec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4697ca 0%,#68c1ec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4697ca 0%,#68c1ec 100%); /* IE10+ */ background: linear-gradient(to bottom, #4697ca 0%,#68c1ec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4697ca', endColorstr='#68c1ec',GradientType=0 ); /* IE6-9 */ } #header { width:989px; padding-top:39px; margin:0 auto; } #main { width:981px; margin:0 auto; } #footer { width:981px; margin:0 auto; padding:25px 0 40px; position:relative; font-family: 'Varela Round', sans-serif; color:#e2eaf4; } #footer:after { content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #logo { width:381px; height:91px; display:block; float:left; margin:0 0 15px 4px; } #phone_tag, #m_phone { width:239px; height:50px; margin:35px 4px 0 0; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/phone_tag.png) no-repeat center top; float:right; } #m_phone { display:none; } @media(max-width: 480px){ #phone_tag { display:none; } #m_phone { display:block; } #social { right:60px !important; } } #header_nav { list-style:none; margin:0; padding:0; height:44px; clear:both; border-left:4px #FFF solid; border-right:4px #FFF solid; } #header_nav li { position:relative; } #header_nav > li { float:left; margin:0; padding:0; } #header_nav > li > a { height:44px; text-indent:-99999px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:center top; } #header_nav > li > a:hover { background-position:center -44px; } #header_nav > li > a.current, #header_nav > li > a.section { background-position:center -88px; } #nav1 { width:74px; background-image:url(../images/nav1.png); } #nav2 { width:98px; background-image:url(../images/nav2.png); } #nav3 { width:117px; background-image:url(../images/nav3.png); } #nav4 { width:95px; background-image:url(../images/nav4.png); } #nav5 { width:129px; background-image:url(../images/nav5.png); } #nav6 { width:178px; background-image:url(../images/nav6.png); } #nav7 { display: none; } #nav8 { width:127px; background-image:url(../images/nav7.png); } #nav9 { width:97px; background-image:url(../images/nav9.png); } .dropdown { width:200px; position:absolute; top:44px; left:0; z-index:999; border:1px #b6131e solid; background: #c9464f; /* Old browsers */ background: -moz-linear-gradient(top, #c9464f 0%, #cb202c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9464f), color-stop(100%,#cb202c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c9464f 0%,#cb202c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c9464f 0%,#cb202c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c9464f 0%,#cb202c 100%); /* IE10+ */ background: linear-gradient(to bottom, #c9464f 0%,#cb202c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9464f', endColorstr='#cb202c',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 2px 3px 0px rgba(, 0, 0, .15); box-shadow: 0px 2px 3px 0px rgba(, 0, 0, .15); } .dropdown ul { list-style:none; margin:0; padding:0; } .dropdown li { margin:0; padding:0; } .dropdown a { display:block; padding:9px 9px 9px 15px; text-align:center; font-family:'Asap',sans-serif; color:#FFF; font-size:12px; } .dropdown a:hover { text-decoration:none; background-color:#b6131e; color:#FFF; } .dropdown a:active { background-color:#a70913; } .dropdown .dropdown { top:0; left:100%; border:1px #d5d5d5 solid; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .dropdown .dropdown a { color:#666; } .dropdown .dropdown a:hover { background-color:#d2d2d2; } .dropdown .dropdown a:active { background-color:#b9b9b9; } #banner { height:300px; margin-bottom:8px; } #banner_left { float:left; width:731px; height:300px; position:relative; } #banner_left > a { width:731px; height:300px; text-indent:-99999px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:center top; position:absolute; top:0; left:0; } #banner_left > a:hover { background-position:center -300px; } #current_image { z-index:2; } #next_image { z-index:1; } .slideshow1 { background-image:url(../images/slideshow1b.jpg); } .slideshow2 { background-image:url(../images/slideshow2.jpg); } .slideshow3 { background-image:url(../images/slideshow3.jpg); } .slideshow4 { background-image:url(../images/slideshow4.jpg); } #callouts { float:right; width:223px; height:280px; padding:10px; background: #9cc8eb; /* Old browsers */ background: -moz-linear-gradient(top, #9cc8eb 0%, #c0e0f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9cc8eb), color-stop(100%,#c0e0f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #9cc8eb 0%,#c0e0f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #9cc8eb 0%,#c0e0f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #9cc8eb 0%,#c0e0f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #9cc8eb 0%,#c0e0f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc8eb', endColorstr='#c0e0f1',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 13px; border-radius: 13px; -webkit-box-shadow: inset 0px 0px 40px 0px rgba(0, 0, 0, .25); box-shadow: inset 0px 0px 40px 0px rgba(0, 0, 0, .25); } #callouts h2 { width:194px; height:78px; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/callouts.h2.png) no-repeat center top; margin:0 0 14px; padding:0; } #callouts ol { list-style:none; margin:0; padding:0; } #callouts li { margin:0; padding:0; border-top:1px #6db5e3 solid; } #callouts li:first-child { border:none; } #callouts a { text-indent:-99999px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:center top; } #callouts a:hover { background-position:center bottom; } #callout1 { width:154px; height:43px; background-image:url(../images/callout1.png); margin-bottom:9px; } #callout2 { width:219px; height:45px; background-image:url(../images/callout2.png); margin:8px 0 11px; } #callout3 { width:213px; height:56px; background-image:url(../images/callout3.png); margin-top:6px; } #callout { float:right; width:243px; height:302px; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/sidebar_button.png) no-repeat center top; } #callout:hover { background-position:center -302px; } #page_type { background:url(../images/page_type.png) no-repeat center bottom #FFF; padding:15px 30px; -webkit-box-shadow: 1px 2px 7px 0px rgba(0, 0, 0, .40); box-shadow: 1px 2px 7px 0px rgba(0, 0, 0, .40); } #page_type.internal { min-height:350px; } #page_type:after { content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #page_left { float:left; width:660px; } #page_right { float:right; width:200px; padding:15px; border:1px #d5d5d5 solid; background: #f7f7f7; /* Old browsers */ background: -moz-linear-gradient(top, #ebebeb 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ebebeb 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #ebebeb 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, .15); } #home_left { float:left; width:215px; } #home_left li a { color:#4286b0; font-weight:normal; } #home_center { float:right; width:655px; margin:0 25px 0; } #home_center h1 { font-size:24px; } /*#home_right { float:right; width:225px; } #home_right:after { content:"."; display:block; height:0; clear:both; zoom:1; visibility:hidden; } #home_right .btn_request_an_app { margin-bottom:20px; } #home_right .btn_request_an_app, #home_right .btn_financing { float:right; }*/ .btn_view_all_services { width:207px; height:40px; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/btn_view_all_services.png) no-repeat center top; } .btn_view_all_services:hover { background-position:center -40px; } .btn_request_an_app { width:193px; height:180px; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/btn_request_an_app.png) no-repeat center top; } .btn_request_an_app:hover { background-position:center -180px; } .btn_financing { width:216px; height:107px; text-indent:-99999px; overflow:hidden; display:block; background:url(../images/btn_financing.png) no-repeat center top; margin-bottom:-10px; } .btn_financing:hover { background-position:center -107px; } .footer_nav { list-style:none; margin:0 20px 0 0; padding:0 20px 0 0; float:left; border-right:1px #3985b6 solid; } .footer_nav li { margin:0; padding:0; font-size:11px; line-height:20px; } .footer_nav a { color:#e2eaf4; font-size:11px; line-height:20px; } .footer_nav a.current, .footer_nav a.section { font-weight:bold; } #see_also { float:left; } #see_also span { font-size:11px; line-height:20px; } #see_also ul { list-style:none; margin:0; padding:0; } #see_also li { margin:0; padding:0; font-size:10px; line-height:15px; } #see_also a { color:#aacbe9; font-size:10px; line-height:15px; } #see_also a:hover { color:#e2eaf4; text-decoration:none; } #sponsors { list-style:none; margin:0; padding:0; float:right; } #sponsors li { float:left; margin:0 0 0 13px; padding:0; } #sponsors li:first-child { margin:0; } #sponsors a { height:70px; text-indent:-99999px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:center center; } #sponsor1 { width:120px; background-image:url(../images/sponsor1.png); } #sponsor2 { width:107px; background-image:url(../images/sponsor2.png); } #sponsor3 { width:45px; background-image:url(../images/sponsor3.png); } #sponsor4 { width:71px; background-image:url(../images/sponsor4.png); } #sponsor5 { width:84px; background-image:url(../images/sponsor5.png); } #sponsor6 { width:98px; background-image:url(../images/sponsor6.png); } #social { position:absolute; top:-93px; right:-40px; list-style:none; margin:0; padding:0; } #social li { margin:5px 0 0; width:20px; height:20px; padding:0; } #social li:first-child { margin:0; } #social a { width:20px; height:20px; text-indent:-99999px; overflow:hidden; display:block; background-repeat:no-repeat; background-position:center top; } #social a:hover { background-position:center -20px; } #icon_t { background-image:url(../images/icon_t_small.png); } #icon_fb { background-image:url(../images/icon_fb_small.png); } #icon_li { background-image:url(../images/icon_li.png); } #copyright { float:right; clear:both; font-size:10px; line-height:15px; margin:60px 0 0; } #copyright a { color:#e2eaf4; }