@charset "utf-8";
/* CSS Document */

body {
margin: 0px;
padding: 0px;
} 

p {
 font-family: "Roboto", sans-serif;
font-size:13px;
font-weight: 200;
font-style: normal;
} 

h1 {
font-size:20px;
font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
}

h2 {
  font-family: "Roboto", sans-serif;
font-weight: 500;
font-style: normal;
}

h3 {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
font-style: normal;
}

.yellow {
color: #FBEA2C;
font-family: "Roboto", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 40px;
}


.purp {
color: #7B2BBE;
font-family: "Roboto", sans-serif;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: 40px; 	
}


.blktitle {
color: #1A1A1A;
font-family: "Roboto", sans-serif;
font-size: 25px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 141.667% */	
}

.whttitle {
color: #ffffff;
font-family: "Roboto", sans-serif;
font-size: 25px;
font-style: normal;
font-weight: 300;
line-height: 25px; /* 141.667% */	
}

.para {
color: #FFF;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 0;
line-height: 20px;
}

.para1 {
color: #FFF;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 0;
line-height: 20px;
}

.parab {
color: #000;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 0;
line-height: 20px;
}

.parabb {
color: #000;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
line-height: 20px;
font-weight: bold;
}

.parab1 {
color: #000;
font-family: "Roboto", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 0;
line-height: 20px;
}

.yellowbutt {
display: flex;
justify-content: center;
width: 140px;
margin: 0px;
padding: 0px;
height: 30px;
align-items: center;
border-radius: 25px;
background-color: rgba(255,219,25,1);
transition: all 0.03s ease 0s;
cursor: pointer;
box-shadow: 2px 2px #333333;	
}

.yellowbutt:hover {
	background-color: rgba(255,219,25,0.5);
}

.purpbutt {
display: flex;
justify-content: center;
width: 140px;
height: 30px;
align-items: center;
border-radius: 25px;
background-color: purple;
	
}



.hrdiv{
	width: 1100px; 
	margin-left: auto; 
	margin-right: auto;
}
/* -------------------------- INDEX PAGE ------------------------------ */



 .home_header_nav {
	height: 75px;
	width: 100%;
	overflow: hidden;
}

 .home_header {
	height: 25px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #000000;
  }

 .home_header_container {
	height: auto;
	width: auto;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
  }

 .home_hero {
	height: 600px;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url("../style/bg_main_comm.png");
  }

 .land_hero {
	height: 600px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url("../style/bg_main_comm.png");
  }

 .home_hero_sec1 {
	height: 570px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
  }

 .home_hero_sec1_border {
	height: 550px;
	width: 1200px;
	border:double;
	border-color: #0b0c2c; 
	margin-right: auto;
	margin-left: auto;
  }

 .home_hero_sec1_top {
	height: 350px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
  }

 .home_hero_sec1_bottom {
	height: 200px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
  }


 .home_hero_mid_con {
	width: 1100px;
	height: 600px;
	margin-right: auto;
	margin-left: auto;
  }

 .home_hero_mid {
	height: 650px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
  }

 .home_hero_mid_l {
	height: 650px;
	width: 500px;
	text-align: right;
  }

 .home_hero_mid_lx {
	height: 350px;
	width: 500px;
	padding-top: 100px;
	margin-left: auto;
	margin-right: auto;
  }

 .home_hero_mid_r {
	float: left; 
	height: 650px;
	width: 50%;
	 background-image: url("../style/Logo_ProlificPromo_1.png");
  }

 .home_hero_mid_rx {
	float: left;
	height: 500px;
	width: 500px;
  }


 .home_hero_sec1_bottom_butt_con {
	height: 110px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	overflow: hidden;
	text-align: center;
  }

 .home_hero_sec1_bottom_title {
	height: auto;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
  }

.contentrow1c {
max-width:560px;
height: 315px;
padding: 0px;
align-items: center;
margin-right: auto;
margin-left: auto;
margin-top: 40px;
margin-bottom: 30px;
}


 .home_hero_sec1_bottom_title_frame {
	height: auto;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 0px;
	border-color: #000000;
	border: solid; 
  }

 .home_hero_sec1_bottom_title_frame_sub {
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 10px;
  }

 .home_hero_sec1_bottom_title_frame_con {
	height: 650px;
	width: 100%;
	 text-align: center;
	 align-content: center;
	 margin-bottom: 60px;
  }

 .home_hero_sec1_bottom_title_frame_conx {
	height: 400px;
	width: 100%;
	 background-color: #f1f1f1;
	 background-image: url("/style/bggrid.png");
	 background-repeat: repeat;
	 
	padding-top: 30px;
  }

 .home_hero_sec1_bottom_title_frame_conxx {
	max-height: 550px;
	width: 1000px;
	 text-align: center;
	 align-content: center;
  }


 .home_faq {
	max-height: 2500px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	align-content: center;
	margin-bottom: 60px;
  }

 .home_hero_sec1_bottom_title_frame_conxxx1 {
	height: 660px;
	width: 100%;
	text-align: center;
	align-content: center;
	margin-bottom: 50px;
  }

 .home_hero_sec1_bottom_title_frame_conxxxx1 {
	height: 610px;
	width: 930px;
	text-align: center;
	align-content: center;
	margin-right: auto;
	margin-left: auto;
  }


 .home_hero_sec1_bottom_title_frame_conxxx {
	height: 660px;
	width: 100%;
	text-align: center;
	align-content: center;
	margin-bottom: 50px;
  }

 .home_hero_sec1_bottom_title_frame_conxxxx {
	height: 1220px;
	width: 930px;
	text-align: center;
	align-content: center;
	margin-right: auto;
	margin-left: auto;
  }

 .home_footer_frame_bg {
	height: 550px;
	width: 100%;
	background: #000000;
  }

.contentbreak {
display: flex;
width: 100%;
height: 60px;
justify-content: center;
flex-direction: row;
background: #D7CDCD;
padding-top: 20px;
}

 .home_hero_sec1_bottom_butt {
	float: left;
	height: auto;
	width: 90px;
	border-radius: 5px;
	margin-right: 10px;
	overflow: hidden;
	text-align: center;
	background-color: #21439c;
  }

 .home_hero_sec1_bottom_butt2 {
	float: left;
	height: auto;
	width: 90px;
	border-radius: 5px;
	margin-right: 10px;
	text-align: center;
	background-color: #FFED00;
  }

 .home_hero_sec1_left {
	height: 550px;
	width: 1150px;
	margin-left: 100px;
	float: left;
	overflow: hidden;
	text-align: center;
  }


 .home_hero_sec1_left_box {
	width: 100%;
	height: 250px;
	overflow: hidden;
	line-height: 65px;
	 text-align: left;
  }

 .home_hero_sec1_left_box1 {
	height: 120px;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
  }

 .home_hero_sec1_left_box2 {
	float: left;
	width: 30%;
	height: 120px;
	margin-right: 20px;
	overflow: hidden;
  }

 .home_hero_sec1_left_box3 {
	width: 100%;
	height: 50px;
	overflow: hidden;
	line-height: 15px;
  }

 .home_hero_sec1_left_box4 {
	float: left;
	width: 31px;
	height: 31px;
	margin-right: 10px;
	margin-top: 10px;
  }


 .home_hero_sec1_left_box5 {
	float: left;
	width: 75%;
	height: 50px;
	overflow: hidden;
	line-height: 20px;
  }

 .home_hero_sec1_left_box6 {
	height: 50px;
	width: 100%;
	margin-top: 20px;
	overflow: hidden;
  }

 .home_hero_sec1_left_box7 {
	float: left;
	height: 50px;
	width: 175px;
	border-radius: 25px;
	overflow: hidden;
	text-align: center;
	background-color: #000000;
	line-height: 15px;
	box-shadow: 5px 3px #888888;
  }

 .home_hero_sec1_container  {
	height: 50px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top:20px;
	text-align: center;
  }

 .home_hero_sec1_logo {
	height: 50px;
	width: 200px;
	float: left;
	margin-left: auto;
	text-align: center;
  }

 .home_hero_sec1_nav {
	height: 50px;
	width: 300px;
	float: right;
	margin-right: auto;
	margin-left: auto;
  }

 .home_mid_slider_outline {
	height: 215px;
	width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	outline-style: solid;
	 
	 
  }

 .home_mid_slider {
	height: 215px;
	width: 895px;
	overflow: hidden;
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
  }


 .home_mid_slider_box {
	float: left;
	width: 285px;
	height: 215px;
	overflow: hidden;
	margin-right: 20px;
	border-radius: 25px;
	background-image: url("../style/pic_1.jpg");
  }

