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 05-03-2008 16:41
Gold tone at top is overwhelming; can you reproduce something based off of our current banner?

Gold sides are too bright; can you either fade from one color to another or use a consistent color around border frame.

Gold at bottom look nice.

Buttons can be streamlined to simpler format; similar to the format you use on your site.

Are the graphics (vehicles, Verify, icons) designed to rotate similar to the section on the S4 main page?

#mainmenu2_menu { display: none; }