@charset "UTF-8";

/*

///////  B O L D * N A T I V E ///////


*/

body {
	overflow:hidden;
	background:#000;
}

#wrapper {
	position:absolute;
	top:0;
	left:0;
	height: 100%;
	width: 100%;
}

a { color:#207e27; text-decoration:none; }
a:active { color:#207e27; text-decoration:none; }
a:hover { color: #30a239; text-decoration:none; }
a:visited { color:#207e27; text-decoration:none; }

#likeme {position:fixed;bottom:1%;right:3%;z-index:9999;width:120px;height:60px;opacity:0.7}
.fb-like {}

/* tinyScroller Commenting
----------------------------------------------------------------------*/

#comment.scroller { }
#comment.scroller .viewport { height: 90%; width: 90%; overflow: hidden; position: absolute;top:10px;left:0;margin:0;padding:0; z-index:100}
#comment.scroller .overview { list-style: none; position: absolute; left: 0; top: 0; margin-top:0;padding:0; height:3000px}
#comment.scroller.thumb .end,
#comment.scroller .thumb { background-color:#999; }
#watchmovie.scroller .thumb:hover { background-color: #CCC; }
#comment.scroller .scrollbar { position: relative; float: right; width: 15px;margin-top:10px;padding-bottom:30px;margin-right:5px }
#comment.scroller .track { background-color:#666; height: 100%; width:1px; position: relative; padding: 0 0 0 0; }
#comment.scroller .thumb { height: 30px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-3px;  }
#comment.scroller .thumb .end { overflow: hidden; height: 5px; width: 7px; }
#comment.scroller .disable{ display: none; }

/* tinyScroller Watch Movie
----------------------------------------------------------------------*/

#watchmovie.scroller { margin:0;padding:0; }
#watchmovie.scroller .viewport { height: 90%; width: 90%; overflow: hidden; position: absolute;top:120px;left:0;margin:0;padding:0; z-index:100}
#watchmovie.scroller .overview { width:100%;list-style: none; position: absolute; left: 0; top: 0; margin-top:0;padding:0; }
#watchmovie.scroller.thumb .end,
#watchmovie.scroller .thumb { background-color:#999; }
#watchmovie.scroller .thumb:hover { background-color: #CCC; }
#watchmovie.scroller .scrollbar { position: relative; float: right; width: 15px;margin-top:120px;padding-bottom:30px;margin-right:4% }
#watchmovie.scroller .track { background-color: #444; height: 100%; width:13px; position: relative; padding: 0 0 0 0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
#watchmovie.scroller .thumb { height: 30px; width: 9px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border: 2px solid #FFFFFF; }
#watchmovie.scroller .thumb .end { overflow: hidden; height: 5px; width: 7px; }
#watchmovie.scroller .disable{ display: none; }

/* tinyScroller Watch Trailer
----------------------------------------------------------------------*/

#watchtrailer.scroller { margin:0;padding:0; }
#watchtrailer.scroller .viewport { height: 90%; width: 90%; overflow: hidden; position: absolute;top:120px;left:0;margin:0;padding:0; z-index:100}
#watchtrailer.scroller .overview { list-style: none; left: 0; top: 0; margin-top:0;padding:0; }
#watchtrailer.scroller.thumb .end,
#watchtrailer.scroller .thumb { background-color:#999; }
#watchtrailer.scroller .thumb:hover { background-color: #CCC; }
#watchtrailer.scroller .scrollbar { position: relative; float: right; width: 15px;margin-top:120px;padding-bottom:30px;margin-right:4% }
#watchtrailer.scroller .track { background-color: #444; height: 100%; width:13px; position: relative; padding: 0 0 0 0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
#watchtrailer.scroller .thumb { height: 30px; width: 9px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border: 2px solid #FFFFFF; }
#watchtrailer.scroller .thumb .end { overflow: hidden; height: 5px; width: 7px; }
#watchtrailer.scroller .disable{ display: none; }

/* tinyScroller Merchandise
----------------------------------------------------------------------*/

#storemerch.scroller { margin:0;padding:0; }
#storemerch.scroller .viewport { height: 90%; width: 90%; overflow: hidden; position: absolute;top:120px;left:0;margin:0;padding:0; z-index:100}
#storemerch.scroller .overview { list-style: none; position: absolute; left: 0; top: 0; margin-top:0;padding:0; }
#storemerch.scroller.thumb .end,
#storemerch.scroller .thumb { background-color:#999; }
#storemerch.scroller .thumb:hover { background-color: #CCC; }
#storemerch.scroller .scrollbar { position: relative; float: right; width: 15px;margin-top:120px;padding-bottom:30px;margin-right:4% }
#storemerch.scroller .track { background-color: #444; height: 100%; width:13px; position: relative; padding: 0 0 0 0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
#storemerch.scroller .thumb { height: 30px; width: 9px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border: 2px solid #FFFFFF; }
#storemerch.scroller .thumb .end { overflow: hidden; height: 5px; width: 7px; }
#storemerch.scroller .disable{ display: none; }

/* tinyScroller Take Action
----------------------------------------------------------------------*/

#takeaction.scroller { margin:0;padding:0; }
#takeaction.scroller .viewport { height: 90%; width: 90%; overflow: hidden; position: absolute;top:120px;left:0;margin:0;padding:0; z-index:100}
#takeaction.scroller .overview { list-style: none; position: absolute; left: 0; top: 0; margin-top:0;padding:0; }
#takeaction.scroller.thumb .end,
#takeaction.scroller .thumb { background-color:#999; }
#takeaction.scroller .thumb:hover { background-color: #CCC; }
#takeaction.scroller .scrollbar { position: relative; float: right; width: 15px;margin-top:120px;padding-bottom:30px;margin-right:4% }
#takeaction.scroller .track { background-color: #444; height: 100%; width:13px; position: relative; padding: 0 0 0 0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; }
#takeaction.scroller .thumb { height: 30px; width: 9px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:0;border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border: 2px solid #FFFFFF; }
#takeaction.scroller .thumb .end { overflow: hidden; height: 5px; width: 7px; }
#takeaction.scroller .disable{ display: none; }


/* header + footer
----------------------------------------------------------------------*/

#header {
	height:20px;
	width:100%;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}

#footer {
	height:20px;
	width:100%;
	background:#000;
	position:absolute;
	bottom:0;
	left:0;
	z-index:999;
}

/* left side
----------------------------------------------------------------------*/

#left {
	width:34%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:9999;

}

#menu {
	width:300px;
	height:400px;
	position:absolute;
	top:10%;
	left:10%;
	margin:0;
	background-image: url(../images/boldnativemenu.png);
	background-repeat: no-repeat;
}