.home_mid_slider_box_title {
	float: left;
	width: 150px;
	height: 80px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 40px;
	margin-left: 8px;
	margin-right: 120px;
	text-align:left;
  }

 .home_mid_slider_box_buttons {
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-left: 8px;
	margin-right: 227px;
  }

 .home_mid_slider_box2 {
	float: left;
	width: 285px;
	height: 215px;
	overflow: hidden;
	margin-right: 20px;
	border-radius: 25px;
	background-image: url("../style/pic_1.jpg");
  }

 .home_mid_slider_box3 {
	float: left;
	width: 285px;
	height: 215px;
	overflow: hidden;
	border-radius: 25px;
	background-color: cornflowerblue;
  }


 .home_mid_sec_2 {
	width: 1280px;
	height: 500px;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 40px;
	margin-bottom: 60px;	
	background-image: url("../style/pic_mid_1.jpg"); 
  }

 .home_mid_3 {
	height: 600px;
	width: 1100px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	text-align: left; 
  }

 .home_mid_bottom {	
	width: 100%;
	height: 400px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;	
	margin-bottom: 10px;	 
  }

 .home_overlay_form_res {	
	width: 70%;
	height: auto;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 20px;	
	margin-bottom: 60px;
	border-radius: 15px;
	background-color: white;
  }

 .home_mid_bottom_container_left {
	float: left;
	width: 45%;
	height: 400px;
  }

 .home_mid_bottom_box_left {
	float: left;
	height: 340px;
	margin-top: 60px;
	margin-left: 130px;
	text-align: left;
  }

 .home_mid_bottom_box_left_title {
	float: left;
	width: 300px;
	height: 100px;
	margin-top: 15px;
	margin-bottom: 350px;
	margin-left: 15px;
	margin-right: 270px;
  }

 .home_bottom_box_left_buttons {
	float: left;
	width: 300px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: 15px;
  }

 .home_mid_bottom_container_right {
	float: right;
	width: 45%;
	height: 340px;
	margin-top: 60px; 
	margin-right: 50px;
	text-align: center; 
  }

 .home_mid_bottom_box_right_top {
	width: 590px;
	height: 250px;
	margin-right: 50px;
  }


 .home_mid_bottom_box_right_bottom {
	width: 590px;
	height: 250px;
	margin-top: 50px;
	margin-right: 50px;
  }


 .home_bottom {
	height: 650px;
	width: 100%;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 60px;	
	margin-bottom: 40px;	 
  }

 .home_bottom_container_left {
	float: left;
	width: 45%;
	height: 649px;
	overflow: hidden;
	border-radius: 25px;
  }

 .home_bottom_box_left {
	float: left;
	width: 460px;
	height: 649px;
	overflow: hidden;
	margin-left: 130px;
	border-radius: 25px;
	background-image: url("../style/pic_5.jpg");
  }

 .home_bottom_box_left_title {
	float: left;
	width: 300px;
	height: 100px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 350px;
	margin-left: 15px;
	margin-right: 270px;
  }

 .home_bottom_box_left_buttons {
	float: left;
	width: 300px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: 15px;
  }

 .home_bottom_container_right {
	float: right;
	width: 45%;
	height: 550px;
	overflow: hidden;
	margin-right: 50px; 
	border-radius: 25px;
  }

 .home_bottom_box_right_top {
	width: 590px;
	height: 250px;
	overflow: hidden;
	margin-right: 50px;
	border-radius: 25px;
	 background-color: cornflowerblue;
  }


 .home_bottom_box_right_bottom {
	width: 590px;
	height: 250px;
	overflow: hidden;
	margin-top: 50px;
	margin-right: 50px;
	border-radius: 25px;
	 background-color: cornflowerblue;
  }



 .home_footer {
	height: 25px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: black;
  }
  
 .home_footer_a {
	height: auto;
	width: auto;
	overflow: hidden;
	display: block;
	margin-top: 7px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
  }

  


/* -------------------------- INDEX PAGE CONT ------------------------------ */



 .home_mid_bottomx {	
	width: 100%;
	height: 300px;
	margin-right: auto;
	margin-left: auto;	
	margin-bottom: 0px;	
	margin-top: 0px;
  }

 .home_mid_bottom_container_leftx {
	float: left;
	width: 45%;
	height: 300px;
  }

 .home_mid_bottom_container_rightx {
	float: right;
	width: 45%;
	height: 300px;
	margin-right: 50px; 
  }

 .home_hidden_conL {
	float: left;
	width: 460px;
	height: 300px;
	margin-left: 130px;
  }

 .home_hidden_con {
	float: right;
	width: 45%;
	height: 400px;
	margin-right: 0px; 
	
  }


 .home_mid_bottom_box_leftx {
	width: 460px;
	height: 300px;
	text-align: center;
  }


 .home_box_gfx1 {
	float: left;
	width: 300px;
	height: 300px;
	margin-left: 10px;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	 
  }


 .home_box_gfx2 {
	float: left;
	width: 300px;
	height: 300px;
	margin-left: 10px;
	margin-top: 10px;
  }

/* -------------------------- INDEX PAGE END ------------------------------ */


/* ---------------------------------    Store PG ------------------------------------------------------------------ */

.storepg {
	margin-left: auto;
	margin-right: auto;
	max-height: 4500px;
	width: 98%;
	margin-bottom: 100px;
	margin-top: 20px;
}

.storebanner {
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 1100px;
	padding: 10px;
	background-image: url(../style/banner_shop.jpg);
}


