/*
OntheRocksDetroit.com
Site created by Stephanie Skuzenski
http://www.skuzenskidesign.com/ Copyright A(C)2009
Creation Date:July 2009
Concept Designer:Stephanie Skuzenski
*/

* {
	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:#666666;
}

.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 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;
}

/* Wrapper */

#wrapper {
	width:1024px;
	margin:0 auto -30px;
}

/* Logo */

#logo {
	float:left;
	margin:0 auto;	
}
	
/* Menu */

body {
	padding:0;
	margin:0;
	background:#efefef url(images/OTR_BKG.gif) repeat-x;
}

img {
	border: none;
}

.dock {
	position: absolute;
	top:117px;
	left:330px; 
	height:18px; 
	text-align:right;
}

.dock-container {
	position:absolute;
	height:18px;
	background:none;
	padding-left:20px;
	z-index:1;
}

a.dock-item {
	display:block;
	width:143px;
	height:40px;
	color:#000;
	position:absolute;
	top:0px;
	text-align:center;
	text-decoration:none;
	font:bold 12px Arial, Helvetica, sans-serif;
}

.dock-item img {
	border:none; 
	margin:5px 10px 0px; 
	width:100%; 
}

.dock-item span {
	display:none; 
	padding-left:20px;
}

#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:77px;
  	width:1100px;
  	height:665px;
  	text-decoration:none;
  	background:url('images/HOME_IMAGE.png') no-repeat;
}

#aboutImage {
	clear:both;
	display:block;
  	position:absolute;
  	left:563px;
  	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:388px;
  	width:440px;
  	text-decoration:none;
}

#servicesImage {
	clear:both;
	display:block;
  	position:absolute;
  	left:534px;
  	top:120px;
  	width:717px;
  	height:515px;
  	text-decoration:none;
  	background:url('images/SERVICES_IMAGE.png') no-repeat;
}

#successesImage {
	clear:both;
	display:block;
  	position:absolute;
  	left:333px;
  	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:352px;
  	width:460px;
  	text-decoration:none;
}

#content {
	clear:both;
	float:left;
	position:absolute;
	top:168px;
	left:63px;
	width:586px;	
}

#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: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 {
	float:left;
	padding-top:6px;
	padding-left:12px;
	width:1024px;
	color:#000;
	font:10px Arial, Sans-serif; 
}