Studio4Squared

body {behavior: url(http://www.studio4squared.com/modules/mod_lxmenupro/csshover.htc);} .moduletable div#mainmenu2lxmenupro, .module div#mainmenu2lxmenupro, div#mainmenu2lxmenupro { background: transparent; width: 639px; } .moduletable div#mainmenu2lxmenupro ul, .module div#mainmenu2lxmenupro ul, div#mainmenu2lxmenupro ul { margin: 0; padding: 0; } .moduletable div#mainmenu2lxmenupro li, .module div#mainmenu2lxmenupro li, div#mainmenu2lxmenupro li { float: left; position: relative; list-style: none; margin: 0; padding: 0; height: 19px; width: 160px; background-color: #6699CC; background-image: none; } .moduletable div#mainmenu2lxmenupro li:hover, .moduletable div#mainmenu2lxmenupro li.currentsub, .module div#mainmenu2lxmenupro li:hover, .module div#mainmenu2lxmenupro li.currentsub, div#mainmenu2lxmenupro li:hover, div#mainmenu2lxmenupro li.currentsub { background-color: #FFFFFF; background-image: none; z-index: 20; } .moduletable div#mainmenu2lxmenupro li.mainitem, .module div#mainmenu2lxmenupro li.mainitem, div#mainmenu2lxmenupro li.mainitem { height: 21px; width: 71px; background-color: #3D3D32; } .moduletable div#mainmenu2lxmenupro li.mainitem:hover, .moduletable div#mainmenu2lxmenupro li.currentmain, .module div#mainmenu2lxmenupro li.mainitem:hover, .module div#mainmenu2lxmenupro li.currentmain, div#mainmenu2lxmenupro li.mainitem:hover, div#mainmenu2lxmenupro li.currentmain { background-color: transparent; } .moduletable div#mainmenu2lxmenupro li a, .module div#mainmenu2lxmenupro li a, div#mainmenu2lxmenupro li a { display: block; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; color: #FFFFFF; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #FFFFFF; width: auto; height: auto; } .moduletable div#mainmenu2lxmenupro li:hover>a, .moduletable div#mainmenu2lxmenupro li.currentsub>a, .module div#mainmenu2lxmenupro li:hover>a, .module div#mainmenu2lxmenupro li.currentsub>a, div#mainmenu2lxmenupro li:hover>a, div#mainmenu2lxmenupro li.currentsub>a { color: #006699; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #6699CC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #6699CC; } .moduletable div#mainmenu2lxmenupro li.mainitem>a, .module div#mainmenu2lxmenupro li.mainitem>a, div#mainmenu2lxmenupro li.mainitem>a { padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; color: #76756d; font-size: 8px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } .moduletable div#mainmenu2lxmenupro li.mainitem:hover>a, .moduletable div#mainmenu2lxmenupro li.currentmain>a, .module div#mainmenu2lxmenupro li.mainitem:hover>a, .module div#mainmenu2lxmenupro li.currentmain>a, div#mainmenu2lxmenupro li.mainitem:hover>a, div#mainmenu2lxmenupro li.currentmain>a { color: #FDB827; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; } .moduletable div#mainmenu2lxmenupro ul.level1 a, .module div#mainmenu2lxmenupro ul.level1 a, div#mainmenu2lxmenupro ul.level1 a { width: auto; } .moduletable div#mainmenu2lxmenupro li.folder>a, .module div#mainmenu2lxmenupro li.folder>a, div#mainmenu2lxmenupro li.folder>a { } .moduletable div#mainmenu2lxmenupro>ul a, .module div#mainmenu2lxmenupro>ul a, div#mainmenu2lxmenupro>ul a { width: auto; } .moduletable div#mainmenu2lxmenupro ul ul, .module div#mainmenu2lxmenupro ul ul, div#mainmenu2lxmenupro ul ul { display: none; position: absolute; width: 160px; } .moduletable div#mainmenu2lxmenupro li.folder li.folder>a, .module div#mainmenu2lxmenupro li.folder li.folder>a, div#mainmenu2lxmenupro li.folder li.folder>a { background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/symbol/arrow_gr2.gif);background-position:98% 50%;padding-right:15px; background-repeat: no-repeat; } .moduletable div#mainmenu2lxmenupro ul.level0 li.folder:hover ul.level1, .moduletable div#mainmenu2lxmenupro ul.level1 li.folder:hover ul.level2, .moduletable div#mainmenu2lxmenupro ul.level2 li.folder:hover ul.level3, .moduletable div#mainmenu2lxmenupro ul.level3 li.folder:hover ul.level4, .moduletable div#mainmenu2lxmenupro ul.level4 li.folder:hover ul.level5, .moduletable div#mainmenu2lxmenupro ul.level5 li.folder:hover ul.level6, .moduletable div#mainmenu2lxmenupro ul.level6 li.folder:hover ul.level7, .moduletable div#mainmenu2lxmenupro ul.level7 li.folder:hover ul.level8, .moduletable div#mainmenu2lxmenupro ul.level8 li.folder:hover ul.level9, .module div#mainmenu2lxmenupro ul.level0 li.folder:hover ul.level1, .module div#mainmenu2lxmenupro ul.level1 li.folder:hover ul.level2, .module div#mainmenu2lxmenupro ul.level2 li.folder:hover ul.level3, .module div#mainmenu2lxmenupro ul.level3 li.folder:hover ul.level4, .module div#mainmenu2lxmenupro ul.level4 li.folder:hover ul.level5, .module div#mainmenu2lxmenupro ul.level5 li.folder:hover ul.level6, .module div#mainmenu2lxmenupro ul.level6 li.folder:hover ul.level7, .module div#mainmenu2lxmenupro ul.level7 li.folder:hover ul.level8, .module div#mainmenu2lxmenupro ul.level8 li.folder:hover ul.level9, div#mainmenu2lxmenupro ul.level0 li.folder:hover ul.level1, div#mainmenu2lxmenupro ul.level1 li.folder:hover ul.level2, div#mainmenu2lxmenupro ul.level2 li.folder:hover ul.level3, div#mainmenu2lxmenupro ul.level3 li.folder:hover ul.level4, div#mainmenu2lxmenupro ul.level4 li.folder:hover ul.level5, div#mainmenu2lxmenupro ul.level5 li.folder:hover ul.level6, div#mainmenu2lxmenupro ul.level6 li.folder:hover ul.level7, div#mainmenu2lxmenupro ul.level7 li.folder:hover ul.level8, div#mainmenu2lxmenupro ul.level8 li.folder:hover ul.level9 { display:block; } .moduletable div#mainmenu2lxmenupro ul.level1, .module div#mainmenu2lxmenupro ul.level1, div#mainmenu2lxmenupro ul.level1 { -moz-opacity: 0.8; } .moduletable div#mainmenu2lxmenupro ul.level1, .module div#mainmenu2lxmenupro ul.level1, div#mainmenu2lxmenupro ul.level1 { top: 21px; left: 0px; } .moduletable div#mainmenu2lxmenupro ul.level2, .moduletable div#mainmenu2lxmenupro ul.level3, .moduletable div#mainmenu2lxmenupro ul.level4, .moduletable div#mainmenu2lxmenupro ul.level5, .moduletable div#mainmenu2lxmenupro ul.level6, .moduletable div#mainmenu2lxmenupro ul.level7, .moduletable div#mainmenu2lxmenupro ul.level8, .moduletable div#mainmenu2lxmenupro ul.level9, .module div#mainmenu2lxmenupro ul.level2, .module div#mainmenu2lxmenupro ul.level3, .module div#mainmenu2lxmenupro ul.level4, .module div#mainmenu2lxmenupro ul.level5, .module div#mainmenu2lxmenupro ul.level6, .module div#mainmenu2lxmenupro ul.level7, .module div#mainmenu2lxmenupro ul.level8, .module div#mainmenu2lxmenupro ul.level9, div#mainmenu2lxmenupro ul.level2, div#mainmenu2lxmenupro ul.level3, div#mainmenu2lxmenupro ul.level4, div#mainmenu2lxmenupro ul.level5, div#mainmenu2lxmenupro ul.level6, div#mainmenu2lxmenupro ul.level7, div#mainmenu2lxmenupro ul.level8, div#mainmenu2lxmenupro ul.level9 { top: 0px; left: 160px; }

#mainmenu2_menu { display: none; }

body {behavior: url(http://www.studio4squared.com/modules/mod_lxmenupro/csshover.htc);} .moduletable div#mainmenu1lxmenupro, .module div#mainmenu1lxmenupro, div#mainmenu1lxmenupro { position: relative; top: 0px; left: 0px; background: transparent; width: auto; } .moduletable div#mainmenu1lxmenupro ul, .module div#mainmenu1lxmenupro ul, div#mainmenu1lxmenupro ul { margin: 0; padding: 0; width: 192px; height: auto; } .moduletable div#mainmenu1lxmenupro li, .module div#mainmenu1lxmenupro li, div#mainmenu1lxmenupro li { position: relative; list-style: none; margin: 0; padding: 0; height: 19px; width: 160px; background-color: #6699CC; background-image: none; } .moduletable div#mainmenu1lxmenupro li:hover, .moduletable div#mainmenu1lxmenupro li.currentsub, .module div#mainmenu1lxmenupro li:hover, .module div#mainmenu1lxmenupro li.currentsub, div#mainmenu1lxmenupro li:hover, div#mainmenu1lxmenupro li.currentsub { background-color: #FFFFFF; background-image: none; z-index: 20; } .moduletable div#mainmenu1lxmenupro li.mainitem, .module div#mainmenu1lxmenupro li.mainitem, div#mainmenu1lxmenupro li.mainitem { height: 17px; width: 192px; background-color: transparent; background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/background/button-OFF.gif); background-repeat: no-repeat; background-position: left; } .moduletable div#mainmenu1lxmenupro li.mainitem:hover, .moduletable div#mainmenu1lxmenupro li.currentmain, .module div#mainmenu1lxmenupro li.mainitem:hover, .module div#mainmenu1lxmenupro li.currentmain, div#mainmenu1lxmenupro li.mainitem:hover, div#mainmenu1lxmenupro li.currentmain { background-color: transparent; background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/background/button-ON5.gif); background-repeat: no-repeat; background-position: left; } .moduletable div#mainmenu1lxmenupro li.folder>a, .module div#mainmenu1lxmenupro li.folder>a, div#mainmenu1lxmenupro li.folder>a { background-image: url(http://www.studio4squared.com/modules/mod_lxmenupro/images/symbol/arrow_gr2.gif);background-position:98% 50%;padding-right:15px; background-repeat: no-repeat; } .moduletable div#mainmenu1lxmenupro li a, .module div#mainmenu1lxmenupro li a, div#mainmenu1lxmenupro li a { display: block; padding-top: 2px; padding-right: 3px; padding-bottom: 2px; padding-left: 3px; color: #FFFFFF; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #FFFFFF; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #FFFFFF; width: auto; height: auto; } .moduletable div#mainmenu1lxmenupro li:hover>a, .moduletable div#mainmenu1lxmenupro li.currentsub>a, .module div#mainmenu1lxmenupro li:hover>a, .module div#mainmenu1lxmenupro li.currentsub>a, div#mainmenu1lxmenupro li:hover>a, div#mainmenu1lxmenupro li.currentsub>a { color: #006699; font-weight: normal; text-align: center; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-style: solid; border-color: #6699CC; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-left-style: solid; border-left-width: 6px; border-left-color: #6699CC; } .moduletable div#mainmenu1lxmenupro li.mainitem>a, .module div#mainmenu1lxmenupro li.mainitem>a, div#mainmenu1lxmenupro li.mainitem>a { padding-top: 1px; padding-right: 0px; padding-bottom: 2px; padding-left: 3px; color: #a7a9ac; font-size: 11px; font-family: tahoma,verdana,arial; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 0px; margin-left: 22px; padding-left: 3px; } .moduletable div#mainmenu1lxmenupro li.mainitem:hover>a, .moduletable div#mainmenu1lxmenupro li.currentmain>a, .module div#mainmenu1lxmenupro li.mainitem:hover>a, .module div#mainmenu1lxmenupro li.currentmain>a, div#mainmenu1lxmenupro li.mainitem:hover>a, div#mainmenu1lxmenupro li.currentmain>a { color: #a7a9ac; font-weight: normal; text-align: left; text-transform: none; direction: ltr; unicode-bidi: bidi-override; text-decoration: none; border-top-width: 0; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; margin-right: 0px; padding-right: 0px; margin-left: 22px; padding-left: 3px; } .moduletable div#mainmenu1lxmenupro ul.level1 a, .module div#mainmenu1lxmenupro ul.level1 a, div#mainmenu1lxmenupro ul.level1 a { width: auto; } .moduletable div#mainmenu1lxmenupro li.folder>a, .module div#mainmenu1lxmenupro li.folder>a, div#mainmenu1lxmenupro li.folder>a { } .moduletable div#mainmenu1lxmenupro>ul a, .module div#mainmenu1lxmenupro>ul a, div#mainmenu1lxmenupro>ul a { width: auto; } .moduletable div#mainmenu1lxmenupro ul ul, .module div#mainmenu1lxmenupro ul ul, div#mainmenu1lxmenupro ul ul { display: none; position: absolute; top: 0px; left: 160px; width: 160px; } .moduletable div#mainmenu1lxmenupro ul ul.level1, .module div#mainmenu1lxmenupro ul ul.level1, div#mainmenu1lxmenupro ul ul.level1 { left: 192px; } .moduletable div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, .moduletable div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, .moduletable div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, .moduletable div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, .moduletable div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, .moduletable div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, .moduletable div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, .moduletable div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, .moduletable div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9, .module div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, .module div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, .module div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, .module div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, .module div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, .module div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, .module div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, .module div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, .module div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9, div#mainmenu1lxmenupro ul.level0 li.folder:hover ul.level1, div#mainmenu1lxmenupro ul.level1 li.folder:hover ul.level2, div#mainmenu1lxmenupro ul.level2 li.folder:hover ul.level3, div#mainmenu1lxmenupro ul.level3 li.folder:hover ul.level4, div#mainmenu1lxmenupro ul.level4 li.folder:hover ul.level5, div#mainmenu1lxmenupro ul.level5 li.folder:hover ul.level6, div#mainmenu1lxmenupro ul.level6 li.folder:hover ul.level7, div#mainmenu1lxmenupro ul.level7 li.folder:hover ul.level8, div#mainmenu1lxmenupro ul.level8 li.folder:hover ul.level9 { display:block; } .moduletable div#mainmenu1lxmenupro ul.level1, .module div#mainmenu1lxmenupro ul.level1, div#mainmenu1lxmenupro ul.level1 { -moz-opacity: 0.8; }

#mainmenu1_menu { display: none; }

HOME

CURRENT JOBS

Report a comment

Thank you for taking the time to report the following comment to the administrator of this site.
Please complete this short form and click the submit button to process your report.

Comment in question

Written by Patrick Chesnut, on 07-03-2008 12:45
Looks fine; what is the native width (pixels) of the web page? 768?

#mainmenu2_menu { display: none; }