.storediv {
	width: 68%;
	height: 100%;
	text-align: center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.storeitem {
	width: 320px;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	float: left;
}

.storeitems {
	width: 98%;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


.storeitemsmall {
	width: 98%;
	height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.storerowr {
	width: 30%;
	height: 800px;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #141414;
	float: right;
	border-radius: 25px;
}


  /* ---------------------------User PG------------------------------------- */
  
  

.userpg {
	width: auto;
	height: 800px;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
   

.userpgvidbox {
	width: 1100px;
	height: 550px;
	padding: 10px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
}
 
    

.userpgvid {
	float:left;
	width: 900px;
	height: 500px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
 
    

.userpgvidcol {
	float:left;
	width: 170px;
	height: 500px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
 
 
.photoarea {
	float: left;
	width: 315px;
	height: auto;
	padding: 5px;
	margin-top: 0px;
}
  
.photoareaframe {
	width: 270px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;

}

.photoarea2 {
	float: left;
	width: 600px;
	height: auto;
	padding: 5px;
	margin-top: 0px;
	text-align: left;
	margin-right: 10px;
	margin-bottom: 150px;
}
  
.photoarea3 {
	float: left;
	width: 300px;
	height: auto;
	margin-top: 0px;
	text-align: left;
}


.photobox {
    max-width: 300px; /* Fixed width */
    max-height: 375px; /* Fixed width */
    position: relative;
	object-fit: cover;	
    background: #000; 
	
   
    margin-right: 290px;
    overflow: hidden; 
    border: 1px solid #999999;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("style/picon_default_bg.jpg");
    background-size: cover;  /* Make the image cover the div */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent tiling */
}

.photobox img {
    max-width: 300px; /* Fixed width */
    max-height: 375px; /* Fixed width */
    aspect-ratio: 2 / 3; /* 6:9 ratio */
    overflow: hidden;
    position: relative;
	object-fit: cover;	
    background: #000; /* Optional: Black background for gaps */
	
    object-fit: contain;/* Ensures the image covers the entire div */
    border-radius: 5px;
}

.photoareatop {
	width: auto;
	padding-bottom: 5px;
	height: 100%;
	max-height: 5000px;
}
   
.photoareamid {
	width: auto;
	height: 425px;
	padding-bottom: 5px;
}
 
   
.photobutton {
	float:left;
    display: flex;
    align-items: center; /* Vertically centers the text */
	width: 250px;
	height: 50px;
	margin:5px;
	text-align:center;
}
 
   
.photobuttcon {
	float:left;
    display: flex;
    align-items: center; /* Vertically centers the text */
	width: 50px;
	height: 50px;
	text-align:center;
}
   
.photobuttword {
	float:left;
    display: flex;
    align-items: center; /* Vertically centers the text */
	width: auto;
	height: auto;
	text-align:center;
}
 

.picframe {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 327px;
	/* [disabled]padding: 20px; */
	padding-top: 15px;
	text-align: center;
}

.photouserpg {
	width: 98%;
	height: 400px;
	padding: 20px;
	margin-top: 75px;
}
 
.photoarea {
	float:left;
	width: 50px;
	height: 700px;
	margin-right: 10px;
	overflow:hidden;
}

.probox1 {
	width: 100%;
	height: 200px;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
 

.probox1_title {
	width: 100%;
	height: 25px;
	background-color: #999999; 
	text-align: left;
	padding-left: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	border: solid 1px black;
}

.probox1_content {
	width: 100%;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
 
 

.user_trans_box {
	float: left;
	width: 98%;
	height: 400px;
	text-align: left;
	padding: 10px;
	margin-bottom: 5px;
	margin-right: 5px;
    overflow-y: scroll;
}



.profile_info{
	margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
	width: 98%;
	height: 200px;
	overflow-y: hidden;
	background-color: #9C9C9C;
	overflow: hidden;
}
	
	

.profile_info2{	
	width: 400px;
	height: 40px;
	margin-left: auto;
    margin-right: auto;
	margin-top:20px;
	margin-bottom:5px;
	text-align: left;
}

.profile_info2x{
	height: 30px;
	width: 168px;
	margin-left: 10px;
    margin-right: 200px;	
	margin-top:15px;
	margin-bottom:15px;
}

	


.profile_info3{
	float: right;
	margin-left:10px;
	width: 40%;
	height: auto;
}
	

.profile_info3x{
	float: left;
	width: 56%;
	height: auto;
	align-content: left;
}
	

.profile_info4{
	float: left;
	width: 290px;
	height: 50px;
	margin-top:0px;
}


.profile_info4x{
	float: left;
	width: 250px;
	height: 50px;
	margin-top:0px;
}


.profile_info5{
	margin-left: auto;
    margin-right: auto;
	margin-top:0px;
	margin-bottom:20px;
	width: 98%;
	height: 60px;
	overflow: hidden;
}
	
.profile_info6{
	float:left;
	width: 247px;
	height: 60px;
	margin-right: 20px;
	overflow: hidden;
	background-image: url(../style/butt_blu_bg.png);
}
	
	
.profile_info7{
	float:left;
	width: 247px;
	height: 60px;
	overflow: hidden;
	background-image: url(../style/butt_blu_bg.png);
}
	
	
.profile_picons{
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-right: 5px;
}
	

  /* ---------------------------NAV HEADER MAIN MENU------------------------------------- */
#pageTop {
	background-image: url(../style/banback.png)  repeat-x;
	background-color: #000000;
	height: 50px;
}
#pageTop > #pageTopWrap {
	width: 100%;
	margin: 0px auto 0px auto;
	height: 50px;
}
#pageTop > #pageTopWrap > #pageTopNav {
	float: left;
	height: auto;
	width: 50px;
}
#pageTop > #pageTopWrap > #pageTopLogo {
	float: left;
	height: auto;
	width: 108px;
}
#pageTop > #pageTopWrap > #pageTopRest {
	float: left;
	height: 50px;
	width: 80%;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 {
	height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div {
	margin-top: 8px;
	padding: 4px;
	text-align:right;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a {
	color: #CCC;
	text-decoration: none;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu1 > div > a:hover {
	color: #C0E73D;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 {
	height: 44px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div {
	margin-top: 2px;
	padding: 4px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a {
	display: block;
	float: left;
	color:#CCC;
	text-decoration: none;
	margin: 0px 16px;
}
#pageTop > #pageTopWrap > #pageTopRest > #menu2 > div > a:hover {
	color: #C0E73D;
}
/* PAGE MIDDLE */
#pageMiddle{
	width: 1100px;
	margin: 0px auto;
	height: 900px;
	text-align: center;
}
/* PAGE BOTTOM */
#pageBottom{
	background: #666;
	padding: 24px;
	font-size: 12px;
	color: #CCC;
	text-align: center;
}


/* -------------------------------------------------------login PG-------------------------------------------------------------------------- */

  
 .homebannerframe {
	height: 768px;
	width: 100%;
	display: block;
	background-image: url("../style/bg_main_gfx.jpg");
	background-repeat: no-repeat; 
  }  


    
 .homebannerlogo {
	float: left; 
	height: 505px;
	width: 525px;
	margin-left: 200px;
	margin-right: 25px;
	margin-top: 70px;
	text-align: center;
	background-image: url("/images/lalm_issue1_cov.png");
	background-repeat: none;
  }

 .homebannerlogin {
	float: left; 
	height: 500px;
	width: 360px;
	margin-left: 0px;
	margin-right: auto;
	margin-top: 50px;
	border:#DBDBDB;
	border: medium;
	border-radius: 2px; 
	text-align: center;
  }




  /* ---------------------------User Products PG------------------------------------- */

.uprofullpg {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	height: auto;
	margin-top: 100px;
}

 
 .uproform {
	margin-left: auto;
	margin-right: auto;
	width: 65%;
	float: left;
	height: auto;
}

 
 .uprorow {
	display: block;
	float: left;
	text-align: left;
	width: 100%;
	margin-bottom: 10px;
}


.uproinputmid {
	margin-left: auto;
	margin-right: auto;
	width: 30%;
	padding: 10px;
	height: auto;
	text-align: left;
	float: left;
}


.uproinputtiny {
	margin-left: auto;
	margin-right: auto;
	width: 10%;
	padding: 10px;
	height: auto;
	text-align: left;
	float: left;
}



.uprocol {
	margin-right: auto;
	width: 1060px;
	height: 1700px;
	margin-bottom: 75px;
	padding: 20px;
	margin-top: 75px;
	background-color: #FFF;
}


.uprotitle {
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	width: 28%;
	padding: 10px;
	height: 64px;
	text-align: left;
	float: left;
}


.uprotitlesmall {
	vertical-align: middle;
	margin-left: 10px;
	width: 18%;
	padding: 10px;
	height: 64px;
	text-align: left;
	float: left;
}


.uproinput {
	margin-left: auto;
	margin-right: auto;
	width: 45%;
	padding: 10px;
	height: auto;
	text-align: left;
	float: left;
}



.uproinputlong {
	margin-left: auto;
	margin-right: auto;
	width: 85%;
	padding: 10px;
	height: auto;
	text-align: left;
	/* [disabled]float: left; */
}



.uproinputsmall {
	margin-left: auto;
	margin-right: auto;
	width: 30%;
	padding: 10px;
	height: auto;
	text-align: left;
	float: left;
}



.uproinputsmallmid {
	margin-left: auto;
	margin-right: auto;
	width: 30%;
	padding: 10px;
	height: auto;
	text-align: left;
	float: left;
}





.uproinputtiny {
	margin-left: auto;
	margin-right: auto;
	width: 9%;
	padding: 10px;
	height: auto;
	text-align: left;
	float: left;
}


.uprosubmit {
	width: 47%;
	padding: 10px;
	height: auto;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}



.uproleftcol {
	float: left;
	width: 67%;
	height: auto;
	padding: 10px;
}


.uproritecol {
	float: left;
	width: 29%;
	height: 550px;
	padding: 10px;
	text-align: left;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	overflow: scroll;
}



  /* ---------------------------Video PG------------------------------------- */
  
.vid_pg {
	width: 1100px;
	height: 1200px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
   
.vid_coll {
	float: left;
	width: 720px;
	height: auto;
}
 

.vid_coll_box1 {
	width: 100%;
	height: 100px;
} 

.vid_coll_box1_l {
	float:left;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	text-align: left;
} 

.vid_coll_box1_r {	
	float:right;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	text-align:left; 
	margin-top:10px;
} 


.vid_coll_box_lr {
	width: 100%;
	height: auto;
}


.vid_coll_box2 {
	width: 720px;
	height: 500px;
}

.vid_coll_box2_vid {
	width: 720px;
	height: 480px;
}



.vid_coll_box2_tv {
	width: 720px;
	height: 480px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
	overflow: hidden;
}


.vid_coll_box2a {
	width: 100%;
	height: 50px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 25px;
}


.vid_coll_box2b {	
	float:left;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	text-align:left; 
} 



.vid_coll_box2c {	
	float:right;
	width: auto;
	height: auto;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align:left; 
} 

.vid_coll_box3 {
	width: 100%;
	height: 125px;
	text-align: left;
}
 

.vid_colr {
	float:left;
	width: 319px;
	height: 900px;
}
  

.vid_colr_box1 {
	width: 285px;
	height: 300px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	padding:10px;
}


.vid_colr_box2 {
	width: 94%;
	height: 300px;
	margin-right: auto;
	margin-left: auto;
}

.vidbanner_bg {
	height: 200px;
	width: 100%;
	background: black;
	/* [disabled]background-image: url(../images/banner_3_RisingStar.jpg); */
}


.vidbanner {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	height: 500px;
	margin-bottom: 5px;
}



.vidbanner1 {
	float:left;
	width: 800px;
	height: 500px;
	background-image: url(../style/lalm_banner_home_1.jpg);
}

.vidbanner_title {
	width: 100%;
	height: 275px;
}

.vidbanner_title1 {
	overflow: hidden;
	width: 100%;
	height: 75px;
	text-align: center;
	background-image: url("../style/trans_bg.png");
}


.vidbanner2_title {
	width: auto;
	height: 19px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
}


.vidbanner2 {
	float:right;
	width: 300px;
	height: 100%;
	background-color:#1D1D1D;
}


.vidbox_ad1 {
	margin-left: auto;
	margin-right: auto;
	height: 350px;
	width: 1000px;
	margin-bottom: 5px;
	background-image: url("../vidz/173.jpg");
}

.vidbox_ad1x {
	margin-left: auto;
	margin-right: auto;
	height: 350px;
	width: 1000px;
	margin-bottom: 5px;
	background-image: url("../style/watermark_vid_big.png");
}


.vidbox_ad2_big {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 300px;
	margin-bottom: 5px;
}

.vidboxes_ad2 {
	float:left;
	width: 497px;
	height: 215px;
	background-image: url("../vidz/172.jpg");
}

.vidboxes_ad2x {
	width: 495px;
	height: 215px;
	background-image: url("../style/watermark_vid_mid.png");
}

.vidboxes_ad2x_title {
	width: 100%;
	height: 215px;
}

.vidboxes_ad2x_title1 {
	overflow: hidden;
	width: 100%;
	height: 75px;
	text-align: center;
	padding-bottom: 10px;
	background-image: url("../style/trans_bg.png");
}

.vidboxes_ad3 {
	float:right;
	width: 497px;
	height: 300px;
	background-image: url("../vidz/181.jpg");
}

.vidboxes_ad3x {
	width: 495px;
	height: 300px;
	background-image: url("../style/watermark_vid_mid.png");
}


.vidbott {
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	height: 300px;
	width: 100%;
	background-color: #2F2F2F;
}

.vidbott2 {
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	width: 1100px;
}


.vidbottpanel1 {
	float:left;
	height: auto;
	width: 32%;
	margin-right: 10px;
	padding-top: 20px;
	text-align: center;
}


.vidbottpanel2 {
	float:left;
	height: auto;
	width: 32%;
	margin-right: 10px;
	padding-top: 20px;
	text-align: center;
}


.vidbottpanel3 {
	float:left;
	height: auto;
	width: 32%;
	padding-top: 20px;
	text-align: center;
}


.vidtitle {
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	width: 1100px;
}


.vidsidecol {
	float: left;
	height: 800px;
	width: 215px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
}

.vidnavbg {
	width: 1100px;
	height: 50px;
	padding-top: 15px;
	margin-bottom: 10px;	
	margin-left: auto;
	margin-right: auto;	
}

.vidcontenttitle {
	width: 1100px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 2px;
	background-image: linear-gradient(#ffffff, #C0C0C0);
	padding-top: 15px;
	padding-left: 60px;
	border-color: #ADADAD;
	border-width: thin;
	
}

.vidsearch {
	width: 1100px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 2px;
	background-image: linear-gradient(#ffffff, #C0C0C0);
	padding-top: 15px;
	border-color: #ADADAD;
	border-width: thin;
	
}



.vidcontenthome {
	width: 900px;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 150px;
	padding-top: 40px;
	padding-bottom: 50px;
}

.vidcontenttitle {
	width: 1100px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 2px;
	background-image: linear-gradient(#ffffff, #C0C0C0);
	padding-top: 15px;
	padding-left: 60px;
	border-color: #ADADAD;
	border-width: thin;
	
}

.vidsearch {
	width: 1100px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 2px;
	background-image: linear-gradient(#ffffff, #C0C0C0);
	padding-top: 15px;
	border-color: #ADADAD;
	border-width: thin;
	
}

/* ---------------------------------    Store PG ------------------------------------------------------------------ */


.storebanner_bg {
	height: 200px;
	width: 100%;
	background: black;
	/* [disabled]background-image: url(../images/banner_3_RisingStar.jpg); */
}


.storebanner {
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 1100px;
	background-image: url(../style/banner_shop.jpg);
}


.storetitle {
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	width: 1100px;
}


.storesidecol {
	float: left;
	height: 800px;
	width: 215px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
}


.storecontent {
	/* [disabled]float: right; */
	height: auto;
	width: 1100px;
	text-align: center;
}


.storediv {
	width: 68%;
	height: 100%;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.storeitem {
	width: 265px;
	height: 300;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding:5px;
}

.storeitems {
	width: auto;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


.storeitemsmall {
	width: 98%;
	height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.storerowr {
	width: 30%;
	height: 800px;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #141414;
	float: right;
	border-radius: 25px;
}


/* ---------------------------------    Store PG ------------------------------------------------------------------ */


.storebanner {
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 1100px;
	padding: 10px;
	background-image: url(../style/banner_shop.jpg);
}


.storediv {
	width: 68%;
	height: 100%;
	text-align: center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.storeitem {
	width: 320px;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	float: left;
}

.storeitems {
	width: 98%;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


.storeitemsmall {
	width: 98%;
	height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.storerowr {
	width: 30%;
	height: 800px;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #141414;
	float: right;
	border-radius: 25px;
}



 /* ---------------------------Products Page------------------------------------- */
 
 
.prodpg {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	height: auto;
	margin-top: 75px;
}

 
.prodframe {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	min-height: 500px;
	margin-top: 10px;
	margin-bottom: 20px;
}




.prodpgjax {
	background-image: url(../style/bgtrans.png);
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	height: 550px;
	padding: 5px;
	border-radius: 25px;
	padding-top: 40px;
}


.prodrowl {
	float: left;
	margin-left: auto;
	margin-right: auto;
	max-height: 490px;
	width: 50%;
	padding: 5px;
}

.prodrowljax {
	float: left;
	margin-left: auto;
	margin-right: auto;
	height: 520px;
	width: 60%;
	padding: 5px;
}

.prodrowljax {
	float: left;
	margin-left: auto;
	margin-right: auto;
	height: 520px;
	width: 60%;
	/* [disabled]padding: 5px; */
}


.prodrowr {
	float: right;
	margin-left: auto;
	margin-right: auto;
	max-height: 490px;
	width: 47%;
	padding: 5px;
	text-align: left;
}

.propic {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	text-align: center;
}


.prosocialbar {
	margin-left: auto;
	margin-right: auto;
	height: 75px;
	text-align: right;
}

.prosocialbox {
	height: 70px;
	width: 65px;
	text-align: center;
}



.propicrow {
	margin-left: auto;
	margin-right: auto;
	height: 110px;
	width: 500px;
	text-align: right;
	;
}

.propic1 {
	float: left;
	margin-left: 5px;
	height: 100px;
	width: 150px;
	/* [disabled]padding: 5px; */
	overflow: hidden;
}

.propic2 {
	float: left;
	margin-left: 5px;
	height: 100px;
	width: 150px;
	/* [disabled]padding: 5px; */
	overflow: hidden;
}

.propic3 {
	float: left;
	margin-left: 5px;
	height: 100px;
	width: 150px;
	padding: 5px;
	overflow: hidden;
}

.propic4 {
	float: left;
	margin-left: 5px;
	height: auto;
	width: 22%;
	padding: 5px;
}


.propicjax {
	margin-left: auto;
	margin-right: auto;
	height: 450px;
	padding: 5px;
	text-align: center;
}

.propicdesc {
	float:left;
	margin-left: auto;
	margin-right: auto;
	height:650px;
	width: 95%;
	padding:5px;
}

.prodpg2 {
	margin-left: auto;
	margin-right: auto;
	width: 97%;
	height: auto;
}

.probuttbox {
	/* [disabled]margin-left: auto; */
	float:left;
	width: 325px;
	height: auto;
	text-align: center;
	margin-top: 0px;
}

.probuttbox2 {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: auto;
}

.prodesc {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: auto;
	padding: 5px;
	text-align: center;
	margin-top: 25px;
}

.pricebox {
	width: 98%;
	float: left;
	margin-right: 5px;
}

.priceopts {
	width: 98%;
	margin-right: 5px;
	/* [disabled]float: left; */
	margin-bottom: 10px;
	height: auto;
}

.price1 {
	margin-right: 5px;
	float: left;
	width: auto;
}

.price2 {
	margin-right: 5px;
	float: left;
	width: auto;
}

.price3 {
	margin-right: 5px;
	float: left;
	width: auto;
}


.prorand {
	margin-left: auto;
	margin-right: auto;
	width: 840px;
	height: 250px;
	padding: 5px;
	padding-top: 50px;
}


.prorand1 {
	float: left;
	width: 200px;
	height: 200px;
	padding: 5px;
	text-align: center;
}



/* ---------------------------Products Page END------------------------------------- */

/* ---------------------------FOOD MENU------------------------------------- */

  

 .foodmenu_hero {
	height: 600px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url("../style/bg_main_gfx_food.jpg");
  }

 .foodmenu_hero_sec1 {
	height: 570px;
	width: 100%;
	overflow: hidden;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	 background-image: url("../style/bg_main_comm.png");
  }

 .foodmenu_hero_sec1_top {
	height: 370px;
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	padding-top: 50px;
  }

 .foodmenu_hero_sec1_bottom {
	height: 200px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
  }

 .foodmenu_hero_sec1_bottom_butt_con {
	height: 100px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	overflow: hidden;
	text-align: center;
  }

 .foodmenu_hero_sec1_bottom_butt {
	float: left;
	height: 30px;
	width: 90px;
	border-radius: 5px;
	margin-right: 10px;
	text-align: center;
	background-color: #21439c;
  }
    

.foodmenu_pg {
	margin-left: auto;
	margin-right: auto;
	height: 1300px;
	width: 98%;
	margin-bottom: 100px;
	margin-top: 110px;
}

.foodmenu_content {
	height: auto;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.fooditem {
	width: 900px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.fooditempic {
	float: left;
	width: 250px;
	height: 170px;
	overflow: hidden;
}


.fooditempiccon {
	width: 450px;
	height: 170px;
	float: left;
	text-align: left;
	margin-left: 20px;
}

.fooditempiccost {
	width: 150px;
	height: 140px;
	float: left;
	text-align: center;
	padding-left: 5px;
}

.fooditems {
	width: 1100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	
}


 /* ---------------------------Inventory List ------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------- */


.invenall {
	margin-right: auto;
	width: 1060px;
	height: 900px;
	margin-bottom: 75px;
	padding: 20px;
	margin-top: 75px;
	background-color: #FFF;
	margin-left: auto;
}

 .inven1 {
	float: left;
	width: 67%;
	height: 800px;
	padding: 10px;
	text-align: left;
}




.inven2 {
	float: left;
	width: 29%;
	height: 800px;
	padding: 10px;
	text-align: left;
	border-color: #CCC;
	border-style: solid;
	border-width: 1px;
	overflow: scroll;
}



 /* ---------------------------Cart Page------------------------------------- */
 
.cartalldiv {
	width: auto;
	height: 700px;
	display: block;
	margin-top: 50px;
	margin-left: auto;
	margin-bottom: 50px;
	background-color: #FFF;
}

.cartrow {
	width: 98%;
	height: 380px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cartbox {
	float: left;
	width: 19%;
	height: auto;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
}

.cartbox2 {
	float: left;
	width: 19%;
	height: auto;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	text-align:center;
}
.carttitle {
	width: 100%;
	height: 40px;
	padding-top:10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color:#999;
	border-style:solid;
	border-width:1px;
	
	
}
.cartbutt {
	width: 98%;
	height: 150;
	text-align: right;
}

  
/* -------------------------------------------------------------------------------------------------------------------------------------------------- */



/* -------------------------- POP UP FORM QUESTIONS END ------------------------------ */


 .popup_frame {	
	width: 100%;
	height: 600px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;	
	margin-bottom: 0px;
	padding-top: 50px;		 
  }

 .popup_frame_left {
	display: block;
	width: 900px;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;	
	padding-top: 0px;	
  }

 .popup_frame_right {	
	display: block;
	width: 600px;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
  }


	
/* ------------------------------------------ User Profile Picture  ------------------------------------------------------------------------------ */

textarea#statustext{width:90%; height:80px; padding:8px; border:#999 1px solid; font-size:11px; margin-left:auto; margin-right:auto;}
div.status_boxes{padding:12px; line-height:1.5em;}
div.status_boxes > div{padding:8px; border:#99C20C 1px solid; background: #F4FDDF;}
div.status_boxes > div > b{font-size:12px;}
div.status_boxes > button{padding:5px; font-size:12px;}
textarea.replytext{width:90%; height:40px; padding:1%; border:#999 1px solid;}
div.reply_boxes{padding:12px; border:#999 1px solid; background:#F5F5F5;}
div.reply_boxes > div > b{font-size:12px;}
	

div#profile_pic_box{
    width: 100px;
    height: 100px;
    margin: 20px auto 20px auto;
    overflow: hidden;
    border-radius: 50%;
    z-index: 7000;
    position: absolute;
    left: 289px;
    top: 233px;
    border: 5px;
    border-color: #424242;
}

	
	
div#profile_pic_box > img{z-index:2000; width:300px;}
div#profile_pic_box > a {  
	display: none;
	position:absolute; 
	margin:30px 0px 0px 15px;
	z-index:4000;
	background:#D8F08E;
	border:#81A332 1px solid;
	border-radius:3px;
	padding:5px;
	font-size:12px;
	text-decoration:none;
	color:#60750B;
}
div#profile_pic_box > form{
	display:none;
	position:absolute; 
	z-index:3000;
	padding:10px;
	opacity:.8;
	background:#F0FEC2;
	width:200px;
	height:200px;
}
div#profile_pic_box:hover a {
    display: block;
}
img.friendpics{border:#000 1px solid; width:40px; height:40px; margin:2px;}
div#photo_showcase{
	/* [disabled]float: right; */
	background: url(style/photo_showcase_bg.png) no-repeat;
	width: 136px;
	height: 127px;
	margin: 0px auto 0px auto;
	cursor: pointer;
}
div#photo_showcase > img{width:74px; height:74px; margin:37px 0px 0px 9px;}
img.friendpics{border:#000 1px solid; width:60px; height:70px; margin:2px;}
	

.profile_info{
	margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
	width: 98%;
	height: 200px;
	overflow-y: hidden;
	background-color: #9C9C9C;
	overflow: hidden;
}
	


 .pro_toggle_con {	
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;	
	margin-bottom: 40px;	 
  }

 .pro_toggle_con_box {	
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;	
	margin-bottom: 40px;	 
  }

 .pro_toggle_box_left {
	float: left;
	width: 40%;
	height: 400px;
	margin-left: 100px;
  }

 .pro_toggle_box_right {
	float: right;
	width: 40%;
	height: auto;
	margin-right: 100px;
  }

 .pro_toggle_card {
	float: left;
	width: 400px;
	height: 275px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 10px;
	background-color: lightblue;
	 
  }

 .pro_toggle_card_left {
	float: left;
	width: 230px;
	height: 275px;
	overflow: hidden;
	margin-right: 10px;
  }

 .pro_toggle_card_right {
	float: right;
	width: 160px;
	height: 275px;
  }

 .pro_toggle_card_logo {
	width: 190px;
	height: 50px;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
  }

 .pro_toggle_card_text {
	width: 190px;
	height: auto;
	margin-top: 15px;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
  }

 .pro_toggle_card_pic {
	width: 75px;
	height: 75px;
    display: block;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	border-radius: 50px;
	border-style: solid;
    border-color: grey;
    border-width: 5px;
  }

 .pro_toggle_card_qr {
	width: 100px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
  }

	
/* ------------------------------------------ User Profile Picture END ------------------------------------------------------------------------------ */

	

/* --------------------------- Misc Page ------------------------------------- */

.musicmisc_pg {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	height: auto;
	margin-top: 25px;
	margin-bottom: 100px;
}



.musicmisc_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_Author.jpg");
	background-repeat: repeat;
}

.musicmiscad1_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_MeowAndBarks.jpg");
	background-repeat: repeat;
}

.musicmiscad2_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_AdHalfPg.jpg");
	background-repeat: repeat;
}

.musicmiscad3_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_AD_PushDolla.jpg");
	background-repeat: repeat;
}


.musicmiscad4_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_CatchYourCut.jpg");
	background-repeat: repeat;
}

.musicmisccov_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_Cover1.jpg");
	background-repeat: repeat;
}

.musicmiscmovies_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_Movies.jpg");
	background-repeat: repeat;
}

.musicmiscrcarpet_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_RedCarpet.jpg");
	background-repeat: repeat;
}

.musicmiscfashion_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_Fashion.jpg");
	background-repeat: repeat;
}

.musicmiscnlife_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_ClubSpotlight.jpg");
	background-repeat: repeat;
}

.musicmisccave_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_ManCave.jpg");
	background-repeat: repeat;
	margin-bottom: 100px;
}

.musicmiscartist_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_FaceBreakers.jpg");
	background-repeat: repeat;
}

.musicmiscbaddie_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_Choas.jpg");
	background-repeat: repeat;
}

.musicmisctwit_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_Twitterverse.jpg");
	background-repeat: repeat;
}

.musicmiscevents_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_Events.jpg");
	background-repeat: repeat;
}

.musicmiscfunz_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_FunZone.jpg");
	background-repeat: repeat;
}



.musicmiscartbloc_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_ArtistBlock.jpg");
	background-repeat: repeat;
}

.musicmiscartbloc_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_ArtistBlock.jpg");
	background-repeat: repeat;
}


.musicmiscredcar_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_RedCarpet.jpg");
	background-repeat: repeat;
}


.musicmiscnews3_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/Banner_LoudandLitiMag_NoFakeNews.jpg");
	background-repeat: repeat;
}


