/*

	CSS
	Kazue
	
	TABLE OF CONTENTS
	
	1.0 Global items
		1.1 Housecleaning
		1.2 Outer structural parts
		1.3 Default text/img styles
	2.0 LOGO Items 
	3.0 Navigation & Link Styles
		2.1 Primary
		2.2 Sub
	4.0 Homepage-specific
	5.0 Content-specific
		3.1 Standard content guidelines
		3.2 unique page, ie product page
		3.3 unique page, ie press page
	6.0 Footer items

	
*/


/* =================== 1.0 GLOBAL ITEMS ================================ */
   					
/* ------------------- 1.1 housecleaning ----------------- */

body, form {
	margin:0;
	padding:0;
	}

a img {
	border:0;
	}
	
.clear {
	clear: both;
	margin: -1px 0 0 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}

.clear{clear:both;} /* generic clearing class used to stretch bgs */


/* ------------------- 1.2 Outer structural parts -------- */

#wrapper {
	background: #fff url(images/bg.jpg) top left repeat-x;
	}

#main-wrapper {
	position: relative; 
	margin: 0 auto;
	width: 800px;
}

#content-wrapper {
	margin: 0; 
	padding: 0;
	width: 800px;
	}
	
#doc-main {	
	width:570px;
	left: 390px;
	text-align:left;
	margin: 0px 0 0x 0px; /*top right bottom left*/
	padding: 0 0 30px 0;
	display: block;	
	background-color: #fff; 
	float: left;
	min-height:480px;
	}

#homepage #doc-main {	
	width:570px;
	left: 390px;
	min-height:500px;
	}
	
#doc-side {
	width: 200px;
	left: 0px;
	text-align:left;
	margin: 0px 0 0px 0px; /*top right bottom left*/
	display: block;	
	/*background: #000 url(images/bg-side.jpg) top left repeat-x;
	background-color: #666;*/
	float: left;
	}

#doc-mid {
 	width: 30px;
	left: 0px;
	text-align:left;
	margin: 0px 0 0px 0px; /*top right bottom left*/
	display: block;	
	float: left;
	/*background-color: #000;*/
	}


/* ------------------- 1.3 Default text/img -------------- */


div {
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 12pt;
	margin: 0;
	padding: 0;
	}

body, table, td, tr, div {
	font-family: arial, verdana, helvetica, sans-serif;
	line-height: 13pt;
	font-size: 11px;
	color: #000;
}

p { 
	padding:0;
	margin:0;
	padding-top:0px;
	padding-bottom:15px;
}

h1 {
	margin: 0;   
	padding: 3px 0 30px 0;
	font-size: 18px;
	text-transform:capitalize;;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	}
	
h2 {
	font-size:14px;
	color: #3A0708;
	margin:0 0 5px 0;
	padding:0;
	text-transform:capitalize;
}


h3 {
	font-weight:bold;
	font-size:12px;
	margin: 0 0 2px 0;
	padding:0;
	text-transform:capitalize;
	color: #3A0708;
}

h4 {
	font-weight:bold;
	font-size:10px;
	margin:8px 5px 5px 0px;
	padding:0;
}


h5,h6 {

	}


img {
	padding:0;
	margin:0;
	border:0;
}

a { 
	padding:0;
	margin:0;
	border:0;
	text-decoration: none;
	color: #C70303;
	}
	
a:hover {
	text-decoration: underline;
	}
	

a:visited {
	}

ul {
	margin: 0;
	padding: 0px 0 8px 15px;
	list-style-type: none;
	text-align: left;
	}
ul li  {
	list-style-type: none;
	/*background-image: url(images/listdot.gif);
	background-repeat: no-repeat;
	background-position: 0px .5em;*/
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: 15px;
}


.align-left {
	float: left; 
	margin: 0 10px 0 0;
	}
	
.align-center {
	margin:0 auto;
	}	
	
.noSpace {
	margin: 0;
	padding: 0;
	}
	
.more-info {
	margin: 0 5px 0 0;
	padding: 0;
	background: transparent url(images/icon-more-info.gif) center left no-repeat;
	text-align: left;
	}
