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

*{
			margin-left: auto;
	margin-right: auto;
}

body{
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #373738;
		font-size: 12px;
		background-image: url(images/bg.jpg);
		background-repeat:repeat;
		background-color: #121516;
		padding-top: 0px;
		line-height: 15px;

		}

	a img{
 		border:0;
 		outline:none;
		}

	a:link{
		color: #a51313;
		font-weight: none;
		text-decoration:none;
		}

	a:visited{
		text-decoration: none;
		color: #a51313;
		}

	a:hover{
		text-decoration: underline;
		color: #121516;
		}

	a:active {
		text-decoration: none;
		color: #a51313;
		}


#container{
	width: 902px;
	min-height:100%;
   position:relative;
	}
	

#header_home{
	width: 902px;
	height: 167px;
	background-image:url(images/header_div.jpg);
	}
	
#logo_tree{
	width: 419px;
	height: 167px;
	float: left;
	}

#navigation{
	width: 902px;
	height: 54px;
	float: left;
	}

.navigation{
	float: left;
	border-style: none;
	margin:0px;
	}
	
#padding{
	float:left;
	width: 71px;
	height: 54px;
	}
	
#content_left{
	float: left;
	width: 307px;
	height: 235px;
	background-image:url(images/content_div.jpg);
	padding-left: 113px;
	padding-top: 35px;
	padding-right: 25px;
	}
	
#content_left3{
	float: left;
	width: 307px;
	height: 252px;
	background-image:url(images/content_div.jpg);
	padding-left: 113px;
	padding-top: 18px;
	padding-right: 25px;
	}
	
#content_leftcontainer{
	float: left;
	width: 399;
	height: 270px;
	}

#content_left2{
	float: left;
	width: 285px;
	height: 235px;
	background-image:url(images/content_div2.jpg);
	padding-top: 35px;
	padding-left: 40px;
	}
	
#socialnet{
	float: left;
	width: 74px;
	height: 155px;
	padding-top: 115px;
	}
	
#content_right_bg{
	float: left;
	width: 301px;
	height: 225px;
	padding-top: 45px;
	padding-left: 10px;
	padding-right: 134px;
	background-image:url(images/rightcontent_div_bg.jpg);
	}
	
#content_right_bg3{
	float: left;
	width: 301px;
	height: 245px;
	padding-top: 25px;
	padding-left: 10px;
	padding-right: 134px;
	background-image:url(images/rightcontent_div_bg3.jpg);
	}
	
#content_right_bg2{
	float: left;
	width: 503px;
	height: 270px;
	background-image:url(images/rightcontent_div_bg2.jpg);
	}
	
#divider{
	float: left;
	width: 902px;
	height: 18px;
	}

	
#subcontainer{
	float: left;
	width: 902px;
	height: auto;
}

#leftsub{
	float: left;
	width: auto;
	height: 52px;
	}
	
#leftsub2{
	float: left;
	width: 802px;
	height: 52px;
	padding-left: 100px;
	}
	
#footer{
 	float: left;
 	height: 32px;
	width: 902px;
	padding-top: 4px;
	text-align:center;
 	}
	
.footer{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	}
	
.sub{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a51313;
	font-size: 17px;
	font-weight: bold;
	}

.bold{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a51313;
	font-size: 13px;
	font-weight: bold;
	font-style:italic;
	}
	
.red{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #a51313;
	font-size: 11px;
	font-weight: bold;
	}
	
.bold3{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	}
	
.bold2{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	font-style:italic;
	padding-left: 10px;
	}
	
.number{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #a51313;
	}

.link{
	padding-left: 30px;
	}
	
.link2{
	padding-left: 11px;
	}
	



#shop_slideshow {
    float:left;
    height:254px;
	width:902px;
	position:relative;

}

#shop_slideshow IMG {
	position:absolute;
	float:left;
	top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#shop_slideshow IMG.active {
	position:absolute;
    z-index:10;
    opacity:1.0;
}

#shop_slideshow IMG.last-active {
	z-index:9;

}

#leftbox_charlie{
	float:left;
	width: 425px;
	height: 412px;
	}
	
#box_friends{
	float:left;
	width: 902px;
	height: 190px;
	}


#leftboxa_charlie{
	float: left;
	background-image:url(images/leftboxa_charlie.jpg);
	height: 196px;
	width: 262px;
	padding-left: 113px;
	padding-right: 50px;
	padding-top: 32px;
}

#leftbox_friends{
	float: left;
	background-image:url(images/leftboxa_friends.jpg);
	height: 160px;
	width: 259px;
	padding-left: 120px;
	padding-right: 46px;
	padding-top: 25px;
}

#rightbox_friends{
	float: left;
	background-image:url(images/rightbox_friends.jpg);
	height: 166px;
	width: 298px;
	padding-left: 75px;
	padding-right: 52px;
	padding-top: 19px;
}

#leftboxb_charlie{
	float:left;
	background-image:url(images/leftboxb_charlie.jpg);
	height: 151px;
	width: 262px;
	padding-left: 113px;
	padding-right: 52px;
	padding-top: 34px;
}

#leftboxb_friends{
	float:left;
	background-image:url(images/leftboxb_friends.jpg);
	height: 171px;
	width: 275px;
	padding-left: 105px;
	padding-right: 45px;
	padding-top: 22px;
}

#rightbox_charlie{
	background-image:url(images/rightbox_charlie.jpg);
	float: left;
	width: 477px;
	height: 412px;
}

#getintouch_div{
	background-image:url(images/getintouch_div.jpg);
	float: left;
	width: 477px;
	height: 412px;
}

#intouch_left{
	float: left;
	width: 273px;
	height: 377px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top:35px;
	background-image:url(images/getintouch_left.jpg);
	
	}
	
#intouch_right{
	float: left;
	width: 104px;
	height: 238px;
	padding-top: 174px;
	background-image: url(images/intouch_rightdiv.jpg);
	
}



.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 0px;
border: none;
visibility: hidden;
color: none;
text-decoration: none;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.dot{
	color:#d2c9ac;
}