.musicmisc_ban_over {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 618px;
	background-image: url("../images/pattern.png");
}

.musicmisc_ban_title {
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	width: 900px;
}

.musicmisc_lcol {
	margin-right: auto;
	margin-left: auto;
	width: 400px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 100px;
	text-align: center;
}


.musicmisc_rcol {
	float: left;
	width: 300px;
	height: 2900px;
	margin-top: 0px;
	margin-left: 20px;
}


 
.musicmisc_all {
	width: 100%;
	height: 200px;
	padding: 10px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}

.musicmisc_pic {
	float: left;
	width: 190px;
	height: 190px;
	margin-right: 10px;
}

.musicmisc_info {
	float: right;
	width: 500px;
	height: 200px;
	text-align:left;
}


.musicmisc_box {
	width: 100%;
	height: 250px;
	overflow:scroll;
}


/* ------------------------------------------ Music END ------------------------------------------------------------------------------ */

	

/* --------------------------- User Profile Overlays  ------------------------------------- */

.pro_over_con {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 600px;
	height: 500px;
	margin-top: 100px;
	margin-bottom: 100px;
}

.pro_over_con2 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 600px;
	height: 500px;
	margin-top: 100px;
	margin-bottom: 100px;
}


.memitem {
	width: 100px;
	height: 50px;
	margin-bottom: 40px;
	float: left;
}

