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

#container {
	background-color:#FFF;
	height:900px;
	width:951px;
	margin-right:auto;
	margin-left:auto;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
}

#header {
	background-image:url(images/header_02.png);
	height:54px;
	width:951;
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#menu{
		width:901px;
		background-image:url(images/nav_bg.jpg);
		height:33px;
		padding-left: 50px;
	}
		#menu ul{
			list-style:none;
			text-align:center;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				padding:0px 0px 0px 0px;
			}
				#menu li a{
					display:block;
					float:left;
				}
					#menu li a span{
						display:none;
					}
					#menu li a:hover{
						text-decoration:none;
					}
				#menu li a.about{
					background:url(images/nav_about.jpg) no-repeat;
					width:160px;
					height:33px;
				}
					#menu li a:hover.about{
						background:url(images/nav_about_hover.jpg) no-repeat;
					}
					
				#menu li a.static{
					background:url(images/nav_static.jpg) no-repeat;
					width:144px;
					height:33px;
				}
					#menu li a:hover.static{
						background:url(images/nav_static_hover.jpg) no-repeat;
					}
					
				#menu li a.motion{
					background:url(images/nav_motion.jpg) no-repeat;
					width:157px;
					height:33px;
				}
					#menu li a:hover.motion{
						background:url(images/nav_motion_hover.jpg) no-repeat;
					}
				#menu li a.web{
					background:url(images/nav_web.jpg) no-repeat;
					width:127px;
					height:32px;
				}
					#menu li a:hover.web{
						background:url(images/nav_web_hover.jpg) no-repeat;
					}
				#menu li a.friends{
					background:url(images/nav_friends.jpg) no-repeat;
					width:156px;
					height:33px;
				}
					#menu li a:hover.friends{
					background:url(images/nav_friends_hover.jpg) no-repeat;
					}


#slideshow {
	width:951px;
	height:507px;
	background:transparent url(images/slide_bg_05.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:887px;
  height:507px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:867px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:507px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:32px;
  height:54px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:235px;
  left:0px;
  background:transparent url(images/arrows_07.jpg) no-repeat 0 0;
}
#rightControl {
  top:235px;
  right:0px;
  background:transparent url(images/arrows_10.jpg) no-repeat 0 0;
}

#footercopyright {
	margin: 0px;
	height: 180px;
	width:951px;
	text-align:center;
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	background-repeat:no-repeat;
	padding:0px;	
}