/* @override http://billmack.com/css/screen.css */

/* 
Title:		Bill Mack
Author: 	David Boyer
Email:		david.boyer[at]26tigers.com
Created: 	June 13, 2008
Updated:	October 8, 2009
*/

/* --------------------------------------------------------------    
  GLOBAL
   * Sets site specific globel elements.     
-------------------------------------------------------------- */
/* 
body {
	background: #DADADA url(../images/img/bg_body.jpg) repeat-x 0 0;
}
 */
body {
	background: url(../images/img/bg_concrete_pattern.jpg) repeat 0 0;
}

body#black {
	background: #000 url(../images/img/bg_body_black.jpg) repeat-x 0 0;
}
body#pattern {
	background: url(../images/img/bg_concrete_pattern.jpg) repeat 0 0;
}

/*--[Generic Link Rules]---------*/
a:link, a:visited {
	color:#1694C9;
	text-decoration: none;	
}
a:hover {
	color: #D35900;
}


/* --------------------------------------------------------------    
   STRUCTURE
   * Sets structure skeleton.     
-------------------------------------------------------------- */

/*--[Main Wrapper]---------*/
.wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/*--[Header Section]--------*/
#header {
	position: relative;
	height: 284px;
}
#header {
	background: url(../images/img/bg_body_pattern.jpg) repeat-x 0 0;
}			
	#header .wrapper {
		background: url(../images/img/bg_wrapper_header.jpg) no-repeat 0 0;
		height: 284px;		
	}

/*--[Top Content Section]-------*/
#top_content {
	position: relative;		
}
	#top_content .wrapper {
		padding: 0 0 15px 0;
	}


/*--[Bottom Content Section]-------*/
#bottom_content {
	position: relative;
}
	#bottom_content .wrapper {
		background-color: #dadada;
	}

	/*--[Footer Section]-------*/
	#footer {
		clear:both;	
		width: 970px;
		height: 30px;
		background: url(../images/img/bg_footerbottom.gif) no-repeat 0 100%;
		padding: 0 15px;
}
		#footer ul {
			padding: 0; 
			float: left;
			line-height: 30px;
}
			#footer ul li {
				display: inline;
				padding: 0 8px;
				border-left: 1px solid #a3a3a3;
				font: 80% Arial, Helvetica, sans-serif;
			}
			#footer	ul li.first {
				border-left: none;
			}		
				#footer ul li a:link, #footer ul li a:visited {	
					color: #757575;
				}
				#footer ul li a:hover {
					color: #FD7558;
				}
	 #footer p {
		float: right;
		display: block;
		padding: 0;
		margin: 0;
		color: #757575;
		font: 80%/30px Arial, Helvetica, savns-serif;
}	
.octag { 
	background:url(../images/img/bg_concrete_pattern.jpg);
	width:100%;
	height: 33px;
	text-align: right;
	margin-top:;
 }
 	.octag a:link, .octag a:visited {
		display: block;
		background:url(../images/img/octag.gif) no-repeat right center;
		padding: 0 40px 0 0;
		font:90%/45px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #ccc;
	} 
		.octag a:hover {
			color:#aec79c;
		}
/*--[Content Columns]---------*/
.left_col { 
	float: left;
	width: 225px;
	position: relative;
}
.right_col {
	float: right;
	width: 750px;
	position: relative;
}
.one_col {
	width: 960px;
	margin: 0 auto;
	background: url(../images/img/bg_onecol_rose.jpg) no-repeat left 180px;
}
.left_col_rev { 
	float: left;
	width: 590px;
	position: relative;
}
.right_col_rev {
	float: right;
	width: 360px;
	position: relative;
}

/* --------------------------------------------------------------    
  NAVIGATION
   * Sets navigation menus and buttons.     
-------------------------------------------------------------- */

