@font-face {
	font-family: 'hvc';
	src: url('../fonts/hvc.eot');
	src: url('../fonts/hvc.eot?#iefix') format('embedded-opentype'), url('../fonts/hvc.woff') format('woff'), url('../fonts/hvc.ttf') format('truetype'), url('../fonts/hvc.svg#HelveticaNeueLTStd37ThCn') format('svg');
}
@font-face {
	font-family: 'impact';
	src: url('../fonts/impact.eot');
	src: url('../fonts/impact.eot?#iefix') format('embedded-opentype'), url('../fonts/impact.woff') format('woff'), url('../fonts/impact.ttf') format('truetype'), url('../fonts/impact.svg#HelveticaNeueLTStd67MdCn') format('svg');
}

body {
	font-size: 0.750em;
	margin: 0;
	padding: 0;
	overflow:hidden
}
body *{outline:none}

* {outline:none;}
img{ border:0;}
/*header {
	width: 100%;
	position: fixed;
	z-index: 1000;
	background:#000;
	height:60px;
}*/

header 
{
	width: 100%;
	position: fixed;
	z-index: 1000;
	background: #000;
	height: 60px;
	top: 0;
	left: 0;
}

.topmenu
{
	float:right;
	width:640px;
}

#logo {
	float: left;
	border:none;
	/*width: 10%;*/
	/*position: relative;
	z-index: 1;*/
}
nav {
	/*width: 100%;*/
	/*background: #000;*/
	height: 60px;
	/*position: absolute;
	z-index: 0;
*/}
/*.menu
{
	margin:0;
	padding:0;
	width:100%;
}*/

nav ul {
	float: right;
	list-style-type: none;
	/*margin: 0 100px 0 0;*/
	margin:0;
	padding: 0;
}
nav ul li {
	margin: 0;
	padding: 0;
	float: left;
}
nav ul li a {
	display: block;
	font-family: hvc, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 22px;
	padding: 0;
}
nav ul li a:hover {
	color: #e10008;
	text-decoration: none;
}