.more-info a,
.more-info a:hover {
	margin: 0 0px 0 0;
	padding: 0 0px 0 13px;
	text-decoration: none;
	}

div.hr {
  margin: 0; 
  padding: 0;
  height: 1px;
  background-color: #bfbfbf;
}

div.hr hr {
  display: none;
}	

.sm-space { 
	margin: 0;;
	padding: 0;
	height: 5px;
	font-size:5px;
	line-height:5px;
	}

/* top */
/* ------------------------------------------------------ */	

#top {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	height: 45px;
	/*background: url(images/top-bg.gif) top left repeat-y;*/
	}
#rssFeed {
	margin: 0;
	padding: 20px 25px 0px 0;
	color:#fff;
	float: right;
	text-align:right;
	font-size: 11px;
	display: block;
	vertical-align:bottom;
	clear: both;
	}
#rssFeed a {
	color: #bfbfbf;
	text-decoration:none;
	}	
	
#rssFeed img {
	margin: 0px 5px 0 10px;
	padding: 0;
	vertical-align: bottom;
	}
	
	
/* =================== 2.0 LOGO ITEMS ================================ */


#logo {
	text-align: center; 
	margin: 30px 0 30px 0px; 
	padding: 0;
	display: block;
	background: transparent url(images/logo.gif) center center no-repeat;
	height: 18px;
	}
	
#logo img {
	width: 200px;
	height: 18px;
	display: block;
	}
	
#title {
	margin: 0;
	padding:  8px 0 25px 0;
	border: 0;
	width: auto;
	}

#index-img {
	margin: 25px auto;
	padding: 0;
	display: block;
	}


/* =================== 3.0 NAVIGATION & LINK STYLES ==================== */


/* ------------------- 3.1 Primary Nav ------------------- */

#nav {
	top: 85px;
	left: 0;
	margin:0;
	padding:0 0 20px 0;
	position: absolute;
	display: block;
	background-color: #000;
	width: 200px;
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	}
#nav ul  {
	display:block;
	list-style-type: none;
	margin: 0px 0 0 40px;
	padding: 0;
	border:0;
	text-align: center;
	}
	
#nav ul li {
	margin: 0 0 3px 0;
	padding: 0;
	width: 120px;
	list-style-type: none;
	vertical-align: top;
	}
	
#nav ul li a   {	
	height: 20px;
	}
	
#nav ul li a span {
    display: none;
	}
	
#nav ul li a, #nav ul li a:hover {
	display: block;
	border: 0;
	}
	
li.navDivider, li.navDividerDark {
	margin: 0;
	padding: 0  22px;
	text-align: left;
	display: block;
	clear: both;
	}
	
div.nav {
  margin: 0  20px;
  padding: 0;
  height: 1px;
  width: 75px;
  background-color: #BAA7A2;
  text-align: center;
}

li.navDividerDark div.nav { 
	background-color: #3A0708;
	}
	
div.nav hr,  li.hide {
  display: block;
  height: 20px;
}	

a#nav-home {
	background:transparent url(images/nav-home.gif) left center no-repeat; }
a#nav-home:hover,
a#nav-home.on
 { background:transparent url(images/nav-home_f2.gif) left center no-repeat; }

	
a#nav-movies {
	background:transparent url(images/nav-movies.gif) left center no-repeat;
}
a#nav-movies:hover,
a#nav-movies.on
 { background:transparent url(images/nav-movies_f2.gif) left center no-repeat; }

a#nav-music {
	background:transparent url(images/nav-music.gif) left center no-repeat; }
a#nav-music:hover,
a#nav-music.on
 { background:transparent url(images/nav-music_f2.gif) left center no-repeat; }


a#nav-movieStills {
	background:transparent url(images/nav-movieStills.gif) left center no-repeat; }
a#nav-movieStills:hover,
a#nav-movieStills.on
 { background:transparent url(images/nav-movieStills_f2.gif) left center no-repeat; }


a#nav-dvd  {
	background:transparent url(images/nav-dvd.gif) left center no-repeat; }
a#nav-dvd:hover,
a#nav-dvd.on {
	background:transparent url(images/nav-dvd_f2.gif) left center no-repeat; }

