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

* {
	margin:0;
	padding:0;
		}

body {
	background:url(http://www.ozimals.com/backstage/images/bg.png) repeat-x top #6d91a7;
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#362f2d;
		}

.clear {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
		}
		
#wrap {
	width: 924px;
	height:auto;
	margin:0 auto;
		}
		
#header {
	width:924px;
	height:auto;
	font-size:12px;
	color:#FFFFFF;
		}
		#header a {
			color:#FFFFFF;
			text-decoration:none;
				}
				#header a:hover {
					text-decoration:underline;
						}
		#top_nav {
			float:right;
			text-align:right;
			padding:5px;
				}
		
		#logo {
			float:left;
			height:86px;
			width:310px;
			background:url(http://www.ozimals.com/backstage/images/logo.png) no-repeat;
			margin:0 0 -11px 20px;
				}
		#welcome {
			float:left;
			font-size:12px;
			color:#FFFFFF;
			padding:28px 0 0 10px;
				}
				#welcome a {
					text-decoration:underline;
					color:#FFFFFF;
						}
				#welcome span {
					color:#d0e966;
						}
				#welcome input {
					font-size: 11px;
					color: #333333;
					background: #F7F7F7;
					border: 1px solid #CCCCCC;
					padding-left: 1px;
				}
		
		#banner {
			background:url(http://www.ozimals.com/backstage/images/banner.png) no-repeat;
			width:874px;
			height:313px;
			padding:25px;
			overflow: hidden;
				}
				.ticket {
					width:191px;
					height:45px;
					background:url(http://www.ozimals.com/backstage/images/ticket.png) no-repeat;
					float:right;
					margin:268px 0 0 0;
						}
						.ticket a {
							display:block;
							border:none;
							height:45px;
							width:191px;
							overflow:hidden;
							text-indent:-9999px;
								}

#nav {
	width:831px;
	height:52px;
	margin:0 auto;
		}
		
		#nav .home, #nav .about, #nav .animals, #nav .accessories, #nav .manual, #nav .community, #nav .contact {
			float:left;
			height:52px;
				}
				#nav .home a, #nav .about a, #nav .animals a, #nav .accessories a, #nav .manual a, #nav .community a, #nav .contact a {
					width:inherit;
					height:52px;
					display:block;
					overflow:hidden;
					text-indent:-9999px;
					border:none;
						}
				#nav .home {
					background:url(http://www.ozimals.com/backstage/images/nav1.png) no-repeat;
					width:106px;
						}
				#nav .about {
					background:url(http://www.ozimals.com/backstage/images/nav2.png) no-repeat;
					width:110px;
						}
				#nav .animals {
					background:url(http://www.ozimals.com/backstage/images/nav3.png) no-repeat;
					width:100px;
						}
				#nav .accessories {
					background:url(http://www.ozimals.com/backstage/images/nav4.png) no-repeat;
					width:140px;
						}
				#nav .manual {
					background:url(http://www.ozimals.com/backstage/images/nav5.png) no-repeat;
					width:89px;
						}
				#nav .community {
					background:url(http://www.ozimals.com/backstage/images/nav6.png) no-repeat;
					width:131px;
						}	
				#nav .contact {
					background:url(http://www.ozimals.com/backstage/images/nav7.png) no-repeat;
					width:155px;
						}	
				
#content {
	width:924px;
	height:auto;
		}
		#content .top {
			height:21px;
			width:924px;
			background:url(http://www.ozimals.com/backstage/images/content_t.png) no-repeat;
				}
		#content .bg {
			height:auto;
			width:874px;
			overflow: hidden;
			padding:0 25px;
			background:url(http://www.ozimals.com/backstage/images/content_bg.png) repeat-y;
				}
				#content .bg .left {
					width:285px;
					height:auto;
					float:left;
						}
						#content .bg .left img {
							margin:7px 15px 8px 0;
							border:none;
								}
						#content .bg .left .stats {
							font-weight:bold;
							font-size:14px;
							padding:30px 0 15px 0;
								}
								#content .bg .left .stats span {
									color:#7eba43;
										}
						#content .bg .left .item {
							font-size:12px;
							margin:5px 0;
								}
								#content .bg .left .item h1 {
									font-size:16px;
									color:#7eba43;
									line-height:20px;
										}
								#content .bg .left .item a.title {
									font-size:14px;
									font-weight:bold;
									color:#0099cc;
									text-decoration:underline;
										}
								a.more {
									float:right;
									font-size:14px;
									font-weight:bold;
									color:#0099cc;
									text-decoration:underline;
										}
						#content .bg .left .sep {
							width:256px;
							height:6px;
							margin:0 auto;
							padding:10px 0;
							background:url(http://www.ozimals.com/backstage/images/sep.gif) center no-repeat;
								}
						#content .bg .left h1 {
							font-size:24px;
							font-weight:bold;
							line-height:30px;
								}
						#content .bg .left h2 {
							font-size:18px;
							font-weight:bold;
								}
				#content .bg .right {
					float:right;
					width:580px;
					height:auto;
					padding:20px 0 0 0;
					background:url(http://www.ozimals.com/backstage/images/sep_t.gif) no-repeat top left;
						}
						#content .bg .right .cont {
							background:url(http://www.ozimals.com/backstage/images/sep_b.gif) no-repeat left bottom;
							padding:0 0 20px 20px;
								}
								#content .bg .right .cont h1 {
									color:#0099cc;
									font-size:22px;
									font-weight:bold;
									margin:0 0 10px 0;
										}
						#content .bg .right p {
							margin:0 0 10px 0;
								}
						#content .bg .right .cont .boxes {
							width:580px;
							height:auto;
							padding:10px 0 20px 0;
								}
								#content .bg .right .cont .boxes .feat {
									padding:0 20px 0 0;
									width:260px;
									height:auto;
									float:left;
									font-size:14px;
										}
										#content .bg .right .cont .boxes .feat h1 {
											font-family:Arial, Helvetica, sans-serif;
											font-size:24px;
											font-weight:bold;
											color:#333333;
											margin:0;
											line-height:26px;
												}
										#content .bg .right .cont .boxes .feat h2 {
											font-family:Arial, Helvetica, sans-serif;
											font-size:18px;
											font-weight:normal;
												}
												#content .bg .right .cont .boxes .feat img {
													margin:5px 0;
													border:none;
														}
										#content .bg .right .cont .boxes .feat a.more {
											margin:10px 0 0 0;
											font-family:Arial, Helvetica, sans-serif;
											font-size:12px;
												}
				
				
		#content .bot {
			height:21px;
			width:924px;
			background:url(http://www.ozimals.com/backstage/images/content_b.png) no-repeat;
				}
		#bot_nav {
			width:600px;
			margin:0 auto;
			font-family:"Times New Roman", Times, serif;
			font-size:12px;
			color:#edffc5;
			text-align:center;
				}
				#bot_nav a {
					text-decoration:none;
					color:#edffc5;
						}
						#bot_nav a:hover {
							text-decoration:underline;
								}
				#bot_nav img {
					border:none;
					margin:10px 0;
						}

#footer {
	width:100%;
	min-width:924px;
	height:64px;
	background:url(http://www.ozimals.com/backstage/images/footer.gif) repeat-x;
		}	
		#footer .area {
			margin:0 auto;
			width:924px;
			padding:13px 0;
				}
				#footer .area .left {
					float:left;
					font-size:10px;
					color:#FFFFFF;
						}	
				#footer .area .right {
					font-size:12px;
					color:#c3dfaf;
					float:right;	
					padding:20px 0 0 0;
						}