@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
	}
img, div, input { behavior: url("iepngfix.htc"); }

body{
	background:#92d6e9 url(../images/sky.jpg) repeat-x left top;	
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:white;
	}
p{
	margin:15px;
	text-align:center;
	}
ul, ul li{
	list-style-type:square;
	}
.alignleft{
	float:left;
	}	
#page{
	background:#92d6e9 url(../images/Fruitless_site_bg.jpg) center top no-repeat;
	margin:0 auto;
	width:100%;height:700px;
	}
#center_container{	
	width:650px;
	height:630px;
	margin:0 auto;
	position:relative;	
	}
#leaf_frame{
	background:url(../images/leaf_frame.png) center top no-repeat;
	position:absolute;
	z-index:1;
	width:100%;
	height:630px;	
	}
#content{
	height:509px;
	}
#home #content{
	background:url(../images/tree_center.jpg) center 177px no-repeat;
	}
#title{
	padding:105px 0px 0px 0px;
	display:block;
	overflow:hidden;
	background:url(../images/fruitless_logo.jpg) center top no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:105px; /* for IE5.5's bad box model */
	width:100%;
	}
#title:hover{
	background-position:center -105px;
	cursor:pointer;
	}
#small{
	position:absolute;
	left:0;	
	color:#ffffff;
	}
#small:hover p{
	color:#ffffff;
	}
#small p{
	text-align:right;
	margin:0;
	margin-right:20px;
	color:#5bc023;
	}
#watch_nav{
	position:relative;
	padding-top:105px;
	}
#small_btn{	
	display:block;
	height:86px;
	width:281px;
	background:url('../images/watchsmall_btn.jpg') no-repeat center top;
	text-indent:-10000em;
	}
#small:hover #small_btn{
	background-position: center -86px;
	}
#large{
	position:absolute;
	left:388px;
	}
#large:hover p{
	color:#ffffff;
	}
#large p{
	margin:0;
	text-align:left;
	margin-left:6px;
	color:#5bc023;
	}
#large_btn{
	display:block;
	height:86px;
	width:262px;
	background:url('../images/watchhd_btn.jpg') no-repeat center top;
	text-indent:-10000em;
	}
#large:hover #large_btn{
	background-position: center -86px;
	
	}
/*-------------navigation-----------*/
#navigation{
	clear:both;
	height:71px;

	}
#watch_btn{
	background:url(../images/watch_btn.jpg) no-repeat center top;
	height:71px;
	width:128px;
	float:left;
	margin-left:87px;	
	text-indent:-1000em;
	}
#watch_btn:hover, #home #watch_btn{
	background-position:center -71px;
	cursor:pointer;
	}
	
#about_btn{
	background:url(../images/about_btn.jpg) no-repeat center top;
	height:71px;
	width:110px;
	float:left;
	text-indent:-1000em;
	}
#about_btn:hover, #about #about_btn{
	background-position:center -71px;
	cursor:pointer;
	}
#about #about_btn{
	cursor:auto;
	}
#gallery_btn{
	background:url(../images/gallery_btn.jpg) no-repeat center top;
	height:71px;
	width:139px;
	float:left;
	
	text-indent:-1000em;
	}
#gallery_btn:hover, #gallery #gallery_btn{
	background-position:center -71px;
	cursor:pointer;
	}
#gallery #gallery_btn{
	cursor:auto;
	}
#wallpaper_btn{
	background:url(../images/wallpaper_btn.jpg) no-repeat center top;
	height:71px;
	width:148px;
	float:left;
	
	text-indent:-1000em;
	}
#wallpaper_btn:hover, #wallpaper #wallpaper_btn{
	background-position:center -71px;
	cursor:pointer;
	}
#wallpaper #wallpaper_btn{
	cursor:auto;
	}
/*-------------Logos and Legal----------------*/
#logo_legal{
	clear:both;
	background:url(../images/footer_bg.jpg) center bottom no-repeat;
	padding-left:272px;
	height:120px;
	}
#logo_Make{
	padding:64px 0px 0px 0px;
	display:block;
	overflow:hidden;	
    background:url(../images/logo_Make.jpg) no-repeat left top ;
	height: 0px !important; /* for most browsers */
    height /**/:64px; /* for IE5.5's bad box model */
	width:53px;
	float:left;
	}
#logo_Make:hover{
	background-position:left -64px;
	cursor:pointer;
	}
	#logo_Horner{
	padding:64px 0px 0px 0px;
	display:block;
	overflow:hidden;	
    background:url(../images/logo_Horner.jpg) left top no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:64px; /* for IE5.5's bad box model */
	width:73px;
	float:left;
	}
#logo_Horner:hover{
	background-position:left -64px;
	cursor:pointer;
	}
	#legal{display:none;}
/*--------------------video pages------------------------*/
#video{
	margin-top:40px;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	letter-spacing:.05em;
	}
#video a{
	color:#ffffff;
	text-decoration:none;
	}
#video a:hover{
	color:#20acd0;
	}
#video #foot_links{
	position:absolute;
	bottom:015px;
	height:35px;
	text-align:center;
	width:100%;
	}
	
/*------------------wallpaper page-------------------*/
.wallThumb{float:left;width:216px;margin-bottom:12px;}
.wallThumb img{float:left;margin-right:2px;}
#wallpaper{line-height:120%;font-size:75%;}
#wallpaper a{	
	color:white;
	font-weight:bold;
	text-decoration:none;
	}
	
#wallpaper a:hover{
	color:#5bc023;
	}
	
#foot_links{
line-height:150%;
	}
#make_link{
	background:url(../images/tiny_make_logo.jpg) no-repeat left 1px;
	padding-left:16px;
	}
#make_link:hover{
	background-position:left -15px;
	}