#pushcomment {
	width:1px;
	height:290px;
	margin-top:16%;
	position:relative;
}

#comment {
	width:490px;
	height:52%;
	background:#000;
	opacity:0.8;
	position:relative;
	margin-top:1%;
	margin-left:15%;
	display:none;
}

#menu .buttons {
	width:100%;
	height:22px;
	position:relative;
	margin:1px;
	cursor:pointer;
}

#menu .buttons a {
	widht:100%;
	height:100%;
	disply:block;
	cursor:pointer;
}

#b_trailer {
	margin-top:83px !important;
}
#b_film {}
#b_dvd {}
#b_soundtrack {}
#b_merchandise {}
#b_donate {}
#b_action {}
#b_comment {}

#b_trailer:hover {
	background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -83px;
}
#b_film:hover {
	background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -106px;
}
#b_dvd:hover {
	background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -129px;
}
#b_soundtrack:hover {
	background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -152px;
}
#b_merchandise:hover {
	background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -175px;
}
#b_donate:hover {
	background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -198px;
}
#b_action:hover {background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -221px;
}
#b_comment:hover {
	background-image: url(../images/boldnativemenuB.png);
	background-repeat: no-repeat;
	background-position: -1px -244px;
}



/* right side
----------------------------------------------------------------------*/

#right {
	width:66%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}

#stickerbutton {
	position:absolute;
	top:7%;
	left:1%;
	width:15%;
	height:15%;
}

#stickerbutton a {
	width:100%;
	height:100%;
	display:block;
}


/* Movie
----------------------------------------------------------------------*/

#watchmovie {
	background:#000;
	width:80%;
	height:100%;
	position:relative;
	margin:0;
	padding:100px 0 0 0;
}

#watchmovie #header {
	width:100%;
	padding:0;
	margin:0 0 2% 0;
}

#watchmovie #videocontainer {
	position: relative;
	padding-bottom: 75%; /* 16:9 */
	padding-top:0;
	height: 0;
	margin-left:5%;
}

#watchmovie #header .one {
	width:40%;
	height:auto;
	float:left;
	padding:5%;
	text-align:left;
}

#watchmovie #header .two {
	width:25%;
	height:auto;
	float:left;
	padding:5%;
	text-align:right;
}

#watchmovie #header .three {
	width:5%;
	height:auto;
	float:left;
	padding:5%;
	text-align:right;
}

#watchmovie #one {
	width:100%;
	height:300px;
	float:left;
	margin:0;
	padding:5%;
}

#watchmovie h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#watchmovie h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#watchmovie p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
}

#watchmovie iframe {
	width:100% !important;
	height:100% !important;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}

/* Trailer
----------------------------------------------------------------------*/

#watchtrailer {
	background:#000;
	width:80%;
	height:100%;
	position:relative;
	margin:0;
	padding:100px 0 0 0;
}

#watchtrailer #header {
	width:100%;
	padding:0;
	margin:0 0 2% 0;
}

#watchtrailer #videocontainer {
	position: relative;
	padding-bottom: 75%; /* 16:9 */
	padding-top: 0;
	height: 0;
	margin-left:5%;
}

#watchtrailer #header .one {
	width:40%;
	height:auto;
	float:left;
	padding:5%;
	text-align:left;
}