.memitems {
	width: 98%;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	
}

/* --------------------------- Commerical Office Landing Page ------------------------------------- */


.office_ban {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: 500px;
	background-image: url("../style/bg_main_comm.jpg");
}


.office_para {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	max-height: 650px;
}


.office_lpg {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	margin-bottom: 100px;
}


.office_lpg2 {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 100px;
	text-align: center;
}

 .office_title_frame {
	height: auto;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 40px;
	border-color: #ffffff;
	border: solid; 
  }

.office_row_pg {
	margin-left: auto;
	margin-right: auto;
	width: 98%;
	margin-bottom: 0px;
	margin-top: 20px;
}


 .office_row {
	width: 100%;
	height: 650px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;	
	margin-bottom: 10px;	 
  }

 .office_row_container_left {
	float: left;
	width: 45%;
	height: 649px;
	overflow: hidden;
  }

 .office_row_bottom_box_left {
	float: left;
	width: 460px;
	height: 650px;
	margin-left: 50px;
	background-image: url("../style/");
  }

 .office_row_bottom_box_left_title {
	float: left;
	width: 300px;
	height: 100px;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: 350px;
	margin-left: 15px;
	margin-right: 270px;
  }

 .office_row_bottom_box_left_buttons {
	float: left;
	width: 300px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: 15px;
  }

 .office_row_bottom_container_right {
	float: right;
	width: 45%;
	margin-right: 50px; 
  }

 .office_row_bottom_box_right_top {
	width: 590px;
	height: 250px;
	overflow: hidden;
	margin-right: 50px;
	border-radius: 25px;
	 background-color: cornflowerblue;
  }


 .office_row_bottom_box_right_bottom {
	width: 590px;
	height: 250px;
	overflow: hidden;
	margin-top: 50px;
	margin-right: 50px;
	border-radius: 25px;
	 background-color: cornflowerblue;
  }



 
