@charset "utf-8"; /* CSS Document */ /* Theme Name: MG Investment Group Theme URI: http://www.mgigusa.com/ Description: Custom desiign for MG Investment Group. Version: 2.0 Author: Wildcat Digital */ /* ________________________________________________________________________________________________________________ 01. GENERAL TYPOGRAPHY ________________________________________________________________________________________________________________ */ /* ------- 1. CSS Reset ------- */ html,body,div,object,iframe,p, blockquote,pre,address,code,del,dfn,em,img,q, dl,dt,dd,ol,ul,li, table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{font-family: Arial, sans-serif;font-size: 14px;line-height:18px;letter-spacing:.1px;word-spacing:1px;margin:0;padding:0;border:0;vertical-align:baseline;} p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;} strong, b{font-weight:bold;} em, dfn, i{font-style:italic;} *{margin:0;padding:0;} /* ------- 2. General ------- */ body {text-align:left;} p {margin:15px 0 15px 0;} a:link {color:#666666;text-decoration:none;} /* unvisited link */ a:visited {color:#666666;text-decoration:none;} /* visited link */ a:hover {color:##a6c198;text-decoration:underline;} /* mouse over link */ a:active {color:#666666;text-decoration:underline;} /* selected link */ ul,li{list-style:none outside;margin:0 0 0 20px;list-style-type:none;} .fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;} .fl{float: left;} .fr{float: right;} /* ------- 3. Headers ------- */ h1,h2 {font-family:Georgia, "Times New Roman", Times, serif;margin:20px 0 15px 0; font-weight:300;letter-spacing: -1px; } h1 {font-size: 28px;color:#000000;} h2 {font-size: 42px;color:#000000;line-height: 53px;margin:0 0 0 34px;padding: 15px 0 0 0;} h3 { font-family: Arial, sans-serif;font-size:20px;line-height: 25px;color:#a6c198;font-weight:bold;margin:20px 0 20px 0;} h4 {font-size: 14px;color:#000000;font-weight:bold;margin-bottom: 15px;margin-top:10px;} h5 { font-family: Arial, sans-serif;font-size:20px;line-height: 25px;color:#eeb94a;font-weight:bold;margin:20px 0 20px 0;} /* ________________________________________________________________________________________________________________ 02. GENERAL LAYOUT ________________________________________________________________________________________________________________ */ /* ------- 1. General Structure ------- */ #header {width: 100%;height: 109px;background-color: #FFF;background-image: url(images/mg-investment-header.jpg);background-repeat: no-repeat;background-position: center;float: left;} #wrapper {width: 800px;margin: 0 auto;border-right: 1px solid #a6c198;border-left: 1px solid #a6c198;margin-top:15px; margin-bottom:15px;} #content {margin: 0 34px 0 34px;} /* ------- 2. Navigation ------- */ #pages {width:800px;height:45px;margin: auto;background-image: url(images/pages-nav.jpg);background-repeat: repeat-x;} #pages ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px;} #pages ul li { float: left; display: block; height: 45px;padding: 0px; margin:0;padding:0;background: url(images/pages-nav-divider.jpg) 94% 0px no-repeat;} #pages ul li.first { padding-left:20px;} #pages ul li.last { background: none;} #pages ul li a:link,#pages ul li a:visited, #pages ul li a:active {float: left; text-align:left;color: #000;display: block;height: 34px;font-size: 16px;font-weight:300;padding: 13px 30px 5px 15px;margin: 0px;} #pages ul li a:hover {color: #2f6144;text-decoration:none;} .nav ul {position:absolute;top:-999em;} #nav2 li {float:left;position:relative;z-index:1000;font-size:12px;} #nav2 li li{left:-8px;} .nav a {display:block;} .nav ul li{width: 100%;} .nav li:hover ul,ul.nav li.sfHover ul {left:0px;top:45px;} #nav2 li:hover ul,ul#nav2 li.sfHover ul {left:0px;text-decoration: none;top:45px !important;} .nav li:hover li ul,.nav li.sfHover li ul {top:-999em;} .nav li li:hover ul,ul.nav li li.sfHover ul {left:15em;top:0px;} .nav li:hover ul,.nav li li:hover ul {top: -999em;} .nav li li {display: block;padding: 0px;} .nav li li a:link, .nav li li a:visited {width: 180px;display: block;background-color: #0092C4;padding: 10px 30px 0px 30px;margin:0;} #nav2 li li a:link, #nav2 li li a:visited {background-color: #a6c198 !important;} #nav2 li li a:hover {background-color: #2f6144 !important;color: #FFF !important;text-decoration:none;} /* ------- 3. Columns ------- */ .one_half{width:366px;margin-bottom:25px;} .one_third{width:234px; margin-right:15px;} .one_fourth{width:115px; margin-right:20px;} .three_fourth{width:597px;margin-top:-18px;} .one_half,.one_third,.one_fourth,.three_fourth{position:relative;margin-bottom:0px;float:left;} .last{margin-right:0 !important;clear:right;} /* ------- 4. Footer ------- */ #copyright {font-size: 11px;text-align:right;color:#FFF;letter-spacing: -.3px;margin:5px 20px 0 0;} #footer {background-image: url(images/mg-investment-footer.jpg);background-repeat: no-repeat;width:800px;height:52px;text-align:center;color:#FFF;font-size:11px;} #footer a{color:#FFF;font-size:11px;} #footer a:hover{color:#FFF;text-decoration:underline;} #footer li,#footer ul{display:inline;font-weight:normal;margin:0;} /* ------- 5. Divider ------- */ .divider{background:url(images/line.gif) repeat-x scroll center bottom;clear:both;display:block;margin-bottom:30px;padding-top:20px;width:100%;} /* ------- 6. Forms ------- */ input[type=text],input[type=password],input[type=file],textarea{width:200px;background:#85a689;border-color:#738672;border-style:solid;border-width:1px;color:#000;cursor:text;font-family:"Lucida Sans Unicode","Lucida Grande","Trebuchet MS", Helvetica, Arial, sans-serif;padding:5px;} input{border:1px solid #738672;font-size:12px;padding:5px;background:#85a689;} input{outline-style:none!important;cursor:pointer;} input[type="submit"]{border:1px solid #738672;font-size:12px;padding:5px;background:#85a689;} /* ________________________________________________________________________________________________________________ 03. PAGE SPECIFIC ________________________________________________________________________________________________________________ */ /* ------- 1. Home Page ------- */ #home-image {background: url(images/mg-investment-home.jpg) no-repeat;width:800px;height:285px;margin:0;padding:0;} #home-trio {background: url(images/mg-investment-home-trio.jpg) no-repeat;width:800px;height:114px;margin: 0px;padding: 0px;} /* ------- 2. About Page ------- */ #about-image {background: url(images/mg-investment-about-header.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} /* ------- 3. Clients ------- */ ul#logos {margin:0;padding:0;list-style-type:none;} ul#logos li {padding:0 0 10px 0; margin:0;text-align:center;background-image: none;list-style-type:none;} #clients-image {background: url(images/mg-investment-clients-header.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} #recommendation-image {background: url(images/mg-investment-recommend-header.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} #client-wrapper {background-image: url(images/mg-investment-recommend-quote.jpg);position: relative;background-position: 93% 92%;background-repeat: no-repeat;margin:0px;padding: 0px;} /* ------- 4. Partners Page ------- */ #partners-image {background: url(images/mg-investment-partners-header.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} /* ------- 5. Client Manager ------- */ #login-layout {padding: 0px 0px 0px 19px;background: url(images/login-background2.jpg) no-repeat;width:419px;height:307px;margin: 0 0 20px 0;float:left;} #login-image {background: url(images/mg-investment-login-header.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} .field-image {background: url(images/login-field-background.jpg) no-repeat;width: 200px;height: 27px;margin: 0px;padding: 0px;float: left;} #client-login-box {background-image: url(images/login-background.jpg);position:relative;background-repeat: no-repeat;background-position: 93% 92%;margin: 0px;padding: 0px;} #client-manager {margin:15px 0 30px 0} #login-bg {background-image: url(images/login-background.jpg); background-repeat: no-repeat;width:327px;height:237px;} input, select { background-color:transparent; border:none; padding: 5px; } /* transparent form field */ .image-wrapper-left {padding:0;margin:0;float: left;} /* ------- 6. Contact ------- */ #contact-image {background: url(images/mg-investment-contact-header.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} #contact-bg1 {background: url(images/mg-investment-contact-bg2.gif) no-repeat;width:800px;height:454px;margin: 0px;padding: 0px;float:left;} #flash-wrapper {z-index:-10;} /* ------- 7. Buttons ------- */ #clients {display: block; width: 177px; height: 57px; background: url("http://www.mgigusa.com/images/button-clients.gif") no-repeat 0 0; padding-left:34px; margin:25px 0 20px 0;} #clients:hover {background-position: 0 -57px;} #refresh {display: block; width: 177px; height: 57px; background: url("http://www.mgigusa.com/mg-investment/images/button-refresh.gif") no-repeat 0 0;} #refresh:hover {background-position: 0 -57px;} /* ________________________________________________________________________________________________________________ 03. MG SOLUTIONS ________________________________________________________________________________________________________________ */ /* ------- 1. General Structure ------- */ #wrapper-solutions {width: 800px;margin:0 auto;border-right: 1px solid #eeb94a;border-left: 1px solid #eeb94a;margin-top:15px; margin-bottom:15px;} #header-solutions {width: 100%;height: 109px;background-color: #FFF;background-image: url(images/mg-solutions-header.jpg);background-repeat: no-repeat;background-position: center;float: left;} /* ------- 2. Headers ------- */ h5 { font-family: Arial, sans-serif;font-size:20px;line-height: 25px;color:#eeb94a;font-weight:bold;margin:20px 0 20px 0;} /* ------- 3. Navigation ------- */ #pages-solutions {width:800px;height:45px;margin: auto;background-image: url(images/solutions-pages-nav.jpg);background-repeat: repeat-x;} #pages-solutions ul { list-style-type: none; list-style-image: none; float: left; padding: 0px 0px 0px 0px; margin: 0px 10px 0px 0px;} #pages-solutions ul li { float: left; display: block; height: 45px;padding: 0px; margin:0;padding:0;background: url(images/pages-nav-divider-solutions.jpg) 94% 0px no-repeat;} #pages-solutions ul li.first { padding-left:20px;} #pages-solutions ul li.last { background: none;} #pages-solutions ul li a:link,#pages-solutions ul li a:visited, #pages-solutions ul li a:active {float: left; text-align:left;color: #000;display: block;height: 34px;font-size: 16px;font-weight:300;padding: 13px 30px 5px 15px;margin: 0px;} #pages-solutions ul li a:hover {color: #e2a526;text-decoration:none;} #solutions-nav li li{left:-8px;} #solutions-nav li li a:link, #solutions-nav li li a:visited {background-color: #eeb94a !important;} #solutions-nav li li a:hover {background-color: #e2a526 !important;color: #FFF !important;text-decoration:none;} #solutions-nav li {float:left;position:relative;z-index:1000;font-size:12px;} #solutions-nav li:hover ul,ul#solutions-nav li.sfHover ul {left:0px;text-decoration: none;top:45px !important;} /* ------- 4. Footer ------- */ #footer-solutions {background-image: url(images/mg-solutions-footer.jpg);background-repeat: no-repeat;width:800px;height:52px;text-align:center;color:#FFF;font-size:11px;} #footer-solutions a {color:#FFF;font-size:11px;} #footer-solutions a:hover{color:#FFF;text-decoration:underline;} #footer-solutions li,#footer-solutions ul{display:inline;font-weight:normal;margin:0;} /* ------- 5. Header Images ------- */ #solutions-image {background: url(images/mg-investment-solutions-header.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} #solutions-print {background: url(images/mg-solutions-print.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} #solutions-online {background: url(images/mg-solutions-online.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} #solutions-philosophy {background: url(images/mg-solutions-philosophy.jpg) no-repeat;width:800px;height:285px;margin: 0px;padding: 0px;float:left;} /* ------- 6. Lists ------- */ ul#mg-solutions-overview {list-style-type:none;padding:0px;margin:0 0 25px 0;} ul#mg-solutions-overview li {background-image:url(images/mg-solutions-bullet.jpg);background-repeat:no-repeat;background-position:0px 7px;padding-left:34px;} /* ------- 7. Buttons ------- */ #print {display: inline; float:left; width: 177px; height: 57px; background: url("http://www.mgigusa.com/images/button-print-portfolio.gif") no-repeat 0 0;margin: 0 34px 20px 0;} #print:hover {background-position: 0 -57px;} #online {display: inline; float:left; width: 177px; height: 57px; background: url("http://www.mgigusa.com/images/button-online-portfolio.gif") no-repeat 0 0; margin:0 0 20px 0} #online:hover { background-position: 0 -57px;}