body { background: url(http://mtvendo.com/wp-content/thesis/skins/classic/images/beige-noise_02.png) #ffffff; } #divLoginMainMenu { display:none; } #custHeader { background-image: url(http://mtvendo.com/wp-content/thesis/skins/classic/images/huffaker-blue-1-header.jpg); border-bottom:1px solid #fff; height:245px; } #bannerContainer { width:960px; margin:auto; display:block; padding-top:18px; padding-left: 60px; height:142px; } #namePhone { float:right; margin-top:17px; text-rendering:optimizelegibility; padding-right:42px; } #menuItemContainer { width:960px; margin:auto; } #custHeaderImg { height:135px; background-repeat:no-repeat; background-position:80px 20px; margin-top:-3px; float:left; padding-left:23px; } #custHeaderMenu { background-color:#1B110B; height:90px; background-image:url(http://mtvendo.com/wp-content/thesis/skins/classic/images/tiny-brown-noise_03.png); border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; } .custHeaderMenuItem { font-size:15px; float:left; padding:30px 20px 13px 0px; font-weight:lighter; color:#ffffff; font-family: Georgia; padding-right:20px; text-transform:uppercase; text-rendering: optimizelegibility; } .custHeaderMenuItem a { text-decoration:none; color:#ffffff; padding-left:10px; } .custHeaderMenuItem a:hover { text-decoration:none; color:#ffffff; } #custMainContent { background-color:#EBE3D8; padding:20px; } #custMainContentInner { border: 1px solid #635a4c; } #custMainContentInner #contentPage h1 { color:#1B110B; } #custFooter { background-color:#1B110B; padding-left:60px; height:70px; } .custFooterItem { font-size:13px; float:left; padding:15px 10px 5px 10px; } .custFooterItem a, .custFooterItemLast a { text-decoration:none; color:#C7B299; } .custFooterItemLast { font-size:13px; padding:0 10px 15px 10px; clear:left; } .menu { width:980px; height:45px; margin:-3px auto 0 auto; position:relative; background:transparent; /* border-top:solid 2px #33ADFF; border-bottom:solid 2px #0091F0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; -webkit-box-shadow:0 0 5px #ADADAD; -moz-box-shadow:0 0 5px #ADADAD; box-shadow:0 0 5px #ADADAD; */ font-weight:lighter; color:#ffffff; text-transform:uppercase; } /* ========== DIV THAT HOLDS MAIN LINKS ========== */ .menu ul{ margin:0 0 0 20px; padding:0; float:left; list-style:none; letter-spacing:1px; } /* ========== MAIN LINKS ========== */ .menu ul li{ float:left; position:relative; margin-top: 8px; } .menu ul li a{ display:block; height:45px; padding:5px 44px 13px 27px; font-family: Georgia, serif; font-size:15px; color:#fff; text-decoration:none; line-height:48px; margin-right: 15px; letter-spacing: 1.4px; /* -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; */ -webkit-transition:background 190ms ease-in-out; -moz-transition:background 190ms ease-in-out; -ms-transition:background 190ms ease-in-out; -o-transition:background 190ms ease-in-out; transition:background 190ms ease-in-out; } .menu ul li a span{ width:auto; } /* ========== MAIN LINKS ON MOUSEOVER ========== */ .menu ul li:hover > a{ background:#3E92AD; } /* ========== MAIN LINKS ON MOUSE CLICK ========== */ .menu ul li a:active{ background:#3E92AD; } /* ========== DROPDOWN MENU ========== */ .menu ul ul{ position:absolute; left:0; visibility:hidden; opacity:0; margin: 0; padding:3px 0; background:#3E92AD; width:295px; /* -webkit-border-bottom-right-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-bottomleft:4px; border-bottom-right-radius:4px; border-bottom-left-radius:4px; -webkit-transition:all 180ms linear; -moz-transition:all 180ms linear; -ms-transition:all 180ms linear; -o-transition:all 180ms linear; transition:all 180ms linear; */ } .menu ul li:hover > ul{ visibility:visible; opacity:1; } /* ========== LINKS IN DROPDOWN MENU ========== */ .menu ul ul li a{ width:250px; height:35px; padding-right:0px; font-size:15px; color:#ffffff; line-height:37px; border-radius:0; -webkit-transition:background 210ms linear, color 210ms linear; -moz-transition:background 210ms linear, color 210ms linear; -ms-transition:background 210ms linear, color 210ms linear; -o-transition:background 210ms linear, color 210ms linear; transition:background 210ms linear, color 210ms linear; } /* ========== RIGHT ANGLE IN DROPDOWN MENU ========== */ .menu ul ul li a span{ position:absolute; top:0px; right:8px; font-size:14px; color:#A4A4A4; -webkit-transition:color 210ms linear; -moz-transition:color 210ms linear; -ms-transition:color 2210ms linear; -o-transition:color 2210ms linear; transition:color 210ms linear; } /* ========== LINKS ON MOUSEOVER IN DROPDOWN MENU ========== */ .menu ul ul li:hover > a{ color:#FFF; background:#4BABCA; } .menu ul ul li:hover > a span{ color:#FFF; } /* ========== LINKS ON MOUSE CLICK IN DROPDOWN MENU ========== */ .menu ul ul li a:active, .menu ul ul li a:active span{ color:#CCC; } /* ========== DROPDOWN MENU LVL 2,3,4,... ========== */ .menu ul ul ul{ position:absolute; top:-5px; left:100%; visibility:hidden; opacity:0; -webkit-border-radius:4px; -webkit-border-top-left-radius:0; -moz-border-radius:4px; -moz-border-radius-topleft:0; border-radius:4px; border-top-left-radius:0; } /* ========== SOCIAL ICONS ========== */ ul.social{ float:right; margin-right:10px; } ul.social li a { padding:0 10px; } ul.social li a span{ width:1.25em; font-size:16px; line-height:47px; }