/* ---------------------------------    Video PG ------------------------------------------------------------------ */


.vidbanner_bg {
	height: 200px;
	width: 100%;
	background: black;
	/* [disabled]background-image: url(../images/banner_3_RisingStar.jpg); */
}


.vidbanner {
	margin-left: auto;
	margin-right: auto;
	width: 1100px;
	height: 500px;
	margin-bottom: 5px;
}



.vidbanner1 {
	float:left;
	width: 800px;
	height: 500px;
	background-image: url(../style/lalm_banner_home_1.jpg);
}

.vidbanner_title {
	width: 100%;
	height: 275px;
}

.vidbanner_title1 {
	overflow: hidden;
	width: 100%;
	height: 75px;
	text-align: center;
	background-image: url("../style/trans_bg.png");
}


.vidbanner2_title {
	width: auto;
	height: 19px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 0px;
}


.vidbanner2 {
	float:right;
	width: 300px;
	height: 100%;
	background-color:#1D1D1D;
}


.vidbox_ad1 {
	margin-left: auto;
	margin-right: auto;
	height: 350px;
	width: 1000px;
	margin-bottom: 5px;
	background-image: url("../vidz/173.jpg");
}

.vidbox_ad1x {
	margin-left: auto;
	margin-right: auto;
	height: 350px;
	width: 1000px;
	margin-bottom: 5px;
	background-image: url("../style/watermark_vid_big.png");
}


.vidbox_ad2_big {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 300px;
	margin-bottom: 5px;
}

.vidboxes_ad2 {
	float:left;
	width: 497px;
	height: 215px;
	background-image: url("../vidz/172.jpg");
}

.vidboxes_ad2x {
	width: 495px;
	height: 215px;
	background-image: url("../style/watermark_vid_mid.png");
}