/*--[Main Navigation Bar]-------*/
ul#nav_main {
	position: absolute;
	bottom: 5px;
	right: 0;
	float: left;
	height: 78px;
	width: 660px;
	background: url(../images/img/bg_mainnav.jpg) no-repeat 0 0;
}
	ul#nav_main li {
		float: left;
		display: block;	
	}
		ul#nav_main li a:link, ul#nav_main li a:visited {	 
			float: left;
			display: block;
			text-indent: -9926px;
			height: 78px;			
		}
			/*Welcome*/
			ul#nav_main li.welcome a {
				width: 101px;		
			}
				ul#nav_main li.welcome a:hover {
					background: url(../images/img/btn_mn_welcome.jpg) no-repeat 0 0;
				}
			/*Hollywood*/	
			ul#nav_main li.hollywood a {
				width: 161px;			
			}
				ul#nav_main li.hollywood a:hover {
					background: url(../images/img/btn_mn_hollywood.jpg) no-repeat;
				}
			/*Artist*/
			ul#nav_main li.artist a {
				width: 119px;			
			}
				ul#nav_main li.artist a:hover {
					background: url(../images/img/btn_mn_artist.jpg) no-repeat;
				}
			/*Art*/
			ul#nav_main li.art a {
				width: 95px;			
			}
				ul#nav_main li.art a:hover {
					background: url(../images/img/btn_mn_art.jpg) no-repeat;
				}
			/*Showcase*/
			ul#nav_main li.showcase a {
				width: 103px;			
			}
				ul#nav_main li.showcase a:hover {
					background: url(../images/img/btn_mn_showcase.jpg) no-repeat;
				}	
			/*Studio*/
			ul#nav_main li.studio a {
				width: 81px;			
			}
				ul#nav_main li.studio a:hover {
					background: url(../images/img/btn_mn_studio.jpg) no-repeat;
				}
				
/*--[Top Navigation Buttons]-------*/
ul#nav_top {
	position: absolute;
	top: 60px;
	right: 10px;
	height: 24px;
	width: 670px;
	text-align: right;
}
	ul#nav_top li {
		display: inline;
		padding: 0 5px;
		border-left: 1px solid #e6e6e6;	
	}
		ul#nav_top li.littlerose a:link, ul#nav_top li.littlerose a:visited {
			background: #5a5a5a url(../images/img/icon_littlerose.gif) no-repeat 3px 2px;
			padding-left: 18px;
			padding-right: 8px;
		}
		ul#nav_top li.noborder {
			border: none;
		}
		ul#nav_top li a:link, ul#nav_top li a:visited {
			font: 120% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #fff;
			padding: 3px;
		}
			ul#nav_top li a:hover {
				background-color: #5a5a5a;
				color: #fadadd;
			}
			

/*-- [Members Bar] --*/
.members { 
	background-color:#262626;
}
	.members ul { 
		float: right;
	} 
		.members ul li {
			float:left;
			padding: 0 5px;
			border-left: 1px solid #e6e6e6;	
			padding: 0 5px;
			margin: 5px 0;
			color:#fff;
		} 
		.members ul li.noborder {
			border: none;
		}	
			.members ul li a:link, .members ul li a:visited {
				color:#fff;
			}
			.members ul li a:hover {
				color: #fadadd;
			}			
														
/*--[Side Navigation]-------*/
.nav_side {
	background: #dfdfdf url(../images/img/bg_sidenav.jpg) repeat-y 100% 0;
	border-top: 3px solid #7e0009;
	margin: 10px 0 0 1px;
}
	.nav_side ul {
		padding: 15px 0 21px 0;
		background: url(../images/img/bg_sidenav_bottom.jpg) no-repeat 0 100%;
	}
		.nav_side ul li ul {
			background: none;
			padding: 0;
		}

	.nav_side ul li {
		font: normal 140% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		padding: 1px 0;		
	}
		.nav_side ul li ul li {
			font: normal 70% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		}		
		.nav_side ul li a:link, .nav_side ul li a:visited {
			display: block;
			color: #333;
			margin: 1px 0;
			padding: 3px 0 3px 12px;
		}
			.nav_side ul li a:hover {
				background-color: #e5e5e5;
				border-top: 1px solid #dcdcdc;
				border-bottom: 1px solid #dcdcdc;
				margin: 0;
				color: #7e0009;
			}
		.nav_side ul li ul li a:link, .nav_side ul li ul li a:visited {
			padding-left: 15px;
			background: url(../images/img/bullet_gray.gif) no-repeat 0 50%;
			margin-left: 18px;
		}
			.nav_side ul li ul li a:hover {
				padding-left: 15px;
				background: url(../images/img/bullet_gray.gif) no-repeat 0 50%;
				margin-left: 18px;
				background-color: #e5e5e5;
				border-top: 1px solid #dcdcdc;
				border-bottom: 1px solid #dcdcdc;
				margin: 0 0 0 18px;
				color: #7e0009;
			}
					

