body {
	background-color: #f8f8f8;
}

h1, h2, h3, h4, h5, h6 { color: #3A3A3A;}

#logo {
	background: transparent url('../images/logo.png') no-repeat top left;
	width: 70px;
	height: 160px;
	text-indent: -1000px;
	cursor: pointer;
}

#logo.root       { background-position: 0px 0px;}
#logo.products   { background-position: 0px -160px;}
#logo.contact_us { background-position: 0px -320px;}
#logo.the_buzz   { background-position: 0px -480px;}
#logo.vip_zone   { background-position: 0px -640px;}
#logo.job        { background-position: 0px -960px;}

#welcome {
  padding-top: 120px;
  padding-bottom: 20px;
}

  #welcome h2,
  #latest_buzz h2 {
  	color: #4B4B4B;
  	width: 370px;
  	padding-left: 5px;
  	height: 32px;
  	border-bottom: 3px solid #800;
  }

  #welcome img {

  }

#latest_buzz {
  margin-top: 80px;
}

  #latest_buzz p {
    clear: both;
  }


#products {
  
  padding-bottom: 200px;
}
  #products .contact_info {
    width: 150px;
    float: right;
    padding: 10px;
    clear: right;
    border: 1px solid #999;
    margin: 20px;
    margin-top: 40px;
    z-index: 10;
    position: relative;
    background-color: white;
  }

  #products .contact_info h5 {
    font-weight: bold;
    margin-bottom: 2px;
  }

  #products .contact_info .name {
    font-weight: bold;
  }

  #products .contact_info .contact {
    font-style: italic;
    font-size: 11px;
  }


  #products .images {
    padding: 10px;
    padding-left: 20px;
    width: 875px;
    position: absolute;
    background-color: #368BD0;
    left: 0px;
    z-index: 0;
  }
  
  #slider {
      position: relative;
  }

    #slider .quote_image {
      float: right;
    }
    #slider .scroll {
        height: 350px;
        width: 755px;
        overflow: auto;
        overflow-x: hidden;
        position: relative;
        float: right;
        border: 1px solid #999;
        background-color: white;
    }
    
    #slider .scroll_buttons {
      margin-top: 35px;
      float: left;   
      cursor: pointer;   
    }

    #slider .scroll_container div.panel {
      padding: 20px;
      width: 715px;
      clear: both;
      min-height: 250px;
    }
    
    #slider ul.navigation {
      width: 100px;
      list-style: none;
      margin: 0;
      padding: 0;
      padding-bottom: 10px;
      float: left;
      width: 183px;
    }
    #slider ul.navigation li {
        margin: 0;
        padding-bottom: 5px;
    }    

    #slider ul.navigation li a {
      overflow: hidden;
      outline: none;
    }    


  #products .product_container {
    position: relative;
    float: left;
    height: 20px;
    width: 184px;
    text-align: left;
    padding-bottom: 10px;
  }
  #products .product_container .product_background {
    width: 184px;
    height: 15px;
    position: absolute;
    z-index: 10;
    display: none;
    
  }

  #products .product_container.active .product_background {
    display: block;
  }


  #products .product_container .product_text a {
    display: block;
    width: 184px;
    height: 20px;
    line-height: 15px;
    color: #000;
    position: absolute;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-shadow: 0 1px 0 #DBDBDB;
    padding-left: 5px;
  }


  #products .product_container .title {
    font-size: 11px;
    overflow: hidden;
    text-align: center;
    width: 200px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    bottom: -10px;
  }
  
  
  #products h2 {
  	color: #4B4B4B;
  	width: 450px;
  	padding-left: 5px;
  	height: 32px;
  	margin-bottom: 10px;
  	border-bottom: 3px solid #0080DB;
  }

  #products .product { 
    width: 80px;
    cursor: pointer;
  }
  
  #products .opac {
    background: none;
  }


#menu {
	list-style: none;
	overflow: hidden;
	float: right;
}
	#menu li {
		float: left;
		margin: 0px;
	}
		#menu li a {
			display: block;
			padding: 115px 5px 5px 10px;
			width: 100px;
			height: 40px;
			color: black;
			font-weight: bold;
			font-size: 12px;
			text-decoration: none;
			vertical-align: bottom;
			background: #f8f8f8 url('../images/menu_background.jpg') no-repeat 0px 155px;
		}
			#menu li.first  a { background-position: 0px 155px;}
			#menu li.second a { background-position: -116px 155px;}
			#menu li.third  a { background-position: -232px 155px;}
			#menu li.fourth a { background-position: -348px 155px;}
			#menu li.fifth  a { background-position: -463px 155px;}
			#menu li.sixth  a { background-position: -695px 155px;}

			#menu.index      li.first  a { color: white; background-position: 0px 0px;}
			#menu.products   li.second a { color: white; background-position: -116px 0px;}
			#menu.contact_us li.third  a { color: white; background-position: -232px 0px;}
			#menu.the_buzz   li.fourth a { color: white; background-position: -347px 0px;}
			#menu.vip_zone   li.fifth  a { color: white; background-position: -463px 0px;}
			#menu.job        li.sixth  a { color: white; background-position: -695px 0px;}

			#menu li.first  a:hover { color: white; background-position: 0px 0px;}
			#menu li.second a:hover { color: white; background-position: -116px 0px;}
			#menu li.third  a:hover { color: white; background-position: -232px 0px;}
			#menu li.fourth a:hover { color: white; background-position: -347px 0px;}
			#menu li.fifth  a:hover { color: white; background-position: -463px 0px;}
			#menu li.sixth  a:hover { color: white; background-position: -695px 0px;}

			
			#menu li a div {
				font-size: 10px;
				font-weight: normal;				
			}