.vidboxes_ad2x_title {
	width: 100%;
	height: 215px;
}

.vidboxes_ad2x_title1 {
	overflow: hidden;
	width: 100%;
	height: 75px;
	text-align: center;
	padding-bottom: 10px;
	background-image: url("../style/trans_bg.png");
}

.vidboxes_ad3 {
	float:right;
	width: 497px;
	height: 300px;
	background-image: url("../vidz/181.jpg");
}

.vidboxes_ad3x {
	width: 495px;
	height: 300px;
	background-image: url("../style/watermark_vid_mid.png");
}


.vidbott {
	margin-left: auto;
	margin-right: auto;
	padding-top: 40px;
	height: 300px;
	width: 100%;
	background-color: #2F2F2F;
}

.vidbott2 {
	margin-left: auto;
	margin-right: auto;
	height: 250px;
	width: 1100px;
}


.vidbottpanel1 {
	float:left;
	height: auto;
	width: 32%;
	margin-right: 10px;
	padding-top: 20px;
	text-align: center;
}


.vidbottpanel2 {
	float:left;
	height: auto;
	width: 32%;
	margin-right: 10px;
	padding-top: 20px;
	text-align: center;
}


.vidbottpanel3 {
	float:left;
	height: auto;
	width: 32%;
	padding-top: 20px;
	text-align: center;
}


.vidtitle {
	margin-left: auto;
	margin-right: auto;
	height: 90px;
	width: 1100px;
}


.vidsidecol {
	float: left;
	height: 800px;
	width: 215px;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #666;
}

.vidnavbg {
	width: 1100px;
	height: 50px;
	padding-top: 15px;
	margin-bottom: 10px;	
	margin-left: auto;
	margin-right: auto;	
}

