div, img { behavior: url(iepngfix.htc) }

/* 
----------------------------------------------------------------
----------------------------------------------------------------
----------------------------------------------------------------
RRROCKENTERPRISES.COM CSS
----------------------------------------------------------------
----------------------------------------------------------------
---------------------------------------------------------------- 
*/

html body {
	margin: 0;
	padding: 0;
	background-color: #000;
	text-align: center;
	}
	
h1 { 
	float: left;
	width: 100%;
	margin: 0;
	line-height: 1em;
	padding: 5px 0 5px 0;
	color: #fff;
	text-align: left;
	font: normal normal normal 22px georgia, serif;
	 }
	
h1 a { text-decoration: none; }

p {
	font: normal normal normal 13px Georgia, serif;
	color: #ccc;
	line-height: 20px;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: left;
	}
	
a {
	}
	
a:hover {
	}
	
form {}

label {}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
li {
	margin: 0;
	padding: 0;
	}
	
em {
	font-style: normal;
	color: #eacd08;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
SITE FRAME
----------------------------------------------------------------
----------------------------------------------------------------
*/
.barHome { background: #000 url('../_images/barYellow.gif') repeat-x; }
.barAbout { height: 500px; background: #000 url('../_images/barYellow.gif') repeat-x; }
.barGeneric { background: #000 url('../_images/barYellow.gif') repeat-x; }
.barClients { background: #000 url('../_images/barYellow.gif') repeat-x; }
.barServices { background: #000 url('../_images/barYellow.gif') repeat-x; }
.barArtroster { background: #000 url('../_images/barYellow.gif') repeat-x; }
.barPress { background: #000 url('../_images/barYellow.gif') repeat-x; }
.barGraffiti { background: #000 url('../_images/barYellow.gif') repeat-x; }
.barContact { background: #000 url('../_images/barYellow.gif') repeat-x; }
	
#container {
	width:773px;
	margin:0px auto 0 auto;
	padding: 3px 0 0 0;
	}
	
#bgHome {
	float: left;
	width: 773px;
	height: 473px;
	background: url('../_images/bgHome.jpg') no-repeat;  
	}
	
#bgHomeNew {
	float: left;
	width: 773px;
	height: 375x;
	background: url('../_images/bgHome.jpg') no-repeat;  
	}
	
#bgAbout {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgAbout.jpg') no-repeat;  
	}
	
#bgRoger {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgRoger.jpg') no-repeat;  
	}
	
#bgSonja {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgSonja.jpg') no-repeat;  
	}
	
#bgServices {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgServices.jpg') no-repeat;  
	}
	
#bgClients {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgClients.jpg') no-repeat;  
	}
	
#bgArtroster {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgArtroster.jpg') no-repeat;  
	}
	
#bgPress {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgPress.jpg') no-repeat;  
	}
	
#bgGraffiti {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgGraffiti.jpg') no-repeat;  
	}
	
#bgContact {
	float: left;
	width: 773px;
	height: 375px;
	background: url('../_images/bgContact.jpg') no-repeat;  
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
HEADER
----------------------------------------------------------------
----------------------------------------------------------------
*/

#header {
	float: left;
	width: 773px;
	height: 165px;
	}
	
#logo {
	float: left;
	width: 225px;
	height: 165px;
	}
	
#logo_sm {
	float: left;
	width: 225px;
	padding-top: 15px;
	text-align: left;
	}
	
#nav {
	float: right;
	width: 548px;
	height: 120px;
	text-align: right;
	padding-top: 45px;
	}
	
#nav ul li {
	display: inline;
	font: normal normal bold 12px Arial, sans-serif;
	color: #fff000;
	padding-left: 18px;
	}
	
#nav ul li a {
	color: #999;
	text-decoration: none;
	}
	
#nav ul li.active a {
	color: #fff000;
	text-decoration: none;
	}
	
#nav ul li a:hover {
	color: #fff;
	}
	
#introCopyHome {
	float: right;
	width: 100%;
	height: 200px;
	}

#introCopyHome h1 {
	margin: 5px 0;
	padding: 0;
	color: #fff;
	text-align: right;
	font: normal normal normal 32px georgia, serif;
	}

#introCopy {
	float: right;
	width: 100%;
	height: 185px;
	}
	
#introCopy h4 {
	color: #fff;
	text-align: right;
	font: normal normal normal 12px georgia, serif;
	}

#introCopyDetail {
	float: right;
	width: 100%;
	height: 185px;
	}