a#nav-screenings  {
	background:transparent url(images/nav-screenings.gif) left center no-repeat; }
a#nav-screenings:hover,
a#nav-screenings.on
 { background:transparent url(images/nav-screenings_f2.gif) left center no-repeat; }

a#nav-press {
	background:transparent url(images/nav-press.gif) left center no-repeat; }
a#nav-press:hover,
a#nav-press.on
 { background:transparent url(images/nav-press_f2.gif) left center no-repeat; }

a#nav-about {
	background:transparent url(images/nav-about.gif) left center no-repeat; }
a#nav-about:hover,
a#nav-about.on
 { background:transparent url(images/nav-about_f2.gif) left center no-repeat; }
 
 a#nav-contact {
	background:transparent url(images/nav-contact.gif) left center no-repeat; }
a#nav-contact:hover,
a#nav-contact.on
 { background:transparent url(images/nav-contact_f2.gif) left center no-repeat; }
 
 
a#nav-stock {
	background:transparent url(images/nav-stockfootage.gif) left center no-repeat; }
a#nav-stock:hover,
a#nav-stock.on
 { background:transparent url(images/nav-stockfootage_f2.gif) left center no-repeat; }



/* =================== 4.0 HOMEPAGE-SPECIFIC =========================== */









/* =================== 5.0 CONTENT-SPECIFIC ============================ */
	
#content {
	margin: 0;
	padding: 30px 30px;
	left: 190px;
	}
.movie-area h2 {
	margin: 0 0 15px 0;
	}
.sectionImg {
	margin: 75px 0 0 0;
	padding: 0;
	float: left;
	width: 190px;
	}
	
#crumb-trail {
    float: right;
	margin:0;
	padding: 0 0 20px 0;
	text-align:right;
	right: 0;
	}

/* ------------------------------------------------------ */
/*.floatlist*/
.floatlist-wrapper  {
	clear: both;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	float: left;
	display: block;
	}

.hr-wrapper {
	margin: 0;
	padding: 0;	
	clear: both;
	}
	
.floatlist-wrapper-sm {
	margin: 0;
	padding: 0;float: left;
	}
	
.floatlist-short {
	margin: 0; 
	padding: 0 0 0 0; 
	float: left; 
	clear: right;
	display: block;
	width: 60px;
	}
	
.floatlist-mid {
	margin: 0; 
	padding: 0 0 0 0; 
	float: left; 
	clear: right;
	display: block;
	width: 150px;
	}
	
.floatlist {
	margin: 0; 
	padding: 0 0 0 0; 
	float: left; 
	clear: right;
	display: inline;
	}
 .floatlist {
	width: 300px;
	}
.floatlist p {
	margin: 0 8px;
	padding: 0;
	}


/* Include unique page styles here, like press page, products page etc. */
/* Make sure to include these in the table of contents */
/* ------------------- 5.1 screening Page -------------------- */

#screenings .floatlist {
	width: 300px;
	clear: left;
	}
	
#screenings .floatlist-short {
	width: 150px;
	padding-left:8px;
	clear: right;
	}
	
#screenings h2, #screenings h3 {
	margin: 0;
	padding: 20px 0 0px 0;
	clear: both;
	}
#screenings .hr-wrapper{
	padding: 0px 0 15px 0;	
	}


/* ------------------- 5.2 Products Page ----------------- */
#dvd h3 {
	margin-bottom: 10px;
	}

#dvd .floatlist {
	width: 280px;
	float:left
	}
	
#dvd .floatlist-mid h3 {
	margin:0 0 2px 0;
	padding:0;
	font-size: 11px;
	}	
	
#dvd .floatlist p,
#dvd .floatlist-mid p  {
	margin: 0;
	padding: 0 8px 5px 0;
	}

#dvd .floatlist-wrapper img,
#dvd .floatlist img,
#dvd .floatlist-mid img,
#dvd .floatlist-wrapper-sm img {
	margin: 0 8px 0 0;
	padding: 0;
	border: 1px solid #bfbfbf;
	}
	
#dvd .hr-wrapper{
	padding: 15px 0 30px 0;	
	}
	