.vidcontenttitle {
	width: 1100px;
	height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 2px;
	background-image: linear-gradient(#ffffff, #C0C0C0);
	padding-top: 15px;
	padding-left: 60px;
	border-color: #ADADAD;
	border-width: thin;
	
}

.vidsearch {
	width: 1100px;
	height: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	border-radius: 2px;
	background-image: linear-gradient(#ffffff, #C0C0C0);
	padding-top: 15px;
	border-color: #ADADAD;
	border-width: thin;
	
}

.vidconoverrow { 
	height: 400px;
	width:900px; 
	margin-left: auto; 
	margin-right: auto;
}


.vidconoverrow1 {
	float: left;
	width:300px; 
	height: 300px;
}


.vidconoverrow2 {
	float: right;
	width:588px; 
	margin-top: 10px; 
	height: 300px;
}



.vidcontenthomerow {
	width: 100%;
	height: 200px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	background-image: url("../style/bg_image_1x.jpg");
}

.vidcontenthomerowx {
	width: 900px;
	height: 145px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 40px;
}


.vidcontenthomerow3 {
	width: 900px;
	height: 515px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 50px;
}



.vidcontenthomerow3x {
	float: left;
	width: 285px;
	height: 515px;
	text-align: center;
	margin-left: auto;
	margin-right: 10px;
	overflow: hidden;
}


.vidcontenthome {
	width: 900px;
	height: 330px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 90px;
	padding-top: 40px;
	padding-bottom: 50px;
}

.vidcontent {
	width: 1100px;
	height: 1000px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	background-color: #ffffff;
	box-shadow: 1px 1px 1px 1px #999999;
	padding-top: 40px;
	padding-bottom: 25px;
	border-radius: 5px;
}

.vidcontent1 {
	width:100%; 
	margin-left: auto; 
	margin-right: auto; 
	height: auto;
	margin-bottom: 40px;
}

.vidcontent2 {
	width:900px; 
	margin-left: auto; 
	margin-right: auto; 
	height: auto;
}

.vidcontent3 {
	width:100%; 
	margin-left: auto; 
	margin-right: auto; 
	height: auto;
}

.vidcontent4 {
	width:100%; 
	margin-left: auto; 
	margin-right: auto; 
	height: auto;
}

.vidcontent5 {
	width:100%; 
	margin-left: auto; 
	margin-right: auto; 
	height: auto;
}


.viddiv {
	width: 68%;
	height: 100%;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.viditems {
	float: left;
	width: auto;
	height: auto;
	text-align: center;
}

.viditem {
	float: left;
	width: 200px;
	height: 283px;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
}


.viditem_home {
	width: 225px;
	height: 150px;
	text-align: center;
	margin-right: 5px;
	border-radius: 25px;
}


.viditempic {
	border-radius: 10px;
	overflow: hidden;
}

.viditempic2 {
	border-radius: 10px;
	overflow: hidden;
	border-color: red;
	border-width:thin;
}

.viditems_home {
	width: 225px;
	height: 450px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	
}


.viditemsmall {
	width: 98%;
	height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.vidrowr {
	width: 30%;
	height: 800px;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #141414;
	float: right;
	border-radius: 25px;
}


/* -------------------------------------------------------Photojounarlist Photo Gallery PG------------------------------------------------------------------- */


.photojo_items {
	width: 95%;
	height: 350px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	
}

.photojo_item_pic {
	width: 146px;
	height: 211px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	border-radius: 5px;
}


.photojo_item {
	float: left;
	width: 200px;
	height: 340px;
	text-align: center;
	overflow: hidden;
}



/* ---------------------------------    Store PG ------------------------------------------------------------------ */

.epipg {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 98%;
	margin-bottom: 100px;
	margin-top: 20px;
}

.epibanner {
	margin-left: auto;
	margin-right: auto;
	height: 180px;
	width: 1100px;
	padding: 10px;
	background-image: url(../style/banner_shop.jpg);
}


.epidiv {
	width: 68%;
	height: 100%;
	text-align: center;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

.epiitem {
	width: 320px;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	float: left;
	border-radius: 25px;
}

.epiitems {
	width: 98%;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


.epiitemsmall {
	width: 98%;
	height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.epirowr {
	width: 30%;
	height: 800px;
	text-align: left;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	background-color: #141414;
	float: right;
	border-radius: 25px;
}



/* -----------------------------------------  Home Videos --------------------------------------------- */

.viditemx {
	width: 320px;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	float: left;
	border-radius: 25px;
}

.viditemsx {
	width: 98%;
	height: 400px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


/* -----------------------------------------  Video Videos --------------------------------------------- */


.girlsitem {
	float: left;
	width: auto;
	height: auto;
	text-align: center;
}

.girlsitems {
	float: left;
	width: 300px;
	height: 300px;
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
}

.girlsitempic_pg {
	border-radius: 10px;
	overflow: hidden;
}




/* -----------------------------------------  EPK Videos --------------------------------------------- */



 .epkrow {
	height: 600px;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	 background-image: url("../style/gfx_epk_devices1.png");
  }

 .epkrow1 {
	height: 600px;
	width: 1000px;
	border-radius: 25px; 
	margin-left: auto;
	margin-right: auto;
	background-image: url("../style/gfx_epk_devices21.png");
  }

 .epkrow2 {
	height: 350px;
	width: 500px;
	padding-top: 100px;
	margin-left: auto;
	margin-right: auto;
  }


 .epk_butt_con {
	height: 70px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	overflow: hidden;
	text-align: center;
  }


 .epk_para_info {
	height: 180px;
	width: 1000px;
	margin-top: 50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	align-content: center;
  }


 .epkgen_row {
	height: 950px;
	width: 100%;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	background-color: black;
	background-image: url("../style/bgdiv1.png");
  }


 .epkgen_row_left {
	float: left;
	height: 950px;
	width: 45%;
	margin-left: 130px;
  }



 .epkgen_row_right {
	float: right;
	height: 300px;
	width: 45%;
	margin-right: 0px;
	margin-top: 20px;
  }


.footer_icons{
	float: left;
	width: 270px;
	height: 50px;
	overflow: hidden;
}



 .graphics_mid_row {	
	width: 100%;
	height: 400px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;	
	margin-bottom: 10px;
	background-color: black;	 
  }



 .graphics_mid_l {
	float: left;
	height: 340px;
	width: 45%;
	margin-top: 20px;
	margin-left: 50px;
	text-align: left;
  }


 .graphics_mid_r {
	float: right;
	width: 45%;
	height: 340px;
	margin-top: 20px; 
	margin-right: 50px;
	text-align: center; 
  }

/* -----------------------------------------  EPK Videos --------------------------------------------- */



 .arrow {
	height: 600px;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	 background-image: url("../style/devices2.jpg");
  }


 .ar_para_info {
	height: 110px;
	width: 1000px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	align-content: center;
  }



 .ar_butt_con {
	height: 70px;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 40px;
	margin-bottom: 80px;
	overflow: hidden;
	text-align: center;
  }


 .heroar {
	height: 600px;
	width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url("../style/bg_main_comm1.jpg");
  }


 .arrowbg {
	height: 600px;
	width: 1000px;
	border-radius: 25px; 
	margin-left: auto;
	margin-right: auto;
	background-image: url("../style/ar_1.jpg");
  }


 .nl_frame_con {
	max-height: 550px;
	width: 1000px;
	 text-align: center;
	 align-content: center;
  }

.user_info_con {
	margin-left: auto;
    margin-right: auto;
	margin-top:15px;
	width: 98%;
	height: 100px;
	margin-bottom:15px;
	text-align: left;
}

 .user_title {
	float: left; 
	width: 300px;
	height: 100px;
	margin-right: 290px;
	margin-left: auto;
	text-align: left;
  }

 .butt_tip {
	float: left; 
	height: 40px;
	width: 250px;
	text-align: center;
	align-content: center;
	background-color: green;
	margin-right: 10px;
	border-radius: 5px; 
  }

 .butt_drink {
	float: left; 
	height: 40px;
	width: 250px;
	text-align: center;
	align-content: center;
	background-color: blue;
	margin-right: 10px;
	border-radius: 5px; 
  }



 .butt_contactz {
	float: left; 
	height: 40px;
	width: 250px;
	text-align: center;
	align-content: center;
	background-color: blue;
	margin-right: 10px;
	border-radius: 5px;
  }

 .butt_blu_generic {
	float: left; 
	height: 40px;
	width: 250px;
	text-align: center;
	align-content: center;
	background-color: blue;
	margin-right: 10px;
	border-radius: 5px;
	padding-top: 10px; 
    transition: transform 0.2s ease-in-out; /* Smooth scaling effect */ 
  }

 .butt_blu_generic:hover {
    transform: scale(1.1);
		
  }


/* -----------------------------------------  O-Go App Events Videos --------------------------------------------- */

.ogopg {
	margin-left: auto;
	margin-right: auto;
	max-height: 4500px;
	width: 98%;
	margin-bottom: 100px;
	margin-top: 20px;
}


.ogocontent {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 980px;
	text-align: center;
}


 .ogobanner1 {
	height: 300px;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	 background-image: url("../style/devices2.jpg");
  }


 .ogobanner2 {
	height: 100px;
	width: 900px;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	align-content: center;
  }


.ogoitem {
	width: 320px;
	height: 420px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	float: left;
}

.ogoitempic {
	width: 270px;
	height: 330px;
	overflow: hidden;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #B1B1B1;
}


.ogoitems {
	width: 98%;
	height: 450px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


.ogoitemsmalltitle {
	width: 98%;
	height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}


.ogoitemsmall {
	width: 260px;
	height: 150px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	
}

.ogoitembox1 {
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: 10px;
	border: 2px solid #B1B1B1;
	border-radius: 5px;
	float: left;
}


.ogoitembox1x {
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: 10px;
	float: left;
}


.ogoitembox2 {
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: 10px;
	border: 2px solid #B1B1B1;
	border-radius: 5px;
	float: left;
}

.ogoitembox3 {
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: 10px;
	border: 2px solid #B1B1B1;
	border-radius: 5px;
	float: left;
}


.ogoitembox4 {
	width: 50px;
	height: 50px;
	text-align: center;
	margin-left: 10px;
	border: 2px solid #B1B1B1;
	border-radius: 5px;
	float: left;
}



.ogoitemboxnum {
	width: auto;
	height: 10px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.ogoitemboxinfo {
	width: auto;
	height: 15px;
	padding-bottom: 5px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


.everowl {
	float: left;
	margin-left: auto;
	margin-right: auto;
	max-height: 650px;
	width: 50%;
	padding: 5px;
}



/* ----------------------------- Style the nav tab on Events Live Page -----------------------------  */


.tab {
  max-width: 980px;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  max-width: 980px;
  height: auto;
  display: none;
  padding-bottom: 0px;
  border-top: none;
}
 a:link {
	color: #C2C2C2;
}
a:visited {
	color: #C2C2C2;
}
a:hover {
	color: #C2C2C2;
}
a:active {
	color: #C2C2C2;
}


/* ----------------------------- Style the nav tab on Music Page -----------------------------  */


.muzcontent {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 980px;
	text-align: center;
}


/* ----------------------------- Style the nav tab on Music Page -----------------------------  */




.ogonowcontent {
	margin-left: auto;
	margin-right: auto;
	height: auto;
	width: 980px;
	text-align: center;
}



/* ----------------------------- Style Index Header O-Go Page -----------------------------  */



 .ogo_generic_pg {
	max-height: 3300px;
	max-width: 700px;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
  }

 .ogo_hero_left {
	float: left;
	height: 350px;
	width: 48%;
  }

 .ogoitemtitle {
	width: 98%;
	padding-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
  }

 .ogo_hero_left_content {
	float: right;
	margin-top: 100px; 
	height: 350px;
	width: 300px;
	margin-right: 30px;
	padding-top: 150px;
	background-image: url("../style/ogo_hero.png");
	 background-repeat: no-repeat;
  }


 .ogo_hero_right {
	float: right;
	height: 350px;
	width: 48%;
  }


 .ogo_hero_right_content {
	float: left;
	margin-top: 100px; 
	height: 350px;
	width: 500px;
	padding-top: 100px;
  }


.avatarcontainer {
    width: 75px;
    height: 75px;
    border: 2px solid grey;
    border-radius: 50%;
    overflow: hidden;
}



 .ogo_qr_user {
	width:150px;
	height: 150px; 
	margin-right: auto; 
	margin-left: auto;
  }


 .ogo_qr_user_pin {
	width: 100px;
	height: 50px;
	margin-top: 0px; 
	margin-bottom: 20px; 
	margin-right: auto; 
	margin-left: auto;
  }



.photobox_id {
    width: 300px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; 
    border: 1px solid #999999;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("style/picon_default_bg.jpg");
    background-size: cover;  /* Make the image cover the div */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent tiling */
}



.photobox_id img {
    width: 100%;  /* Ensures the image fills the width */
    height: 100%; /* Ensures the image fills the height */
    object-fit: cover; /* Ensures the image covers the entire div */
    border-radius: 5px;
}


 .profile_user_info_content {
	width: 98%;
	max-height: 200px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
  }




 .profile_ratingz {
	width: 98%;
	height: 100px;
	padding-top: 10px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
  }



.profile_bio_info_content{	
	width: 400px;
	min-height: 290px;
	max-height: 320px;
	margin-left: auto;
    margin-right: 200px;
	padding-bottom:20px;
	text-align: left;
}



.profile_services_content {
	display: flex;
	align-items: center;
	margin-left: auto;
    margin-right: auto;
	margin-top:15px;
	width: 98%;
	height: 100px;
	margin-bottom:15px;
	text-align: left;
}


 .profile_user_button_connect {
	width: 98%;
	height: 60px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
  }




 .member_digi_id_box {	
	width: 100%;
	height: 400px;
	margin-right: auto;
	margin-left: auto;	
	margin-top: 0px;	
	margin-bottom: 10px;	 
  }

 .member_digi_id_box_left {
	float: left;
	width: 45%;
	height: 100%;
	margin-top: 60px;
	margin-left: 20px; 
	text-align: center;
  }

 .member_digi_id_box_right {
	float: right;
	width: 45%;
	height: 100%;
	margin-top: 60px; 
	margin-right: 20px; 
	text-align: center; 
  }


.eveflyerpg {
	width: 270px;
	max-height: 4000px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}


.eveflyerbox {
	width: 270px;
	height: 450px;
	padding-top: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}