/*
ontherocksdetroit.com
http://www.skuzenskidesign.com/ 
Creation Date:July 2009
Designer:Skuzenski Design
*/
* {margin:0;padding:0;}
body {background:#efefef;float:left;text-align:justify;font:12px Arial, Helvetica, sans-serif;text-decoration:none;color:#000;}
h1 {margin-bottom:1.1em;font-size:14px;line-height:140%;font-weight:bold;color:#333;}
h2 {margin-top:.3em;margin-bottom:.3em;font-size:14px;line-height:120%;font-weight:normal;font-family:Helvetica, sans-serif;text-decoration:none;color:#666666;}
dt {margin-top:.3em;margin-bottom:.3em;font-size:14px;line-height:120%;font-weight:normal;font-family:Helvetica, sans-serif;color:#666666;}
p, ol, ul {line-height:110%;font:12px Arial, Helvetica, sans-serif;text-decoration:none;list-style:none;color:#333;}
p .events {margin-bottom:1em;line-height:100%;font:10px Arial, Helvetica, sans-serif;text-decoration:none;color:#333;}
p .testimonialText {margin-bottom:1em;line-height:110%;font:10px Arial, Helvetica, sans-serif;text-decoration:none;color:#333;}
p .about {margin-bottom:1em;line-height:110%;font:13px Arial, Helvetica, sans-serif;text-decoration:none;list-style:none;color:#333;}
p .list {line-height:110%;font:12px Arial, Helvetica, sans-serif;text-decoration:none;list-style:none;color:#333;}
.list a {margin-top:.3em;margin-bottom:.3em;font-size:14px;line-height:120%;font-weight:normal;font-family:Helvetica, sans-serif;text-decoration:none;color:#666;}
.list a:hover {margin-top:.3em;margin-bottom:.3em;font-size:14px;line-height:120%;font-weight:normal;font-family:Helvetica, sans-serif;text-decoration:none;color:#000;}
a {margin-bottom:1.1em;font-size:11px;line-height:140%;font-weight:bold;text-decoration:none;color:#333;}
a:hover {margin-bottom:1em;line-height:110%;font:11px Arial, Helvetica, sans-serif;text-decoration:none;font-weight:bold;color:#000;}
a.list {margin-top:.3em;margin-bottom:.3em;font-size:14px;line-height:120%;font-weight:normal;font-family:Helvetica, sans-serif;text-decoration:none;color:#666;}
a.list:hover {margin-top:.3em;margin-bottom:.3em;font-size:14px;line-height:120%;font-weight:normal;font-family:Helvetica, sans-serif;text-decoration:none;color:#000;}
a img {border:none;}
dl, dd {line-height:110%;font:12px Arial, Helvetica, sans-serif;text-decoration:none;list-style:none;color:#333;}
ol {width: 600px;list-style-type:none;}
li {margin-top:.3em;margin-bottom:.3em;float:left;font-size:14px;line-height:120%;font-weight:normal;font-family:Helvetica, sans-serif;text-decoration:none;list-style:none;color:#666;}
.clear {clear:both;}
/* Wrapper */
#wrapper {width:1024px;margin:0 auto;}
/* Logo */
#logo {float:left;margin:0 auto;}
/* Navigation */
#nav ul li {margin:11px 0 0 0;float:left;}
#nav ul {margin:0;list-style:none;line-height:normal;}
#nav li {display:inline;padding-bottom:10px;}
a.about {display:block;position:relative;left:48px;top:0px;width:42px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_ABOUT.png') no-repeat;}
a.about:hover {background-position:-42px 0;}
a.services{display:block;position:relative;left:72px;top:0px;width:62px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_SERVICES.png') no-repeat;}
a.services:hover {background-position:-62px 0;}
a.music {display:block;position:relative;left:96px;top:0px;width:110px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_MUSIC.png') no-repeat;}
a.music:hover {background-position:-110px 0;}
a.successes {display:block;position:relative;left:120px;top:0px;width:75px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_SUCCESSES.png') no-repeat;}
a.successes:hover {background-position:-75px 0;}
a.events {display:block;position:relative;left:144px;top:0px;width:48px;height:43px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_EVENTS.png') no-repeat;}
a.events:hover {background-position:-48px 0;}
a.gallery {display:block;position:relative;left:168px;top:0px;width:56px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_GALLERY.png') no-repeat;}
a.gallery:hover {background-position:-56px 0;}
a.press {display:block;position:relative;left:192px;top:0px;width:43px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_PRESS.png') no-repeat;}
a.press:hover {background-position:-43px 0;}
a.clients {display:block;position:relative;left:216px;top:0px;width:52px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_CLIENTS.png') no-repeat;}
a.clients:hover {background-position:-52px 0;}
a.blog {display:block;position:relative;left:240px;top:0px;width:34px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_BLOG.png') no-repeat;}
a.blog:hover {background-position:-34px 0;}
a.contact {display:block;position:relative;left:264px;top:0px;width:59px;height:24px;text-decoration:none;background:url('http://www.ontherocksdetroit.com/images/BTN_CONTACT.png') no-repeat;}
a.contact:hover {background-position:-59px 0;}
/*Btn*/
#backBtn {clear:both;float:left;position:absolute;top:4px;left:488px;z-index:100;}
#backBtnSuccess {clear:both;float:left;position:absolute;top:4px;left:421px; z-index:100;}
#backBtnVideo {clear:both;float:left;position:absolute;top:4px;left:360px;z-index:100;}
/* Content */
#BuyNow {clear:both;display:block;position:absolute;top:246px;width:339px;height:339px;text-decoration:none;background:url('images/TwitterCall.png') no-repeat;}
#PayPal{clear:both;display:block;position:absolute;top:278px;left:164px;width:60px;height:30px;text-decoration:none;background:url('https://www.paypal.com/en_US/i/btn/btn_buynow_SM.gif') no-repeat;}
#homeImage {clear:both;display:block;position:absolute;left:40px;top:96px;width:1100px;height:665px;text-decoration:none;background:url('images/HOME_IMAGE.png') no-repeat;}
#aboutImage {clear:both;display:block;position:absolute;left:580px;top:0px;width:749px;height:849px;text-decoration:none;background:url('images/ABOUT_IMAGE.png') no-repeat;}
#aboutTest {float:right;display:block;position:absolute;left:110px;top:415px;width:440px;text-decoration:none;}
#servicesImage {clear:both;display:block;position:absolute;left:534px;top:128px;width:717px;height:515px;text-decoration:none;background:url('images/SERVICES_IMAGE.png') no-repeat;}
#musicImage {clear:both;display:block;position:absolute;left:512px;top:28px;width:783px;height:776px;text-decoration:none;background:url('images/MUSIC_IMAGE.png') no-repeat;}
#musicImageSub {clear:both;display:block;position:absolute;left:512px;top:28px;width:783px;height:776px;text-decoration:none;background:url('images/MUSIC_IMAGE_TRANS.png') no-repeat;}
#successesImage {clear:both;display:block;position:absolute;left:473px;top:22px;width:627px;height:747px;text-decoration:none;background:url('images/SUCCESSES_IMAGE.png') no-repeat;}
#successesCaseStudies {clear:both;display:block;position:absolute;left:575px;top:57px;width:459px;height:1305px;text-decoration:none;background:url('images/SUCCESSES_IMAGE_TRANS.png') no-repeat;}
#eventImage {clear:both;display:block;position:absolute;left:654px;top:114px;width:954px;height:582px;text-decoration:none;background:url('images/EVENT_IMAGE.png') no-repeat;}
#specialeventImage {clear:both;display:block;position:absolute;left:803px;top:313px;width:347px;height:223px;text-decoration:none;background:url('images/SPECIAL_EVENT_IMAGE.png') no-repeat;}
#galleryImage {clear:both;display:block;position:absolute;left:562px;top:110px;width:1168px;height:1215px;text-decoration:none;background:url('images/GALLERY_IMAGE.png') no-repeat;}
#galleryTest {float:left;display:block;position:absolute;left:188px;top:388px;width:480px;text-decoration:none;}
#imageGallery {clear:both;display:block;position:absolute;left:662px;top:110px;width:1068px;height:1215px;text-decoration:none;background:url('images/GALLERY_IMAGE_TRANS.png') no-repeat;}
#clientsImage {clear:both;display:block;width:100%;position:fixed;bottom:0;left:0;height:484px;text-decoration:none;background:url('images/CLIENTS_IMAGE.png') no-repeat;}
#clientTest {float:left;display:block;position:absolute;left:63px;top:414px;width:398px;text-decoration:none;}
#pressImage {clear:both;display:block;width:100%;position:fixed;bottom:0;left:0;height:284px;text-decoration:none;background:url('images/PRESS_IMAGE.png') no-repeat;}
#pressVideo {clear:both;display:block;position:absolute;left:0px;top:400px;width:1100px;height:284px;text-decoration:none;background:url('images/PRESS_IMAGE_TRANS.png') no-repeat;}
#pressTest {float:left;display:block;position:absolute;left:233px;top:500px;width:440px;text-decoration:none;}
#contactImage {clear:both;display:block;position:absolute;left:433px;top:170px;width:733px;height:495px;text-decoration:none;background:url('images/CONTACT_IMAGE.png') no-repeat;}
#contactTest {float:right;display:block;position:absolute;left:70px;top:358px;width:460px;text-decoration:none;}
#content {clear:both;float:left;position:absolute;top:168px;left:63px;width:480px;}
#contentSpecial {clear:both;float:left;position:absolute;top:168px;left:63px;width:800px;}
#creative {margin:0 auto;float:left;position:absolute;left:63px;top:452px;}
#links {margin:0 auto;float:left;position:absolute;left:220px;top:450px;}
#contentClients {clear:both;float:left;position:absolute;top:168px;left:63px;width:600px;}
#contentSuccesses {clear:both;float:left;position:absolute;top:168px;left:63px;width:800px;}
#contentMusic {clear:both;float:left;position:absolute;top:247px;width:610px;}
#contentGallery {clear:both;float:left;position:absolute;top:186px;left:53px;width:600px;}
#contentPress {clear:both;float:left;position:absolute;top:186px;left:53px;width:800px;}
#contentVideo {clear:both;float:left;position:absolute;top:186px;left:353px;width:700px;}
#galleryTitle {clear:both;float:left;position:absolute;top:169px;left:53px;}
#successTitle {clear:both;float:left;position:absolute;top:169px;left:59px;}
#videoTitle {clear:both;float:left;position:absolute;top:169px;left:348px;}
#subTitle {clear:both;float:left;}
/* Footer */
#footer {clear:both;background:#efefef;height:30px;width:100%;position:fixed;bottom:0;left:0;}
#footer, .push {height:30px;}
#copy {margin:0 auto;text-align:center;padding-top:6px;color:#555;font:9px Arial,sans-serif;}