#watchtrailer #header .two {
	width:25%;
	height:auto;
	float:left;
	padding:5%;
	text-align:right;
}

#watchtrailer #header .three {
	width:5%;
	height:auto;
	float:left;
	padding:5%;
	text-align:right;
}

#watchtrailer #one {
	width:100%;
	height:300px;
	float:left;
	margin:0;
	padding:5%;
}

#watchtrailer #two {
	width:10%;
	height:300px;
	float:left;
	margin:0;
	padding:5%;
}

#watchtrailer #three {
	width:10%;
	height:300px;
	float:left;
	margin:0;
	padding:5%;
}

#watchtrailer h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#watchtrailer h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#watchtrailer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
}

#watchtrailer iframe {
	width:100% !important;
	height:100% !important;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}

/* Store Merchandise
----------------------------------------------------------------------*/

#storemerch {
	background:#000;
	width:80%;
	height:100%;
	position:relative;
	margin:0;
	padding:100px 0 0 0;
}

#storemerch h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#storemerch h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#storemerch p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
}

#storemerch #header {
	width:100%;
	height:5%;
	padding:0;
	margin:0;
	background:#000;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}

#storemerch #header .one {
	width:40%;
	height:auto;
	float:left;
	padding:5% 5% 5% 4%;
	text-align:left;
	position:relative;
}

#storemerch #header .two {
	width:25%;
	height:auto;
	float:left;
	padding:5%;
	text-align:right;
	position:relative;
}

#storemerch #header .three {
	width:5%;
	height:auto;
	float:left;
	padding:5%;
	text-align:right;
	position:relative;
}

#storemerch h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#storemerch h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#storemerch p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
	margin:2% 0 0 0;
}

.products {
	width:500px;
	margin:9%;
	border-bottom:thin;
	border-bottom-color:#333;
	border-bottom-style: solid;
}

#product01 {
	height:450px;
}

#product02 {
	height:300px;
}

#product03 {
	height:300px;
}

#product04 {
	height:300px;
}

#product05 {
	height:300px;
}

#product06 {
	height:300px;
}

#product07 {
	height:300px;
}

#product08 {
	height:300px;
}

#product09 {
	height:400px;
}

#product10 {
	height:300px;
}

#product11 {
	height:300px;
}

#product12 {
	height:300px;
}

#product13 {
	height:300px;
}

#product14 {
	height:300px;
}

#product14 {
	height:300px;
}

#product15 {
	height:300px;
}

#product16 {
	height:300px;
}

#product17 {
	height:300px;
}

#product18 {
	height:300px;
}

#product19 {
	height:300px;
}

#product20 {
	height:300px;
}

/* Buy DVD
----------------------------------------------------------------------*/

#buydvd {
	background:#000;
	width:80%;
	height:100%;
	position:relative;
	margin:0;
	padding:50px 0 0 0;
}

#buydvd h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#buydvd h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#buydvd p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
}

#productDVD {
	width:600px;
	height:400px;
	margin:9%;
	border-bottom:thin;
	border-bottom-color:#333;
	border-bottom-style: solid;
}

/* Buy Soundtrack
----------------------------------------------------------------------*/

#buysoundtrack {
	background:#000;
	width:80%;
	height:100%;
	position:relative;
	margin:0;
	padding:50px 0 0 0;
}

#buysoundtrack h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#buysoundtrack h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#buysoundtrack p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
}

#productsoundtrack {
	width:600px;
	height:300px;
	margin:9%;
	border-bottom:thin;
	border-bottom-color:#333;
	border-bottom-style: solid;
}

/* Donate
----------------------------------------------------------------------*/

#donate {
	background:#000;
	width:80%;
	height:100%;
	position:relative;
	margin:0;
	padding:50px 0 0 0;
}

#donate h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#donate h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#donate p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
	width:60%;
	padding:5%;
	line-height:16px;
}


#donate form {
	padding:0 5% 5% 5%;

}

/* Take Action
----------------------------------------------------------------------*/

#takeaction {
	background:#000;
	width:90%;
	height:100%;
	position:relative;
	margin:0;
	padding:100px 0 0 0;
}

#takeaction #header {
	width:100%;
	padding:0;
	margin:0 0 2% 0;
}

#takeaction #header .one {
	width:40%;
	height:auto;
	float:left;
	padding:5% 5% 5% 3.5%;
	text-align:left;
}

#takeaction #header .two {
	width:25%;
	height:auto;
	float:left;
	padding:5%;
	text-align:right;
}

#takeaction #header .three {
	width:7%;
	height:auto;
	float:left;
	padding:5% 3% 5% 5%;
	text-align:right;
}


#takeaction h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#CCC;
	font-style:normal;
}

#takeaction h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:capitalize;
	color:#CCC;
	font-style:normal;
}

#takeaction p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	font-style:normal;
	padding:1%;
	width:70%;
	margin-left:5%;
}


#actionLeft {
	float:left;
	width:90%;


}