#introCopyDetail h1 {
	margin: 5px 0;
	padding: 0;
	color: #fff;
	text-align: right;
	font: normal normal normal 56px georgia, serif;
	}
	
#introCopy h1 {
	margin: 5px 0;
	padding: 0;
	color: #fff;
	text-align: right;
	font: normal normal normal 28px georgia, serif;
	}
	
#artistCredit {
	float: left;
	color: #333;
	width: 100%;
	height: 10px;
	margin-top: 3px;
	padding-top: 0px;
	text-align: right;
	font: normal normal normal 9px Arial, sans-serif;
	display: none;
	}
	
.black {
	padding: 5px 7px;
	background-color: #000;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
CONTENT
----------------------------------------------------------------
----------------------------------------------------------------
*/

#content {
	float: left;
	width: 773px;
	padding: 5px 0 0 0;
	}
	
#contentLeft {
	float: left;
	width: 514px;
	padding-left: 6px;
	text-align: left;
	}
	
#contentLeft h3 {
	float: left;
	width :100%;
	text-align: left;
	color: #ccc;
	margin: 10px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	font: normal normal bold 16px georgia, serif;
	}
	
#contentLeft h3 sup {
	font-size: 9px;
	}
	
#contentLeft ul {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	}
	
#contentLeft li {
	padding: 5px 0 5px 25px;
	margin: 0 0 0 25px;
	text-align: left;
	border-left: 1px solid #333;
	color: #ccc;
	font: normal normal normal 13px georgia, serif;
	}
	
#contentLeft p {
	clear: left;
	margin: 0;
	padding: 0 0 20px 0;
}

#contentLeft a {
	color: #fff000;
	text-decoration: underline;
}

#contentLeft a:hover {
	color: #fff;
	text-decoration: none;
}

/* services left */

#servicesLeft {
	float: left;
	width: 514px;
	padding-left: 6px;
	}
	
#servicesLeft h3 {
	float: left;
	width: 100%;
	text-align: left;
	color: #fff;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	font: normal normal normal 18px georgia, serif;
	border-bottom: 1px dotted #333;
	}
	
#servicesLeft hr { display: none; }
	
#servicesLeft h3 sup {
	font-size: 9px;
	}
	
#servicesLeft ul {
	width: 100%;
	float: left;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: disc;
	}
	
#servicesLeft li {
	padding: 5px 0 2px 5px;
	margin: 0 0 0 35px;
	text-align: left;
	color: #ccc;
	font: normal normal normal 13px georgia, serif;
	}
	
#servicesLeft p {
	clear: left;
	margin: 0;
	padding: 0 0 20px 0;
}

/* content */
	
#content h2 {
	float: left;
	width: 100%;
	margin: 0;
	line-height: 1em;
	padding: 0;
	color: #fff;
	text-align: left;
	font: normal normal normal 22px georgia, serif;
	}
	
#contentRight h2 {
	float: left;
	width: 100%;
	margin: 0;
	line-height: 1em;
	padding: 0 0 10px 0;
	color: #fff;
	text-align: left;
	border-bottom: 1px dotted #333;
	font: normal normal normal 18px georgia, serif;
	}
	
#contentRight {
	float: left;
	width: 218px;
	padding-left: 35px;
	overflow: hidden;
	}
	
#contentRight ul {
	padding-bottom: 15px;
	}

#contentRight li {
	text-align: left;
	padding-bottom: 10px;
	font: normal normal normal 13px georgia, serif;
	color: #666;
	}
	
#contentRight li a {
	color: #fff000;
	text-decoration: underline;
	}
	
#contentRight li a:hover {
	color: #fff000;
	text-decoration: none;
	}
	
/* 
----------------------------------------------------------------
SERVICES
----------------------------------------------------------------
*/

.serviceList {
	float: left;
	width: 255px;
	padding-left: 2px;
	}
	
.serviceList ul li {
	float: left;
	width: 255px;
	height: 39px;
	margin-bottom: 2px;
	}
	
.serviceList ul li a {
	height: 27px;
	text-decoration: none;
	color: #fff;
	text-align: left;
	padding: 12px 0 0 25px;
	line-height: 1em;
	}
	
.servicesButton {
	float: left;
	width: 230px;
	height: 39px;
	background: url('../_images/servicesButton.gif') no-repeat;
	}
	
.servicesButton:hover {
	background-position: 0px -39px;
	}
	
.servicesText {
	text-align: left;
	}

