/** Main Menu **/ .highlighted { background: rgb(146,0,84); /* Old browsers */ background: -moz-linear-gradient(top, rgba(146,0,84,1) 2%, rgba(229,183,208,1) 3%, rgba(146,0,84,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(146,0,84,1)), color-stop(3%,rgba(229,183,208,1)), color-stop(50%,rgba(146,0,84,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(146,0,84,1) 2%,rgba(229,183,208,1) 3%,rgba(146,0,84,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(146,0,84,1) 2%,rgba(229,183,208,1) 3%,rgba(146,0,84,1) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(146,0,84,1) 2%,rgba(229,183,208,1) 3%,rgba(146,0,84,1) 50%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(146,0,84,1) 2%,rgba(229,183,208,1) 3%,rgba(146,0,84,1) 50%,rgba(0,0,0,1) 100%); /* W3C */ filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#920054', endColorstr='#000000',GradientType=0 )"; /* IE6-9 */ } .glossy { background: rgb(0,0,0); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,0,0,1) 2%, rgba(226,226,226,1) 3%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(0,0,0,1)), color-stop(3%,rgba(226,226,226,1)), color-stop(50%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,1) 2%,rgba(226,226,226,1) 3%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,1) 2%,rgba(226,226,226,1) 3%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,1) 2%,rgba(226,226,226,1) 3%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(0,0,0,1) 2%,rgba(226,226,226,1) 3%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%); /* W3C */ filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 )"; /* IE6-9 */ } .rounded-corners(@radius: 10px) { border-radius: @radius; -moz-border-radius: @radius; -webkit-border-radius: @radius; } div#menu_container { position: relative; width: 1000px; height: 100px; a#home { display: block; float: right; width: 198px; height: 90px; margin: 0px; padding: 0px; text-align: center; img { margin: 20px 0px; } } ul#main_menu { display: block; float: left; width: 800px; height: 50px; margin: 30px 0px 20px; padding: 0px; .rounded-corners; border: 1px solid #999999; overflow: hidden; li { display: block; float: left; width: 200px; height: 50px; margin: 0px; padding: 0px; a:link, a:visited { display: block; margin: 0px; padding: 0px 20px; font-weight: normal; font: 20px/50px 'WalkwayUltraBoldRegular', Verdana, Tahoma, Arial, sans-serif; color: #ffffff; text-shadow: 1px 1px 1px #999999, -1px -1px 1px #000000; text-align: center; .glossy; } a:hover, a:active, a.current { color: #ffffff; text-shadow: 1px 1px 1px #ff9999, -1px -1px 1px #490029; .highlighted; } } li:nth-child(1) a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; } li:nth-child(4) a { border-top-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; } } } body.web_design div#menu_container ul#main_menu li a#web_design { .highlighted; } body.graphic_design div#menu_container ul#main_menu li a#graphic_design, body.printing div#menu_container ul#main_menu li a#printing { .highlighted; } body.contact div#menu_container ul#main_menu li a#get_in_touch { .highlighted; } body.home { div#menu_container { a#home { display: none; } ul#main_menu { width: 1000px; height: 60px; li { width: 250px; height: 60px; a:link, a:visited { font: 25px/60px 'WalkwayUltraBoldRegular', Verdana, Tahoma, Arial, sans-serif; } } } } }