/* --------------------------------------------------------------    
   HEADLINES
   * H-tag styling and image replacement.      
-------------------------------------------------------------- */
/*--[H1 Logo link and image replacement]-------*/
#header h1 {
	/*background: url(../images/img/logo_billmack_head.jpg) no-repeat;*/
	text-indent: -9926px;
	width: 360px;
	height: 200px;
	position: absolute;	
	top: 0;
	left: 0;
}
	#header h1 a {
		display: block;	
		/*background: url(../images/img/logo_billmack_head.jpg) no-repeat;*/
		height: 200px;
	}
	#header h1 a:hover {
		/*background: url(../images/img/logo_billmack_head_ro.jpg) no-repeat;*/
	}

/*--[H2 Tag line image replacement]-------*/
#header h2 {
	background: url(../images/img/bg_tagline.gif) no-repeat;
	text-indent: -9926px;
	height: 21px;
	width: 509px;
	position: absolute;
	top: 22px;
	right: 0;
}
.medred {
	font: normal 180%/1.1em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7e0009;
	padding: 8px 0 3px 12px;
	margin: 0;
	width: 90%;
}
.medred2 {
	font: normal 160%/1.1em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7e0009;
	padding: 8px 0 0 0;
	margin: 0 0 10px 0;
	width: 100%;
	border-bottom: 1px solid #b3b3b3;
}
.biggray {
	font: normal 325%/1.0em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #4c4c4c;
	padding: 15px 0 10px 0;
	margin: 0;
}
.biggray span { font-size:50%;}

.biggray_rose {
	font: normal 325%/1.0em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
	color: #4c4c4c;
	padding: 25px 0 30px 0px;
	margin: 0;
}
.littlegray {
	font: normal 140%/1.0em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #333;
	padding: 0 0 5px 0;
	margin: 0;
}