.servicesHeading {
	float: left;
	width: 514px;
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	margin-bottom: 15px;
	padding: 10px 0;
	text-align: left;
	font: normal normal normal 10px Arial, sans-serif;
	color: #333;
	text-decoration: none;
	line-height: 18px;
	}
	
.servicesHeading a {
	font: normal normal normal 10px Arial, sans-serif;
	color: #666;
	text-decoration: none;
	}
	
.servicesHeading a:hover { color: #fff; }
	
.servicesIcon {
	float: left;
	width: 25px;
	height: 25px;
	_padding-top: 2px;
	}
	
.servicesTitle {
	float: left;
	width: 479px;
	padding-left: 0px;
	}

.servicesHeadingRight {
	float: left;
	width: 218px;
	border-bottom: 1px dotted #333;
	padding: 0 0 12px 0;
	_padding: 0 0 14px 0;
	margin-bottom: 15px;
	line-height: 1em;
	}
	
.exampleText {
	float: left;
	width: 175px;
	height: 22px;
	padding-top: 3px;
	padding-left: 5px;
	color: #fff;
	text-align: left;
	font: normal normal normal 18px georgia, serif;
	}	
	
.example {
	float: left;
	width: 44px;
	height: 44px;
	background-color: #333;
	margin-bottom: 6px;
	padding:3px;
	}
	
.example:hover {
	background-color: #666;
	}
	
.servicesReturn {
	float: left;
	width: 218px;
	height: 21px;
	padding-top: 15px;
	}
	
#servicesLeft a {
	color: #fff000;
	text-decoration: underline;
	}
	
#servicesLeft a:hover {
	color: #fff000;
	text-decoration: none;
	}
	
/* new services */

#servicesViewer {
	float: left;
	width: 773px;
	margin: -100px 0 0 8px;
	}
	
#servicesViewer h1 {
	text-align: right;
	color: #fff;
	font: normal normal normal 2em Georgia, serif;
	padding: 5px 8px 0 0;
	}
	
.imageThumbs {
	float: left;
	width: 765px;
	margin: 5px 0 15px 0;
	padding: 0 0 20px 0;
	list-style-type: none;
	}
	
.imageThumbs li {
	float: left;
	width: 83px;
	height: 50px;
	padding: 0 2px 2px 0;
	cursor: pointer;
	}
	
/* slide viewer */

.ldrgif { padding-top: 154px; }