ul.navigation{ margin:0; padding:0;}
ul.navigation li{ display:block}
ul.navigation li a:hover{ color:#e10008;}
ul.navigation li.highlight{ background:none; color:#e10008 }
ul.navigation li.highlight a, ul.navigation li.highlight a:hover { color:#e10008; cursor:default;}


.cl {
	clear: both;
}

.socialhold
{
	float:right;
	margin:0 30px 0 0;
	padding:0;
}

.facebookicon {
	background: url(../images/facebook-icon.png) no-repeat center top;
	float: right;
	margin: 18px 0 0 0;
	padding: 0;
	width:25px;
	height:25px;
	position: relative;
	z-index: 1;
}
.facebookicon:hover {
	background: url(../images/facebook-icon.png) no-repeat center bottom;
	text-decoration: none;
}

.instagramicon {
	background:url(../images/instagram-icon.png) no-repeat center top;
	float: right;
	margin: 18px 7px 0;
	padding: 0;
	width:25px;
	height:25px;
	position: relative;
	z-index: 1;
}
.instagramicon:hover {
	background: url(../images/instagram-icon.png) no-repeat center bottom;
	text-decoration: none;
}

.twittericon {
	background: url(../images/twitter-icon.png) no-repeat center top;
	float: right;
	margin: 18px 0 0 0;
	padding: 0;
	position: relative;
	z-index: 1;
	height:25px;
	width:25px;
}
.twittericon:hover {
	background: url(../images/twitter-icon.png) no-repeat center bottom;
	text-decoration: none;
}

#wrapper{height: 1000px;overflow: auto; position: relative; width: 100%; margin-top:60px;}
.bg-box1,.bg-box2,.bg-box3,.bg-box4,.bg-box5,.bg-box6,.bg-box7{width:100%;height:800px;font-weight:bold;color:#fff;text-align:center;overflow:hidden;position:relative}
.bg-box1a,.bg-box2a,.bg-box3a,.bg-box4a,.bg-box5a,.bg-box6a,.bg-box7a{background:#666;height: 250px; left: 5%; margin-left: 0; position:fixed; top: 100px; width: 50%; }
.bg-box2a{top:900px}
.bg-box3a{top:2000px}
.bg-box4a{top:2500px}
.bg-box5a{top:3300px}
.bg-box6a{top:4100px}
.bg-box7a{top:5100px}
.bg-box1b,.bg-box2b,.bg-box3b,.bg-box4b,.bg-box5b,.bg-box6b,.bg-box7b{background:#999;height: 180px; right: 5%; margin-left: 0px; position: fixed; top: 200px; }
.bg-box2b{top:1350px}
.bg-box3b{top:2150px}
.bg-box4b{top:2800px}
.bg-box5b{top:3400px}
.bg-box6b{top:4300px}
.bg-box7b{top:5200px}

/*****************************MAIN PAGE CSS Starts*******************************/
.bg-box1{background: url(../images/homepage-bg.jpg) top center no-repeat; height:1000px;}
.bg-box1a {background:none; width:600px; font-size:100px; left:25%; top:300px;}
.bg-box1b {background:none;}
.home-message {
	margin: 0;
	padding: 0 0 8px 0;
	font-family: impact, Tahoma, Geneva, sans-serif;
	font-size: 0.8em;
	color: #949597;
	text-transform: uppercase;
	line-height: 1em;
	border-bottom: 1px solid #646464;
	float: left;
	width: 100%;
	text-align:left;
	font-weight:normal;
}
.watchvideo-hp {
	margin: 0;
	padding: 0;
	/*position:absolute;*/
	top: 100%;
	left: 0;
	float: left;
}
.watchvideo-hp img {
	width: 100%;
	float: left;
}
.textmatter-hp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.17em;
	color: #848484;
	float: left;
	line-height: 1.5em;
	margin: 4% 0 0 0;
	padding: 0;
	font-weight:normal;
	text-align:left;
}
.playbtn-hp {
	margin: 8% 0 0 0;
	padding: 0;
	top: 100%;
	left: 0;
	float: left;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); /* IE 9 */
	-moz-transform:rotate(90deg); /* Firefox */
	-webkit-transform:rotate(90deg); /* Safari and Chrome */
	-o-transform:rotate(90deg); /* Opera */
}
.playbtn-hp img {
	float: left;
	width: 60%;
}
.ja-hp img {
	width: 100%;
}
/*****************************Fitness PAGE CSS Starts**********************************/

.bg-box2{ background:url(../images/fitnesspage-bg.jpg) no-repeat center; height:1000px;}
.bg-box2a{ background:none; left:31%; top:850px}
/*.bg-box2b{ background:none; top:1420px; height:270px;}*/
.bg-box2b{background: url(../images/fitpage-bg.png) repeat scroll 0 0 transparent; width:100%; height:270px; top:1530px; right:15px}
.fitness-txt {
	margin: 3% 37% 0 0;
	padding: 0;
	top: 100%;
	right: 0;
	float: right;
}

.tips-box-holder{ margin: 0px auto; width: 965px; height: 270px;}

.tips-box {
	/*border-right: 1px solid #585858(0.4);*/
	border-right:1px solid rgba(88, 88, 88, .4);
	bottom: 0;
	float: left;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 320px;
}
.tips-content {
	background:url(../images/fitlink-bg.png) repeat;
	/*background: #000;*/
	/*opacity: 0.6;
	filter: alpha(opacity=60);*/
	float: left;
	height: 110px;
	/*left: 25%;*/
	margin: 85px 0 0 80px;
	padding: 0;
	/*position: absolute;*/
    /*top: 23%;*/
	width: 155px;
	font-weight: normal;
	text-decoration: none;
	color: #c6c5c1;
}
.tips-content:hover p {
	color: Red;
	cursor: pointer;
}
.fit-tip-dot {
	
    margin:0;
	padding: 15px 0 0 0;
	text-align: center;
    
}
.fit-tip-dot img {
	/*float: right;*/
	text-align: center;
}
.link-dash1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #656260;
	float: left;
	margin: 5px 0 0 0;
	padding: 0;
	letter-spacing: 1px;
}
.link-dash2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #656260;
	float: right;
	margin: 5px 0 0 0;
	padding: 0;
	letter-spacing: 1px;
}
.fitness-links {
	color: #C1BDB9;
	font-family: hvc, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
	margin:0;
	padding:0;
}
/*****************************Fitness PAGE CSS Ends**********************************/

/*****************************Movies PAGE CSS Starts**********************************/
.bg-box3{background:url(../images/wheelspage-bg.jpg) no-repeat; height:1000px;}
.bg-box3a{background:none; left:19%; top:1800px}
.bg-box3b{background:none; right:30%; top:1900px}


.container
{
	/*left: 50%;
    margin-left: -495px;*/
    position: absolute;
    top: 260px;
}

.ca-container{
	position:relative;
	margin:25px auto 20px auto;
	width:615px;
	height:308px;
	z-index:1;
}
.ca-wrapper{
	width:615px;
	height:100%;
	position:relative;
}
.ca-item{
	position:relative;
	float:left;
	/*width:330px;
	height:100%;*/
	text-align:center;
}
.ca-more{
    color: white;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
	font-size:0.9em;
    padding: 5px 0 0 0;
    right: 0;
	text-transform:capitalize;
	text-decoration:none;
}

.more{
    color: white;
    float: left;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
	font-size:0.9em;
    padding: 5px 0 0 0;
    right: 0;
	text-transform:capitalize;
	text-decoration:none;
}

.ca-close:hover{
	opacity:1.0;
}
.ca-item-main{
	/*padding:20px;
	position:absolute;
	top:5px;
	right:5px;*/
	left:5px;
	bottom:5px;
	background:#171717;
	overflow:hidden;
	/*-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);
	box-shadow:1px 1px 2px rgba(0,0,0,0.2);*/
}

.ca-item h3{
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	font-weight:normal;
	color:#6b6b6b;
	text-align:left;
	margin:0;
	padding:0;
}

/*.ca-nav span{
	background:url(../images/arrows.jpg) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 65px;
    left: -62px;
    margin-top: 24px;
    
    position: absolute;
    text-indent: -9000px;
    top: 71%;
    width: 62px;
    z-index: 100;
}
.ca-nav span.ca-nav-next{
	background-position: right top;
    left: auto;
    right: -62px;
}
.ca-nav span:hover{
	
	background:url(../images/arrows-hover.jpg) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 65px;
    left: -62px;
    margin-top: 24px;
   
    position: absolute;
    text-indent: -9000px;
    top: 71%;
    width: 62px;
    z-index: 100;
}*/

.ca-nav-prev{
    background: url(../images/arrows.jpg) no-repeat scroll left top transparent;
    cursor: pointer;
    height: 65px;
    left: -62px;
    margin-top: 24px;
    position: absolute;
    text-indent: -9000px;
    top: 71%;
    width: 62px;
    z-index: 100;
}

.ca-nav-prev:hover {
	background: url(../images/arrows-hover.jpg) no-repeat scroll left top transparent;
	cursor: pointer;
}

.ca-nav-next{
    background: url(../images/arrows.jpg) no-repeat scroll right top transparent;
    cursor: pointer;
    height: 65px;
    right: -62px;
    margin-top: 24px;
    position: absolute;
    text-indent: -9000px;
    top: 71%;
    width: 62px;
    z-index: 100;
}

.ca-nav-next:hover {
	background: url(../images/arrows-hover.jpg) no-repeat scroll right top transparent;
	cursor: pointer;
}

.img-holder
{
	float:left;
	margin:0;
	padding:20px 20px 10px;
	width:165px;
}

.movieshead
{
	font-family: impact, Tahoma, Geneva, sans-serif;
	font-size: 5em;
	font-weight:normal;
	color:#ccccce;
	/*margin: 120px 0 0 140px;*/
	margin: 120px 0 0 0;
	padding:0;
	text-transform:uppercase;
	float:left;
}

.movies-text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight:normal;
	color:#c2c2c4;
	/*margin: 0 0 0 140px;*/
	margin: 0;
	padding:0;
	float:left;
}

/*****************************Movies PAGE CSS Ends**********************************/

/*****************************Wheels Css Starts*******************************/
.bg-box4{background:url(../images/wheelspage-bg.jpg) no-repeat; height:1000px}
.bg-box4a{background:none; left:15%; top:3000px}
.bg-box4b{background:none; right:25%; top:2900px;}

.wheelshead
{
	color: #CCCCCE;
    float: right;
    font-family: impact,Tahoma,Geneva,sans-serif;
    font-size: 5em;
    font-weight: normal;
    margin: 65px 0 0;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}

.wheels-text
{
	color: #C2C2C4;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}


.wheelstips-box {
	bottom: 0;
    float: left;
    height: 100%;
    margin: 0 1px 0 0;
    padding: 0;
    width: 207px;
}

.wheelstips-content {
	/*background: none repeat scroll 0 0 #000000;*/
	background:url(../images/fitlink-bg.png) repeat;
    color: #c6c5c1;
    float: left;
    font-family: hvc,Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: normal;
    height: 100px;
    margin: 1px 0 0;
    /*opacity: 0.6;*/
    padding: 0;
    text-decoration: none;
    width: 207px;
}
.wheelstips-content:hover p {
	color: Red;
	cursor: pointer;
}
.wheelsfit-tip-dot 
{
	padding: 0;
	text-align: center;
}

.wheelstips-holder
{
	float: right;
    margin: 0 15px 0 0;
    padding: 0;
    width: 416px;
}

.xbph-btn
{
	/*background: url(../images/xbhp-btn.jpg) no-repeat scroll center top transparent;*/
    float: right;
    height: 36px;
    margin: 0 15px 0 0;
    padding: 0;
    width: 416px;
}

.collection-img
{
	float:left;
	margin:0 1px 1px 0;
}

.wg-img-holer
{
	margin:0;
	padding:0;
	float:left;
}

.wg-img
{
	margin: 0 1px 1px 0;
	float:left;
	width:103px;
	height:100px;
}

.blackpatch
{
	margin: 0 1px 1px 0;
	padding:0;
	width:103px;
	height:100px;
	background:#000;
	float:left;
}

/* Tiny Scrollbar */
#scrollbar1 { width: 900px; margin: 80px 0 10px; }
#scrollbar1 .viewport { width: 416px; float:right; height: 200px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.mycollection{ color: #C1BDB9; font-family: hvc, Arial, Helvetica, sans-serif; font-size:18px; text-align:right; font-weight:normal; text-transform:uppercase; padding:10px; background:#000; width:190px; float:right; margin:0 15px 1px 0; background:url(../images/collections-bg.png) repeat;}
#scrollbar1 .overview p{font-family:Verdana, Geneva, sans-serif; text-align:justify; padding:10px; font-size:11px; color:#fff}

#scrollbar1 .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { background:#100f0d 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background:#767375 50% 100%; height: 20px; width: 15px; cursor: pointer; overflow: hidden; position: absolute; top:-1px; left: 0; }
#scrollbar1 .thumb .end { background:  50% 0; overflow: hidden; height: 5px; width: 25px;}
#scrollbar1 .disable { display: none; }

/*****************************Wheels Css Ends*******************************/

/*****************************Johns Journal Css Starts*******************************/

.bg-box5{ background:#000; height:1000px}
.bg-box5a {background:none; left:23%; top:3800px}
.bg-box5b {background:none; right:12%; top:3900px}

.jj-contleft
{
	position:relative; z-index:1;
}

.johnjournal-head
{
	color: #6e6e6e;
    font-family: impact,Arial,Helvetica,sans-serif;
    font-size: 5em;
    font-weight: normal;
    margin: 230px 0 0 20px;
    text-transform: uppercase;
	float:left;
}

.writetome-holder
{
	border-left: 1px solid red;
    float: left;
    margin: 250px 0 0 22px;
    padding: 0;
    width: 200px;
}

.writetome
{
	color: #ff0000;
    float: left;
    font-family: hvc,Arial,Helvetica,sans-serif;
    font-size: 2em;
    font-weight: normal;
    line-height: 25px;
    margin: 0 0 0 20px;
    padding: 0;
    text-decoration: none;
    text-transform: uppercase;
    width: 70px;
}

.writetome-arrow
{
	float:left;
	margin: 0 10px 0 0;
}

.writetome:hover
{
	color:#fff;
}

.topfan-cont
{
	float:left;
	margin:50px 0 0 20px;
	padding:0;
}

.fantext-bg
{
	background: url("../images/fantext-bg.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    height: 131px;
    margin: 0;
    padding: 20px;
    width: 329px;
	position:relative;
	text-align:left;
}

.fan-text
{
	color:#a4a4a4;
	float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin: 50px 0 0;
    padding: 0;
    width: 280px;
	text-decoration:none;
	/*color:#fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
	text-decoration:none;*/
}

a.jjmore:link
{
	bottom: 73px;
    color:#c3260b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.7em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 135px;
	text-decoration:none;
}

a.jjmore:hover
{
	color:#fff;
}

.fanwishes
{
	float: left;
    margin: 20px 20px 0;
    padding: 0;
    position: relative;
}

.fanwishes-btn
{
	background:url(../images/fanwishes-btn.jpg) no-repeat center top;
	margin:0;
	padding:0;
	width:102px;
	height:19px;
	float:left;
}

.fanwishes-btn:hover
{
	background:url(../images/fanwishes-btn.jpg) no-repeat center bottom;
	margin:0;
	padding:0;
}

.blogjj-btn
{
	background:url(../images/blogjj-btn.jpg) no-repeat center top;
	margin:0;
	padding:0;
	width:102px;
	height:19px;
	float:left;
}

.blogjj-btn:hover
{
	background:url(../images/blogjj-btn.jpg) no-repeat center bottom;
	margin:0;
	padding:0;
}

.text-msg
{
	color:#909091;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
	float:left;
	margin:30px 0 0 0;
	padding:0;
	width:265px;
	text-align:left;
}

.textmsg-more
{
	color:#c3260b;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
    margin: 0;
    padding: 0;
	text-decoration:none;
}
.textmsg-more:hover
{
	color:#fff;
}

.byname
{
	color:#909091;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: normal;
	margin:20px 0 0 0;
	padding:0;
	text-align:left;
}
/*****************************Johns Journal Css Ends*******************************/

.bg-box6 {background:url(../images/myworld-bg.jpg) no-repeat center; height:1000px}
.bg-box6a {background:none; left:11%; top:5000px;}
.bg-box6b{background:none; right:30%; top:4800px;}

.mylinks-holder
{
	float:right;
	margin:0;
	padding:0;
	width:531px;
}

.myworld-head
{
	/*background: url(../images/myworldhead-bg.png) repeat scroll 0 0 transparent;*/
    color: #727776;
    float: right;
    font-family: impact,Arial,Helvetica,sans-serif;
    font-size: 4.5em;
    font-weight: normal;
    height: 64px;
    margin: 0 0 70px 1px;
    padding: 150px 0 0;
    text-align: right;
    text-transform: uppercase;
    width: 531px;
}

.portfolio-links
{
	float:left;
	margin:0 1px 1px 0;
	padding:0;
	width:176px;
	height:163px;
	background:url(../images/portlinks-bg.jpg) no-repeat;
	background-color:#000;
	background-position:right bottom;
	font-family: hvc, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color:#fff;
	text-decoration: none;
	text-transform:uppercase;
}

.portfolio-links:hover p
{
	color:#fff;
}

.portfolio-text
{
	color: #6f7877;
	font-family: hvc, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	/*left: 30%;
    margin: 0;
    padding: 0;
    position: absolute;*/
	text-transform: uppercase;
	text-align: left;
	line-height: 1em;
	width:66px;
	margin:110px 0 0 10px;
	padding:0;
}

.venetiascorner-text
{
	color: #6f7877;
	font-family: hvc, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	/*left: 30%;
    margin: 0;
    padding: 0;
    position: absolute;*/
	text-transform: uppercase;
	text-align: left;
	line-height: 1em;
	margin:92px 0 0 10px;
	padding:0;
}



.myworld-bot
{
	background: url(../images/myworldhead-bg.png) repeat;
    color: #4B5151;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: normal;
    height: 26px;
    margin: 0;
    padding: 15px 10px 0 0;
    text-align: right;
    width: 521px;
}

.imagescourttesy {
    bottom: 0;
    /*color: #BFC0C0;*/
	color:#414242;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
	font-weight:normal;
    line-height: 1em;
    margin: 0 0.8% 0.1% 0;
    padding: 0;
    position: absolute;
    right: 0;
}

.jjimagescourttesy {
	font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
	font-weight:normal;
	color:#414242;
    /*margin-top: -17px;*/
    padding: 0;
    position: absolute;
    right: 17px;
	bottom:0;
}

/*.bg-box7a {background:none; width:600px; top:6000px;}*/


.browsers{
	float:left;
	color:#4B5151;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	margin:0 0 0 30px;
}