h5.subheader { font:140% Georgia, "Times New Roman", Times, serif; margin-top:-20px; padding-bottom:15px; padding-left:5px; color:#5e5e5e; }
	#members h5.subheader {  margin-top:-10px; }
	
h6.subheader { font:120% Georgia, "Times New Roman", Times, serif; padding-top:5px; padding-left:5px; color:#5e5e5e; border-top: 1px solid #7E0009;}	
/* --------------------------------------------------------------    
   TYPOGRAPY
   * Set custom typography. May override foundation.      
-------------------------------------------------------------- */
div.bigrose {
	background: url(../images/img/img_bigrose.gif) no-repeat 900px 20px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding: 12px 100px 12px 20px;
}
	div.bigrose p {
		font: normal 150%/1.4em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #717171;
		padding: 10px 0;	
	}

.one_col p {
	padding: 0 0 0 45px;
}

#bottom_content .right_col p { 
	padding:3px 10px 3px 0;
 }

/* --------------------------------------------------------------    
   Lists
   * List styling     
-------------------------------------------------------------- */
/*--Tabbies List--*/
ul.tabbies {
	width: 100%;
}
	ul.tabbies li {
		width: 26%;
		padding: 0;
		float: left;
		border: 1px solid #bfbfbf;
		margin: 15px 30px;
		text-align: center;
		background: #D3D3D3 url(../images/img/bullet_grayarrow_right.gif) no-repeat 5px 50%;
	}
	 	ul.tabbies.reduced li { 
			width:18%;
			margin: 15px 20px;
		 }				
			ul.tabbies.reduced li a:link, ul.tabbies.reduced li a:visited {	
				display: block;			
				font: normal 100% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				color: #7e0009;
				padding: 8px 5px;
				margin: 0 0 0 20px;	
				text-align:left;
				height:27px;			
			}
			ul.tabbies li a:link, ul.tabbies li a:visited {	
				display: block;			
				font: normal 120%/35px "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
				color: #7e0009;
				padding: 0;
				margin: 0;				
			}
				ul.tabbies li a:hover {
					color: #045273;
				}

ul.all_listing {
	width: 95%;
	margin: 20px auto;
	border-top: 1px solid #7E0009;
}
	ul.all_listing li {
	 width: 125px;
	 float: left;	
	 display: inline;
	 background: url(../images/img/bullet_tag_tiny_red.gif) no-repeat 0 40%;	
	 margin: 10px 20px;
	 padding: 0 0 0 16px;
	}
		ul.all_listing li a:link, ul.all_listing li a:visited {
			color: #333;
		}
			ul.all_listing li a:hover {
				color: #1f77a2;
			}	

ul.starburst_listing {
	width: 95%;
	margin: 5px auto;
	border-top: 1px solid #7E0009;
}
	ul.starburst_listing li {
	width: 170px;
	 float: left;	
	 display: block;
	 background:#c2c2c2 url(../images/img/bullet_starburst.gif) no-repeat 3px 40%;	
	 margin: 10px 20px;
	 padding: 3px 3px 3px 25px;
	}
		ul.starburst_listing li a:link, ul.starburst_listing li a:visited {
			color: #333; font:125% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
			ul.starburst_listing li a:hover {
				color: #1f77a2;
			}
						
			
ul.double_list {
	padding: 15px 0 0 0;
}
	ul.double_list li {
		 width: 230px;
		 float: left;	
		 display: inline;
		 margin: 10px;
		 height: 59px;
	 }
	 	ul.double_list li a {
			font: normal 120% "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		}
		ul.double_list li a img {
			border: 4px solid #333;
			background-color: #808080;
			padding: 1px;
			margin-right: 10px;
			
		}
		ul.double_list li a span {
			display: block;
			padding: 0 0 0 0;
		}
		
		
		
		
/* Misc classes and elements
-------------------------------------------------------------- */
.vidcontainer { float:right; padding: 0 0 2px 35px; }
	.vidcontainer span { display:block; padding:5px 0 0 5px; margin:0; color:#fff; font-family:Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif; background-color:#787878; font-style:italic; font-weight:bold; }
	
	
div.right_col_rev .vidcontainer { padding:0 15px 0 0; margin:0; }

.note_block {
	padding: 0 0 30px 0;
}
.note_block img {
	float: left;
	padding: 0 10px 0 0;
}
.note_block table {
	width: 50%;
}
	.note_block table i {
		font-size: 90%;
		color: #808080;
	}
	.note_block table td {
		padding: 2px 5px ;
		vertical-align: top;
	}
		.note_block table td table td {	
			padding: 0;
		}

.video_box { padding:20px; }
	.video_box .thevideo { float:left; width:400px; }
	.video_box .thetext { float:right; width:295px; }

/*--[Front Focus Box]--*/
#ssp {
	float: left;	
}
.front_focus {
	background: #121212 url(../images/img/bg_frontfocus_div.jpg) no-repeat 100% 100%;
}
	.front_focus p {
		font: normal 170%/1.7em "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
		color: #717171;
		padding: 30px 10px;
		float: right;
		width: 320px;		
	}

/*--[Slide Show Pro]--*/
.center_ssp {
	padding: 0 0 0 0;
}	
.center2_ssp {
	padding: 0 0 45px 0;
}	
/* SolSpring Hoverbox
-------------------------------------------------------------- */	
.hoverbox {
	cursor: default;
	list-style: none;
	width: 730px;
	background-color: #dfdfdf;
	border: 1px solid #ccc;
	margin-bottom:25px;
}

.wide {
	width: 920px;
	background: none;
	border: none;
	margin: 0 auto;
	}
	
.full {
	width: 334px;
	margin: 20px 0;
	float: right	
}

	.hoverbox a {
		cursor: default;
	}	
		.hoverbox a .preview {
			display: none;
		}	
		.hoverbox a:hover .preview {
			display: block;
			position: absolute;
			top: -33px;
			left: -45px;
			z-index: 1;
		}
	.hoverbox img {
		background: #ccc;
		border-color: #AAA #CCC #DDD #BBB;
		border-style: solid;
		border-width: 1px;
		color: inherit;
		padding: 1px;
		vertical-align: top;
		width: auto;
		height: auto;
	}	
	.hoverbox li {
		color: inherit;
		display: inline;
		float: left;
		margin: 10px 15px;
		padding: 1px;
		position: relative;
		width: 150px;
		height:140px;
	}
		div.right_col_rev .hoverbox li {
			width: 75px;
			height:75px;
			margin:10px 17px;
		}	
		.hoverbox li span {	
			display: block;
			font: 120% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
			color: #7e0009;
}
	.hoverbox .preview {
		border: 4px solid #333;
		width: auto;
		height: auto;
	}


/*--[Contact Us page]-------*/	
.generalcontact {
	margin-bottom: 25px;
}
.generalcontact p {
	font: 130% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	.generalcontact input {
		width: 70%;
		margin-bottom: 5px;
	}
	.generalcontact input.radio {
		width:inherit;
		margin-bottom: 5px;
		text-align: left;
	}
		.generalcontact input.submit {
			width: auto;
			margin: 10px 0;
		}	
	.generalcontact textarea {
		width: 95%;
		height: 250px;	
	}
address {
	font-style: normal;
	padding: 10px;
	font: 120% "Century Gothic", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7e0009;
	border: 1px solid #ccc;
	margin: 15px;
	background-color: #e6e6e6;
}
	
.file_box {
	background-color: #dfdfdf;
	border: 1px solid #ccc;	
	width: 314px;
	margin: 20px 0 0 0;
	float: right;
	padding: 10px;	
}
.file_box a.acrobat {
	background: url(../images/img/icon_acrobat.gif) no-repeat 0 50%; 	
	padding: 0 0 0 20px;
	display: block;
}
ul.file_list { 
	background-color: #dfdfdf;
	border: 1px solid #ccc;	
	padding: 10px;	
	margin:10px 20px;
 }	
 	ul.file_list li {
		padding:5px 0; 
 	}
 		ul.file_list li a:link, ul.file_list li a:visited {
			background: url(../images/img/icon_acrobat.gif) no-repeat 0 50%; 	
			padding: 0 0 0 20px;
			display: block;	
		}
		ul.file_list li a:hover {
			color:#7e0009;
		}
	
/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/*-- Biz Cat Shop Styles and Over Rides --*/
.breadcrumb { border-bottom:1px solid #7e0009; margin:0 0 15px 0; padding:0 15px 0 0;  color:#999; display:block; }
	.breadcrumb a:link, .breadcrumb a:visited { color:#666; }
	.breadcrumb a:hover { color:#7e0009; }

.cart_box { float:right; background:#eee; padding:10px; margin: 15px 10px; border:1px solid #ccc; }

.shop_box { padding:0 10px 0 0; }



.product_box {  margin:10px 3px; width:175px;}
	.product_box h3 a { font:130% Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif; padding:3px 7px; color:#4c4c4c; }
		.product_box h3 a:hover { color:#7e0009; }
		
	.product_box .image { border:1px solid #ccc; margin:5px; background:#fff; text-align:center;}
	.product_box ul li.price { padding:2px 10px; }