#view-cart {
	top:0px; 
	right: 30px; 
	position: absolute;
	}

.paypal-form form {
	display: inline;
	}

#paypal-varified {
	margin: 15px 0 0 0;
	padding: 0;
	text-align:center;
	display:block; 
	top: 320px; 
	position: absolute; 
	width:180px;
	clear: both;
	}

/* ------------------- 5.2 Music Page ----------------- */

#music-player {
	margin: 0;
	background: #fff url(images/pic-music.jpg) top right no-repeat;
	height: 550px;
	}
	
#ringtones {
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
	border: 2px solid #bfbfbf;
	z-index:100;
	}
	
#ringtones ul {
	margin: 0;
	padding: 0px 0 8px 8px;
	list-style-type: none;
	text-align: left;
	}
#ringtones ul li  {
	list-style-type: none;
	background-image: url(images/listdot.gif);
	background-repeat: no-repeat;
	background-position: 0px .5em;
	padding-left: 10px;
	padding-bottom: 0px;
	line-height: 15px;
}

/* =================== 6.0 FOOTER ITEMS ================================

#footer-wrapper {
	margin: 0;
	padding: 0;
	width: 760px;
	background-color: #CCCCCC;
	border: 1 px solid pink;
	}
#footer { 
	margin: 0;
	padding: 0 25px;
	margin-top:15px; 
	text-align: right; 
	height: 20px;
	display: block;
	float: right;
	font-size:11px;
	}
	
#footer ul {
	list-style: none; 
	margin: 0;
	padding: 0; 
	width: 100%; 
	margin-left: auto;
	margin-right: auto; 
}

#footer ul li { 
	margin: 0;
	padding: 0 0 0 5px; 
	color: #858585;   
	display: inline;	
	width: 120px;
	wid\th: 80px;
	list-style: none; 
}
#footer a {
	margin: 0;
	padding: 0;
	color: #666; 
	text-decoration: none;
}

#footer a:hover {text-decoration: underline; color: #bfbfbf;}

#slug {
	margin: 0;
	padding: 10px 0;
	clear: both;
	color: #858585;
	line-height: 20px;
	}
	
#slug a {
	margin: 0;
	padding: 0;
	color: #858585;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
	}

 */
 
 #footer-wrapper {
	margin: 0;
	padding: 0;
	width: 530px;
	background: #fff url(images/footer-bg.jpg) top left repeat-x;
	float: right;
	}
#footer-img {
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	background: transparent url(images/footer-pic2.jpg) top left no-repeat;
	height: 150px;

	}
#footer { 
	margin: 0;
	padding: 0 15px;
	margin-top:15px; 
	float: right;
	text-align: left; 
	display: block;
	width: 157px;	
	font-size:11px;
	}
	
*html #footer {  
	width: 127px;	
	}
	
#footer h3 {
	margin: 0;
	padding: 0;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	}
	
#footer p img {
	margin: 0 5px 0 0;
	padding: 0;
	vertical-align: middle;
	}
.movie-wrap	{
	margin: 0;
	padding: 20px 0 -5px 0;
	text-align: center;
	clear: both;
	}
	
.movie-area	.movie-wrap {
	padding-left:60px;
	}
	
.movie-area	h3{
	padding-top:10px;
	}
	
.btn-wrap {
	padding: 10px 0 5px 0;
	text-align: center;
	}
		
a.btn-close {
	color: #999;
	border: 1px solid #999;
	padding: 2px 3px 2px 2px;
	clear: both;
	}
	
.mv-box {
	text-align: center;
	padding: 5px 20px 5px 20px;
	display: block;
	float: left;
	line-height: 14px;
	}
	
.mv-box a img, .feature a img {
	border: 2px solid gray;
	margin-bottom: 10px;
	}
.mv-box a img {
	width: 150px;
	}
	
.mv-box a:hover img, .feature a:hover img {
	border: 2px solid #000099;
	}
	
#mov-bg {
	background-color: #eeeeee;
	}
	
.add-info {
	padding: 20px 0 0 20px;
	text-align:left;
	line-height:14px;
	clear: both;
	}