* { 
	padding: 0;
	margin: 0 0 0 0;
}

body { 
	background-color: #000;
	background-image: url('../imgs/stripe.jpg');
	background-repeat: all;
}


/* used for index page */
#back_indexHeader {
	width: 3200px;
	height: 150px;
}

#back_indexPhotos {
	width: 3200px;
	height: 202px;
}

#back_index100 {
	width: 3000px;
	height: 70px;
	margin-top: 352px;
	background-color: #000; 
	position: fixed;
	z-index: 50;
}

#back_indexBarLogo {
	width: auto;
	height: 70px;
	text-align: center;
	background-color: #000;
	position: relative;
	z-index: 100;
}

	#indexBarlogo {
		width: 1024px;
		height: 70px;
		margin: auto;
	}

		#logo {
			width: 200px;
			height: 70px;
			float: left;
		}

		#options {
			width: 800px;
			height: 45px;
			text-align: right;
			padding: 25px 24px 0px 0px;
			float: right;
		}

/* used for content page */

/* HEADER FIXED */
#back100 {
	width: 3000px;
	height: 70px;
	margin-top: 70px;
	background-color: #000; 
	position: fixed;
}


/* TITLE FIXED */
#centerTitleFixed {
	width: 824px;
	height: 70px;
	left: 50%;
	margin-top: 70px;
	margin-left: -312px;
	position: fixed;
}

	#titleFixed {
		width: 824px;
		margin: auto;
	}

		/* used for title in the header */
		#title {
			width: 814px;
			height: 47px;
			text-align: right;
			padding: 23px 10px 0px 0px;
			float: right;
		}


/* MENU FIXED */
#centerMenuFixed {
	width: 200px;
	height: 500px;
	left: 50%;
	margin-top: 70px;
	margin-left: -512px;
	position: fixed;
}

	#menuFixed {
		width: 200px;
		margin: auto;
	}



#back_contentHeader {
	width: auto;
	height: 139px;
}

	#contentHeader {
		width: 1024px;
		height: 139px;
		margin: auto;
	}	




#joker_content_menu {
	width: auto;
	height: 2px;
}

#joker_content {
	width: auto;
	height: 5px;
}

#back_content {
	width: auto;
	/* height: 1450px; */
}

	#content {
		width: 1024px;
		/* height: 1450px; */
		margin: auto;
	}

		
		#menu {
			width: 224px;
			margin: auto;
			float: left;
		}

		#image_video {
			width: 800px;
			/* height: 1450px; */
			margin: auto;
			float: right;
		}



/* column 1 */
#image_video_col1 {
	width: 260px;
	height: 135px;
	text-align: right;
	padding: 0px;
	background-color: #202020;
	float: left;	
}

#image_video_col2 {
	width: 260px;
	height: 135px;
	text-align: right;
	padding: 0px;
	background-color: #202020;
	float: left;	
}

#image_video_col3 {
	width: 260px;
	height: 135px;
	text-align: right;
	padding: 0px;
	background-color: #202020;
	float: left;	
}

#image_video_div {
	width: 5px;
	height: 135px;
	float: left;
}

	#image_video_col_text {
		width: 110px;
		height: 115px;
		text-align: right;
		padding: 0px;
		background-color: #202020;
		float: left;	
	}

	#image_video_col_thumb {
		width: 140px;
		height: 115px;
		text-align: right;
		padding: 0px;
		background-color: #202020;
		float: right;	
	}

#image_video_col1_joker {
	width: 260px;
	height: 5px;
	float: left;
	line-height: 2px;
}

#image_video_col2_joker {
	width: 260px;
	height: 5px;
	float: left;
	line-height: 2px;
}

#image_video_col3_joker {
	width: 260px;
	height: 5px;
	float: left;
	line-height: 2px;
}

#image_video_div_joker {
	width: 5px;
	height: 5px;
	float: left;
}

#image_video_col1 img {
	border-width: 2px;
	border-color: #f5f5f5;
	border-style: solid;
}

#image_video_col2 img {
	border-width: 2px;
	border-color: #f5f5f5;
	border-style: solid;
}

#image_video_col3 img {
	border-width: 2px;
	border-color: #f5f5f5;
	border-style: solid;
}




/* text atributes */
#titleText {
	font-family: Arial;
	color: #fff;
	font-size: 18pt;
	font-weight: normal;
}

#normalText {
	font-family: Tahoma, Arial;
	color: #999;
	font-size: 8pt;
}

#normalText a {
	font-family: Tahoma, Arial;
	color: #999;
	font-size: 8pt;
	text-decoration: none;
}

#normalText a:hover {
	font-family: Tahoma, Arial;
	color: #fff;
	font-size: 8pt;
	text-decoration: none;
}

#normalText img {
	border-width: 0px;
}

#normalText a img {
	border-width: 0px;
}

#normalText a:hover img {
	border-width: 0px;
}

#normalText input, textarea {
	font-family: Tahoma, Arial;
	color: #999;
	font-size: 8pt;
	background-color: #282828;
	padding: 2px;
	border-width: 1px;
	border-color: #ccc;
	border-style: none;
}

/* form area */
#form {
	width: 800px;
	height: 425px;
	float: right;
}

#form_col1 {
	width: 500px;
	height: 425px;
	float: left;
}

#form_col2 {
	width: 280px;
	height: 415px;
	text-align: right;
	padding: 10px 10px 0px 10px;
	/* background-color: #202020; */
	float: right;
}

/* center the video */
#center_video_image {
	width: 500px;
	height: 350px;
	top: 50%;
	left: 50%;
	margin-top: -175px;
	margin-left: -250px;
	position: absolute;
}


/* menu */
#menu_joker {
	width: 200px;
	height: 1px;
	line-height: 1px;
}

#menu_logo {
	width: 200px;
	height: 70px;
	background-color: #000;
}

#menu_options {
	width: 195px;
	height: 17px;
	text-align: right;
	line-height: 17px;
	padding: 0px 5px 0px 0px;
	font-family: Tahoma, Arial;
	color: #999;
	font-size: 8pt;
	font-weight: normal;
	background-color: #000;
}

#menu_options a {
	color: #999;
	text-decoration: none;
}

#menu_options a:hover {
	color: #fff;
}

#menu_optionsMakingof {
	width: 200px;
	height: 17px;
	line-height: 17px;
	font-family: Arial;
	color: #999999;
	font-size: 7pt;
	font-weight: bold;
	background-color: #000;
}

#menu_optionsMakingof a {
	color: #999999;
	text-decoration: none;
	background-color: #000;
}

#menu_optionsMakingof a:hover {
	color: #ffffff;
	background-color: #000;
}

#menu_optionsMakingofSub {
	width: 200px;
	height: 17px;
	line-height: 17px;
	font-family: Arial;
	color: #999999;
	font-size: 7pt;
	font-weight: bold;
	background-color: #000;
}

#menu_optionsMakingofSub a {
	color: #999999;
	text-decoration: none;
	background-color: #000;
}

#menu_optionsMakingofSub a:hover {
	color: #ffffff;
	background-color: #000;
}

/* tracking */
#tracking {
	width: 800px;
	height: 17px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	margin: auto;
	/* background-color: #000; */
	clear: both;	
}


/* footer */
#footer {
	width: 800px;
	height: 20px;
	margin: auto;
}
		
		#data {
			width: 300px;
			height: 20px;
			margin: auto;
			padding: 0px 0px 0px 0px;
			text-align: left;
			float: left;
		}
		
		#logoComunyk {
			width: 490px;
			height: 20px;
			margin: auto;
			padding: 0px 10px 0px 0px;
			text-align: right;
			float: right;
		}