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 06-03-2008 20:37
I like the overall loks of the options provided. We all prefer option 2 and would like to see it with the following:

1) Replace green background surrounding the top green graphic with gray.

2) Top graphic - can you shift the hart logo to the left and add the "Moving Concepts to Reality" to the graphics on the lower right?

3) Buttons - like the gold on grey text when inactive; can you make the text green when active; no green button effect?

4) Can you reduce the height of the button area to the same height as the grey area below the promo graphics?

Thanks!

PC

#mainmenu2_menu { display: none; }