#quote p {
	font-size: 12px;
	font-style: italic;
	color: #404040;
	margin-top: 30px;
	padding: 10px;
	overflow: hidden;
	text-align: center;
}
	#quote p span {
		display: block;
		clear: both;
		font-weight: bold;
		font-size: 10px;
		float: right;
	}

#employees_container #list_container {
	position: relative;
	overflow: hidden;
	padding: 5px 20px 20px 5px;
	margin-top: 30px;
}
	#employees_container #left,
	#employees_container #right {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 19px;
		height: 240px;
		cursor: pointer;
		background: #f8f8f8 url("../images/scroll_left.png") no-repeat center center;
		text-indent: -1000px;
	}
	#employees_container #right {
		left: auto;
		right: 0px;
		width: 25px;
		background: #f8f8f8 url("../images/scroll_right.png") no-repeat center center;
	}

	#employees_container h2 {
		position: absolute;
		top: 0px;
		right: 30px;
		color: #4B4B4B;
		width: 340px;
		padding-left: 5px;
		height: 32px;
		border-bottom: 3px solid #6aad11;
	}
	#small_list {
		padding-top: 50px;
		padding-left: 235px; 
	}
	
		#small_list li a {
			text-align: center;
			cursor: pointer;
		}
	
	#preview_window {
		position: absolute;
		left: 25px;
		top: 5px;
		width: 335px;
		/*-moz-box-shadow: 0 0 5px #4B4B4B;*/
		padding: 5px;
		border: 1px solid #9C9C9C;
		overflow: hidden;
		background-color: #F3F4F8;
	}
	#employees_container .employees {
		overflow: hidden;
		list-style: none;
		position: relative;
		left: 0px;
		width: 2000px;
		margin: 0px;
	}
		#employees_container .employees li {
			float: left;
			position: relative;
			margin: 0px 10px 0px 0px;
		}
			#employees_container .employees li a {
				display: block;
				height: 200px;
				width: 120px;
			}
			#employees_container #preview_window .employees li div {
				width: 390px;
				height: 200px;
			}
			
				#employees_container #preview_window .employees li div h1 {
					color: #6C6C6C;
					font-size: 20px;
					margin-bottom: 5px;
				}

				#employees_container #preview_window .employees li div p {
					margin-top: 0px;
					margin-bottom: 0px;
					padding: 0px;
				}
							
				#employees_container #preview_window .employees li div img {
					border: 1px solid #626262;
					float: left;
					margin-right: 5px;
				}
#map_container h2 {
	color: #4B4B4B;
	width: 340px;
	padding-left: 5px;
	height: 32px;
	border-bottom: 3px solid #6aad11;
}

#footer_container {
	background-color: #990000;
	width: 100%;
	overflow:hidden;
	margin-top: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 60px;
}

#footer_container.root       { background-color: #D93938; }
#footer_container.products   { background-color: #519CD8; }
#footer_container.contact_us { background-color: #5B9A17; }
#footer_container.the_buzz   { background-color: #00BDC6; }
#footer_container.vip_zone   { background-color: #80008B; }
#footer_container.job        { background-color: #BC6626; }


#footer h2 {
	color: #FFF;
	float: right;
	margin-bottom: 0px;
	margin-right: 20px;
}

#popular_movies {
	border-top: 3px solid #FFF;
	padding-top: 20px;
	text-align: center;
}


	#popular_movies img {
		border: 1px solid #000;
	}
	#popular_movies .arrow {
		position: relative;
		top: -40px;
		padding: 0px 10px;
		border: 0;
	}
	
.bubbleInfo {
}
  .trigger {

  }

/* Bubble pop-up */

  .bubbleInfo .popup {
    position: absolute;
    z-index: 50;
    border-collapse: collapse;
    display: none;
    width: 300px;
  }

  .bubbleInfo .popup td.corner {
    height: 15px;
    width: 19px;
  }

  .bubbleInfo .popup td.topleft     { background-image: url('/images/bubble/top_left.png'); }
  .bubbleInfo .popup td.top         { background-image: url('/images/bubble/top.png'); }
  .bubbleInfo .popup td.topright    { background-image: url('/images/bubble/top_right.png'); }
  .bubbleInfo .popup td.left        { background-image: url('/images/bubble/left.png'); }
  .bubbleInfo .popup td.right       { background-image: url('/images/bubble/right.png'); }
  .bubbleInfo .popup td.bottomleft  { background-image: url('/images/bubble/bottom_left.png'); }
  .bubbleInfo .popup td.bottom      { background-image: url('/images/bubble/bottom.png'); text-align: center;}
  .bubbleInfo .popup td.bottom img  { display: block; margin: 0 auto; }
  .bubbleInfo .popup td.bottomright { background-image: url('/images/bubble/bottom_right.png'); }


  .bubbleInfo .popup td.content div {
      overflow-y: auto;
      overflow-x: hidden;
      width: 260px;
      height: 200px;
      padding: 0px;
      margin: 0px;
      font-size: 12px;
      line-height: 1.2em;
      background-color: #FFF;
      color: #666;
      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
    }