/*preload classes*/ 
.svw {float: left; width: 765px; height: 340px; background: #1a1a1a;} 
.svw ul {position: relative; left: -999em; margin: 0 0 0 0; padding: 0;}

/*core classes*/ 
.stripViewer {
	position: relative;
	overflow: hidden;
	margin: 0;
	}

.stripViewer ul { /* this is your UL of images */ 
	margin: 0; 
	padding: 0; 
	position: relative; 
	left: 0; 
	top: 0; 
	width: 1%;
	list-style-type: none; 
	} 
	
.stripViewer ul li {  
	float:left; 
	}
	
/* 
----------------------------------------------------------------
CLIENT
----------------------------------------------------------------
*/

.clientHeading {
	float: left;
	width: 773px;
	border-bottom: 1px dotted #333;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
	
.clientList {
	float: left;
	width: 255px;
	padding-left: 2px;
	padding-top: 10px;
	}

.clientList ul li {
	margin-bottom: 10px;
	font: normal normal normal 14px Georgia, serif;
	text-align: left;
	color: #fff;
	padding-left: 6px;
	}
	

/* 
----------------------------------------------------------------
ART ROSTER
----------------------------------------------------------------
*/

.heading {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #333;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}
	
.artist {
	float: left;
	width: 254px;
	height: 140px;
	border: 1px solid #000;
	margin-bottom: 10px;
	}

.artistThumb {
	float: left;
	width: 254px;
	height: 100px;
	}		

.artistTitle {
	float: left;
	width: 234px;
	height: 20px;
	padding: 10px;
	text-align: left;
	}
	
.artistTitle h3 {
	margin: 0;
	padding: 0;
	font: normal normal normal 12px Georgia, serif;
	color: #999;
	}
	
.artistTitle h3 a {
	color: #999;
	text-decoration: none;
	border-bottom: 1px dotted #999;
	}
	
.artistTitle h3 a:hover {
	color: #ccc;
	text-decoration: none;
	border-bottom: 0px dotted #999;
	}

.artistTitle h3 .press_link_pdf a {
	border: 0;
	}

.artistTitle h3 .press_link_pdf a:hover {
	border: 0;
	}

.artistTitle h3 .press_link_pdf a img {
	vertical-align: bottom;
	}
	
.lightGray {
	color: #666;
	}
	
/* 
----------------------------------------------------------------
NEW ART ROSTER
----------------------------------------------------------------
*/

.artistList {
	float: left;
	width: 100%;
	padding-top: 10px;
	}
	
.artistCategory {
	float: left;
	width: 100%;
	background-color: #1a1a1a;
	border-bottom: 1px dotted #999;
	margin-top: 2px;
	}
	
.artistCategory {
	float: left;
	}
	
.artistListTitle {
	float: left;
	width: 743px;
	text-align: left;
	padding: 10px 15px;
	color: #ffcc00;
	font-size: 18px;
	cursor: hand;
	cursor: pointer;
	}
	
.artistListTitle:hover {
	background-color: #202020;
	}
	
.artistListTitle span {
	color: #666666;
	}	

.artistListArtists {
	float: left;
	width: 773px;
	display: none;
	}

.artistListArtists ul {
	float: left;
	width: 765px;
	padding: 20px 4px 30px 4px;
	}
	
.artistListArtists ul li { 
	float: left;
	display: inline;
	width: 255px;
	color: #333;
	text-align: center;
	font-size: 13px;
	padding-bottom: 10px;
	}
	
.artistListArtists ul li:hover { 
	float: left;
	display: inline;
	width: 255px;
	color: #333;
	text-align: center;
	font-size: 13px;
	background-color: #202020;
	}
	
.artistListArtists ul li a {
	color: #fff000;
	text-decoration: underline;
	}
	
.artistListArtists ul li a:hover {
	color: #fff000;
	text-decoration: none;
	}
	
/* artist */

#content .servicesTitleArtist {
	float: left;
	width: 773px;
	padding-left: 0px;
	}
	
#content .servicesTitleArtist h2 {
	float: left;
	width: 773px;
	text-align: right;
	font-size: 24px;
	}
	
.artistHeading {
	float: left;
	border-bottom: 0px dotted #333;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
	
.artistHeading h2 {
	width: 100%;
	}
	
#artistFlipper {
	float: left;
	width: 773px;
	height: 600px;
	margin: -85px 0 0 0;
	}
	
.artistLinks {
	float: left;
	width: 773px;
	padding: 0px 0 15px 0;
	margin-bottom: 30px;
	border-bottom: 1px dotted #333;
	text-align: center;	
	font: normal normal normal 11px Arial, sans-serif;
	color: #666;
	}
	
.artistLinks a {
	color: #fff000;
	text-decoration: underline;
	}
	
.artistLinks a:hover {
	color: #fff000;
	text-decoration: none;
	}

/* 
----------------------------------------------------------------
Art Roster Tab System
----------------------------------------------------------------
*/

/* tab system */

.tab { float: left; width: 765px; margin: 0; padding: 0 0 0 8px; text-align: left; }
.tab ul { float: left; margin: 0; padding: 0; list-style-type: none; }
.tab ul li { float: left; }
.tab ul li a { float: left; margin-right: 2px; padding: 13px 25px; text-align: center; text-decoration: none; background-color: #111; color: #666; border-bottom: 1px solid #000;}
.tab ul li a.selected { background-color: #1a1a1a; color: #ffcc00; border-bottom: 1px solid #1a1a1a; }
.tab ul li.last a { margin-right: 0; }
.tab ul li a:hover { color: #fff; text-decoration: underline; }
.tab ul li a.active:hover { color: #ffcc00; text-decoration: none; }

	/* pretty */
	.tab .content h2 { padding-top: 15px; font: normal normal bold 1.6em Arial, sans-serif; color: #333; }
	.tab .content p { font: normal normal normal 1.2em Arial, sans-serif; line-height: 1.6; color: #333; }
	.tab ol { list-style-type: none; margin: 0; padding: 0; }
	.tab ol li { float: left; width: 255px; margin: 0; padding: 0; text-align: center; }
	.tab ol li .rosterTitle a { color: #ffcc00; }
	.tab ol li .rosterTitle a:hover { color: #fff; text-decoration: none; }
	
	/* content */

	.tab .content { float: left; width: 765px; clear: left; background-color: #1a1a1a; }
	.tab .content-container { float: left; padding: 20px 0 40px 0;}


/* 
----------------------------------------------------------------
GRAFFITI
----------------------------------------------------------------
*/	

#graffitiLeft {
	float: left;
	width: 218px;
	padding-right: 35px;
	}

#graffitiLeft h2 {
	float: left;
	width: 100%;
	margin: 0;
	line-height: 1em;
	padding: 0;
	color: #fff;
	text-align: left;
	font: normal normal normal 18px georgia, serif;
	}
	
.graffitiHeadingLeft {
	float: left;
	width: 218px;
	border-bottom: 1px dotted #333;
	padding: 6px 0 13px 0;
	_padding: 9px 0 14px 0;
	margin-bottom: 15px;
	line-height: 1em;
	}

.graffitiHeading {
	float: left;
	width: 514px;
	border-bottom: 1px dotted #333;
	padding-bottom: 15px;
	margin-bottom: 15px;
	}

/* 
----------------------------------------------------------------
----------------------------------------------------------------
FOOTER
----------------------------------------------------------------
----------------------------------------------------------------
*/

#footer {
	float: left;
	width: 773px;
	height: 35px;
	margin-top: 25px;
	padding: 15px 0 0 0;
	border-top: 1px dotted #333;
	}

#newsletter {
	float: left;
	height: 35px;
	width: 245px;
	}
	
#footerInfo {
	float: left;
	width: 522px;
	height: 35px;
	color: #333;
	font: normal normal normal 9px verdana, sans-serif;
	text-align: left;
	padding: 7px 0 0 6px;
	line-height: 1em;
	}
	
#footer a {
	color: #333;
	}
	
/*
----------------------------------------------------------------
----------------------------------------------------------------
BLOG
----------------------------------------------------------------
----------------------------------------------------------------
*/

.widget-title {
	color: #fff;
	font-size: 16px;
	text-align: left;
	}

.entry-meta {
	color: #999;
	font-size: 12px;
	padding-bottom: 10px;
	}
	
.entry-meta a {
	color: #666;
	}

.entry-content ol {
	color: #ccc;
	}

.entry-content ul {
	color: #ccc;
	}

.post {
	float: left;
	width: 100%;
	border-bottom: 1px dotted #333;
	margin-bottom: 25px;
	}
	
h4 { color: #fff; }

.post { font: normal normal normal 13px Georgia, serif;
color: #ccc;
line-height: 20px;
margin: 0 0 20px 0;
padding: 0;
text-align: left; }

.post img { width: 100%; height: auto; }

.post li { margin: 0; padding: 0; }

blockquote { border-left: 1px solid #333; color: #fff; margin: 5px 0 15px 15px; padding: 5px 0 5px 25px; font: normal normal normal 13px Georgia, serif;
color: #ccc;
line-height: 20px;
text-align: left; }
em { font-style: italic; }


/*bloghome*/
.blogHome { padding-top: 20px; }
.blogHome h1 { padding-bottom: 20px; }

#contentRight.sidebarHome h2 { margin-bottom: 15px; }
 
.sidebarHome form { float: left; margin: -15px 0 30px 0; padding: 0; text-align: left; }
.sidebarHome form #mhihjr-mhihjr { border: none; background-color: #333; color: #fff; padding: 5px; height: 23px; width: 150px; margin: 0 2px 0 0; }
.sidebarHome form .newsletterSubmit { border: none; background-color: #333; color: #fff; padding: 5px; }
.sidebarHome form input { padding: 0; float: left; border-right: 2px solid #000; }

.sidebarHome form div { background-color: blue; }

.blog #contentLeft ul { 
	list-style-type:circle;
	font: normal normal normal 13px Georgia, serif;
	color: #ccc;
	line-height: 4px;
	margin: 0 0 0 20px;
	padding: 0;
	}

.blog #contentLeft ol {
	font: normal normal normal 13px Georgia, serif;
	color: #ccc;
	line-height: 4px;
	margin: 0 0 0 20px;
	padding: 0;
	}	
	
.blog #contentLeft ul li, .blog #contentLeft ol li { border: none; padding: 0 0 5px 5px; }

.widget-title { 
	float: left;
	width: 100%;
	margin: 0 0 15px 0;
	line-height: 1em;
	padding: 0 0 15px 0;
	color: #fff;
	text-align: left;
	border-bottom: 1px dotted #333;
	font: normal normal normal 22px georgia, serif;
	}
	
#contentRight .widget_categories ul { width: 90%; margin: 0 0 0 10%; padding: 0; float: left; clear: both; }
#contentRight .widget_categories ul li { margin: 0; padding: 0 0 0 0; line-height: 25px; }