/* @license * MyFonts Webfont Build ID 2512986, 2013-03-24T10:32:30-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed Webfonts(s). * * You may obtain a valid license at the URLs below. * * Webfont: Helvetica Neue Pro Light by Linotype * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-neue-pro-light/ * Copyright: Part of the digitally encoded machine readable outline data for producing * the Typefaces provided is copyrighted © 1988 - 2008 Linotype GmbH, * www.linotype.com. All rights reserved. This software is the property of Linotype * GmbH, and may not be repro * * * License: http://www.myfonts.com/viewlicense?type=web&buildid=2512986 * * © 2013 MyFonts Inc */ @import url("MyFontsWebfontsKit.css"); /* */ body {font-family: HelveticaNeueLTPro-Lt, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;font-weight: normal;font-style: normal;font-size:16px;background:#666666;height:100.1%;}/* letter-spacing:0.09em; */ a {color:#007bbd;} #wrapper {width:960px;height:720px;margin:24px auto 0 ;background:url('/images/bg-960.gif') repeat-y 0 0;position:relative; -webkit-box-shadow: 3px 2px 30px rgba(38, 38, 28, 0.75); -moz-box-shadow: 3px 2px 30px rgba(38, 38, 28, 0.75); box-shadow: 3px 2px 30px rgba(38, 38, 28, 0.75); } header#nav {background:white url('/images/bg-triangle.png') no-repeat bottom right;height:318px;width:451px;position:relative;} header#nav div#nav-home a { text-indent:-10000px;position:absolute;top:202px;left:36px;background:url('/images/logo.png') no-repeat 0 0;width:141px;height:113px;display:block;z-index:5000; } header#nav ul {margin:0;padding:24px 20px 0 0;list-style-type:none;} header#nav ul li {margin:0 0 0.5em 0;padding:0;font-size:14px;}/* font-size:0.8125em; */ header#nav ul li {list-style-type:none;text-align:right;} header#nav ul li a {color:#939598;text-decoration: none;} header#nav ul li.on a {color:#007bbd;font-weight: 400;} #content {width:960px;position:relative;} #content #lyrics {position:absolute;left:104px;width:347px;height:345px;} #content #lyrics .box {width:347px;position:relative;top:-90px;} #content #lyrics .box .main {position:relative;padding:70px 20px 0 22px; color:#FFFFFF;} #home #content #lyrics .box .main {position:relative;top:90px;padding:70px 20px 0 22px; color:#FFFFFF;} #exhibitions #content #lyrics .box .main {position:relative;padding:70px 20px 0 22px; color:#FFFFFF;}/*top:-35px;*/ #contact #content #lyrics .box .main {position:relative;top:90px;padding:70px 20px 0 22px; color:#FFFFFF;} #profile #content #lyrics .box .main {position:relative;top:90px;padding:70px 20px 0 22px; color:#FFFFFF;} #profile #content #lyrics .box .main #skills {position: absolute;top: 220px;}/* text top same as white line in Music */ #profile #content #lyrics .box .main #skills ul {text-align: left;margin-right:30px;} #profile #content #lyrics .box .main #skills ul li {font-size: 14px;line-height:1.00em;color:#D1D3D4;;margin-bottom: 6px;} #content #lyrics .box .main h1 {color:#FFFFFF;line-height: 1.5em;margin-bottom: 30px;font-size:24px;font-weight:normal;} /* client list nav menu */ #content #lyrics .box .main ul {list-style-type: none;text-align: right;}/* position:absolute;right:20px;Xmargin-top:-110px; */ #content #lyrics .box .main ul li {list-style-type: none;font-size:14px;color:#c7c8ca;margin-bottom: 0.74em;} #content #lyrics .box .main ul li a {color:#c7c8ca;text-decoration: none;} #content #lyrics .box .main ul li a:hover {text-decoration: underline;} #content #lyrics .box .main ul li.on a {color:#ffffff;} #content #lyrics .box .main p {margin-bottom:60px;} #branding #content #lyrics .box .main #clientlist {} #content #lyrics .box .main #clientlist ul li.intro span {border-bottom:solid #FFFFFF 1px;} #content #lyrics .box .clients {padding:1em 20px 0 0; color:#FFFFFF;} #content #lyrics .box .clients ul {list-style-type: none;} #content #lyrics .box .clients ul li {list-style-type: none;text-align:right;margin:0 0 0.25em 0;} #content #lyrics .box .clients ul li a {color:#c7c8ca;text-decoration:none;} #content #lyrics .box .clients ul li.on a {color:#FFFFFF;text-decoration:none;} #content #lyrics #testimonial {color:#b3d8eb;position:absolute;bottom:0px;padding:0px 20px 0 22px;} q {display: block;font-size: 11px;} q:before {content: "“";} q:after {content: "”";} .attribution {display:block;font-size: 11px;padding: 0.5em 0 0.5em 0;text-align:left;margin-left:56px;text-indent:-1em;} #content #music {width:509px;min-height:540px;position:absolute;top:-318px;left:451px;/*shadow*/} #profile #content #music {background:#006ba4;color:#FFFFFF;height: 720px;} #profile #content #music #about {height:539px;padding:0 27px;border-bottom:solid 1px #ffffff;}/* width:440px; */ #profile #content #music #about h1 {font-size:24px;line-height:1.5em;color:#FFFFFF;padding:0;font-weight: normal;font-weight:200;} #profile #content #music #about h2 {font-size:24px;line-height:1em;color:#FFFFFF;margin:10px 0 3px 0;font-weight: normal;} #profile #content #music #about h3 {font-size:13px;line-height:20px;margin-bottom: 20px;font-weight: normal;} #profile #content #music #about p {font-size:14px;line-height:20px;color:#d1d3d4;margin-bottom:0.8em;} #profile #content #music #who {border-top:solid 0px #ffffff; background:#076399;} #profile #content #music #who ul {list-style-type: none;margin-left:27px;margin-top: 15px;float:left;width:160px;} #profile #content #music #who ul.last {width:295px;} #profile #content #music #who ul li {color: #D1D3D4;font-size: 12px;line-height: 1.5em;list-style-type: none;} #contact #content #music {background:#006ba4;color:#FFFFFF;} #contact #content #music #about {height:539px;padding:0 27px;border-bottom:solid 0px #ffffff;}/* width:440px; */ #contact #content #music #about h2 {font-size:24px;line-height:1em;color:#FFFFFF;margin:10px 0 3px 0;font-weight: normal;} #contact #content #music #about h3 {font-size:14px;line-height:20px;margin-bottom: 20px;font-weight: normal;} #contact #content #music #about h3 a {font-size:14px;line-height:20px;margin-bottom: 20px;font-weight: normal;text-decoration: none;color: inherit;} #contact #content #music #about p {font-size:14px;line-height:20px;color:#d1d3d4;margin-bottom:0.8em;padding-right: 27px;} #content #lyrics .box .main #clientlist ul li.intro span {display:inline-block;padding-bottom:1em;} #content #lyrics .box .main #clientlist ul li a:hover {text-decoration: none;color:#FFFFFF;} #content #lyrics .box .main #clientlist ul li a:visited {text-decoration: none;color:#c7c8ca;} #content #lyrics .box .main #clientlist ul li.on a {text-decoration: none;color:#FFFFFF;} #content #music #submenu {height:40px;background-color: #076399;color:#FFFFFF;line-height: 40px;}/* display:inline-block;position:relative; */ #content #music #submenu ol {list-style-type: none;width: 270px;} #content #music #submenu ol li {float:left;padding:0;list-style-type: none;padding-left:3px;text-align: center;line-height: 40px;} footer#footer {clear:both;margin-left:104px;width:347px;position: absolute;bottom: 1.5em;font-size:12px;} footer, footer a {color:#FFFFFF;text-decoration: none;} footer p {margin: 0 20px;} /* http://www.malsup.com/jquery/cycle/pager4.html */ #slideshow { margin: 0 auto } #slideshow.pics {overflow:hidden;width:509px;height:540px;background: #999;} #slideshow.pics img {width:auto;height:540px;margin:auto;} #thumb-nav {background: inherit;position:relative;} #thumb-nav ol li {} #thumb-nav a {display:block;width:42px;height:40px;} #thumb-nav a img {width:42px;height:40px;opacity:0.7;top:0;background: black;}/* position:absolute; */ #thumb-nav a:hover img {background: black;opacity:1;} #thumb-nav .activeSlide a img {opacity:1;} #wrapper div#content div#music div#submenu div#title {float:left;margin:5px 5px 0 5px;display:block;font-size:0.75em;width: 229px;}/* width:27.21em; */ #home #wrapper div#content div#music div#submenu div#title {/* for ' Bureau of Alcohol, Tobacco, Firearms and Explosives' @ 12px, use width:333px; */}