/* Coded by Vizon Media http://VizonMedia.com */

/* MAIN ELEMENTS */
body {
	background: url("images/header.gif") repeat-x;
	font: normal 12px 'trebuchet ms', arial, tahoma;
	color: #92b680;
}


#container {
	width: 710px;
	height: auto;
	margin: 0 auto;
}


* {
	margin: 0; padding: 0;
}
.clear {
	clear: both; 
}


/* END MAIN ELEMENTS */

/* HEADER ELEMENTS */

	#start {
		width: 10px;
		height: 156px;
		background: url("images/start.gif") no-repeat;
		float: left;
	}

	#head {
		width: 690px;
		height: 156px;
		background: url("images/head.gif") repeat-x;
		float: left;
	}

		#logo {
			width: 165px;
			height: 127px;
			background: url("images/logo.gif") no-repeat;
			float: left;
		}

			#logo a {
				width: 128px;
				height: 127px;
				display: block;
				text-indent: -10000px;
				outline: none;
				margin-left: 22px;
			}

		#right-side {
			width: 500px;
			float: right;
			padding-right: 18px;
		}

			/* TOP NAVIGATION ELEMENTS */

			#nav1 {
				list-style: none;
				color: #fff;
				margin-top: 16px;
				font-size: 13px;
				float: right;
			}
				#nav1 li {
					margin-left: 5px;
					float: left;
				}

					#nav1 li a {
						color: #fff;
						text-decoration: none;
					}

						#nav1 li a:hover {
							color: #fff;
							text-decoration: underline;
						}
			/* END TOP NAVIGATION ELEMENTS */

			/* BOTTOM NAVIGATION ELEMENTS */

			#nav2 {
				width: 335px;
				list-style: none;
				margin-top: 52px;
				float: right;
				font-size: 14px;
			}

				#nav2 li a {
					text-align: center;
					text-decoration: none;
				}

					#nav2 li {
						float: left;
					}

				#home {
					width: 38px;
					background: url("images/home.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #f0551d;	
					margin-right: 28px;

				}

				#search {
					width: 75px;
					background: url("images/search.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #f0551d;	
					margin-right: 28px;
				}

				#how {
					width: 85px;
					background: url("images/how.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #f0551d;
					margin-right: 28px;
				}

				#contact {
					width: 52px;
					background: url("images/contact.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #f0551d;
				}

				#home2 {
					width: 38px;
					background: url("images/home2.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #4e8830;	
					margin-right: 28px;

				}

				#search2 {
					width: 75px;
					background: url("images/search2.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #4e8830;	
					margin-right: 28px;
				}

				#how2 {
					width: 85px;
					background: url("images/how2.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #4e8830;
					margin-right: 28px;
				}

				#contact2 {
					width: 52px;
					background: url("images/contact2.gif") no-repeat;
					padding-top: 18px;
					float: left;
					color: #4e8830;
				}

			/* END BOTTOM NAVIGATION ELEMENTS */
					
	#end {
		width: 10px;
		height: 156px;
		background: url("images/end.gif") no-repeat;
		float: left;
	}

/* END HEADER ELEMENTS */

/* CONTENT ELEMENTS */

	#content {
		width: 678px;
		height: auto;
		background: url("images/content.gif") repeat-y;
		padding: 14px 0 14px 32px;
	}

		#left {
			float: left;
			margin-right: 26px;
		}

		#center {
			float: left;
		}

		/* LEFT SIDE ELEMENTS */

			#member {
				width: 180px;
				height: 35px;
				background: url("images/member.gif") no-repeat;
				text-indent: -10000px;
			}

			#top {
				width: 180px;
				height: 35px;
				background: url("images/top.gif") no-repeat;
				text-indent: -10000px;
				margin-top: 12px;
			}



			#cont {
				width: 148px;
				height: auto;
				background: url("images/cont.gif") repeat-y;
				padding: 8px 16px 0 16px;
				text-align: justify;
				color: #92b680;
			}

				#cont span {
					float: left;
					margin-top: 6px;
				}
	
				#checks {
					float: left;
					margin: 8px 5px 0 0;
				}
			.cont {
				width: 148px;
				height: auto;
				background: url("images/cont.gif") repeat-y;
				padding: 8px 16px 0 16px;
				text-align: justify;
				color: #f7641c;
			}			
				.cont a {
					color: #f7641c;
				}

				#none {
					list-style: none;
					margin: 8px 0 40px 16px;
				}
					#none li {
						margin-top: 5px;
					}
					
						#none li a {
							color: #92b680;
						}

				#sites {
					list-style: none;
				}
					#sites li {
						padding-top: 7px;
					}

						#sites li a { 
							color: #92b680;
							background: url("images/grey.gif") no-repeat;
							padding-left: 14px;

						}

							#sites li a:hover { 
								color: #f7641c;
								background: url("images/oran.gif") no-repeat;
								padding-left: 14px;
							}
	
				#logout {
					width: 68px;
					height: 30px;
					background: url("images/logout.gif") no-repeat;
					display: block;
					float: right;
				}
				
				#login {
					width: 68px;
					height: 30px;
					background: url("images/login.gif") no-repeat;
					display: block;
					margin-top: 12px;
					float: right;
				}

				.login2 {
					width: 125px;
					height: 18px;
					background: #f8fbfc;	
					border-left: 2px solid #d5e2eb;
					border-top: 2px solid #d5e2eb;
					border-bottom: 1px solid #f1f5f8;
					border-right: 1px solid #f1f5f8;
					margin-bottom: 6px;
					padding-top: 2px;
				}

			.foot {
				width: 180px;
				height: 20px;
				background: url("images/m-foot.gif") no-repeat;
			}


		/* END LEFT SIDE ELEMENTS */


		/* CENTER ELEMENTS */

			#welcome {
				width: 441px;
				height: 35px;
				background: url("images/welcome.gif") no-repeat;
				text-indent: -10000px;
			}

			#cats {
				width: 441px;
				height: 35px;
				background: url("images/cats.gif") no-repeat;
				text-indent: -10000px;
				margin-top: 12px;
			}

			#how_to {
				width: 441px;
				height: 35px;
				background: url("images/how_to.gif") no-repeat;
				text-indent: -10000px;
			}

			#import_plug {
				width: 441px;
				height: 35px;
				background: url("images/import_plug.gif") no-repeat;
				text-indent: -10000px;
				margin-top: 12px;
			}

				#imp {
					color: #f7641c;
					font-size: 14px;
					font-weight: bold;
					float: right;
					margin: 39px 10px 0 0;
				}

				#input {
					width: 340px;
					height: 23px;
					background: #ebf9f3;
					border: 1px solid #bae3d1;
					float: right;
					padding-top: 3px;
					margin-top: 35px;
				}

				#import_button {
					width: 67px;
					height: 29px;
					background: url("images/import.gif") no-repeat;
					border: 0;
					float: right;
					margin-top: 8px;
				}

			#how_ex {
				width: 441px;
				height: 35px;
				background: url("images/ex_xml.gif") no-repeat;
				text-indent: -10000px;
				margin-top: 12px;
			}

			#export_plugs {
				width: 441px;
				height: 35px;
				background: url("images/export_plugs.gif") no-repeat;
				text-indent: -10000px;
				margin-top: 12px;
			}

				#export_button {
					width: 67px;
					height: 29px;
					background: url("images/export.gif") no-repeat;
					border: 0;
					float: right;
					margin-top: 8px;
				}
				.input {
					width: 340px;
					height: 23px;
					background: #ebf9f3;
					border: 1px solid #bae3d1;
					float: right;
					padding-top: 3px;
					margin-top: 6px;
				}
				.box {
					float: right;
					margin: 14px 14px 0 0;
				}

			#searchit {
				width: 441px;
				height: 35px;
				background: url("images/search-head.gif") no-repeat;
				text-indent: -10000px;
				margin-top: 12px;
			}
				#search-b {
					width: 67px;
					height: 29px;
					background: url("images/search-b.gif") no-repeat;
					border: 0;
					float: right;
					margin: 8px 0 14px 0;
				}

			#signup {
				width: 441px;
				height: 32px;
				background: url("images/signup.gif") no-repeat;
				text-indent: -10000px;
				margin-top: 12px;
			}

				.input2 {
					width: 254px;
					height: 18px;
					background: #f8fbfc;	
					border-left: 2px solid #d5e2eb;
					border-top: 2px solid #d5e2eb;
					border-bottom: 1px solid #f1f5f8;
					border-right: 1px solid #f1f5f8;
					float: right;
					margin: 6px 30px 0 0;
					padding-top: 2px;
				}

				.input3 {
					width: 26px;
					height: 18px;
					background: #f8fbfc;	
					border-left: 2px solid #d5e2eb;
					border-top: 2px solid #d5e2eb;
					border-bottom: 1px solid #f1f5f8;
					border-right: 1px solid #f1f5f8;
					float: right;
					margin: 6px 15px 0 0;
					padding-top: 2px;
				}

				.input4 {
					width: 62px;
					height: 18px;
					background: #f8fbfc;	
					border-left: 2px solid #d5e2eb;
					border-top: 2px solid #d5e2eb;
					border-bottom: 1px solid #f1f5f8;
					border-right: 1px solid #f1f5f8;
					float: right;
					margin: 6px 134px 0 0;
					padding-top: 2px;
				}

				#drop {
					float: right;
					margin: 6px 193px 0 0;
				}

				#confirm {
					width: 105px;
					color: #373737;
					float: right;
					margin: 8px 12px 0 0;
				}

				.texts {
					color: #373737;
					float: right;
					margin: 8px 12px 0 0;
				}

				#tos {
					width: 270px;
					height: auto;
					float: right;
					text-align: justify;
					margin: 15px 0 15px 0;
					color: #458d18;
				}

				#submit {
					width: 67px;
					height: 29px;
					background: url("images/submit.gif") no-repeat;
					border: 0;
					margin: 15px 35px 0 25px;
					float: right;
				}

			#footiner {
				width: 441px;
				height: 44px;
				background: url("images/footiner.gif") no-repeat;
			}

			#footar {
				width: 455px;
				height: 68px;
				background: url("images/footar.gif") no-repeat;
			}					

			.cont2 {
				width: 409px;
				height: auto;
				background: url("images/cont2.gif") repeat-y;
				padding: 8px 16px 0 16px;
				text-align: justify;
			}

				.rel {
					width: 41px;
					height: 29px;
					background: url("images/box.gif") no-repeat;
					float: left;
					color: #fff;
					padding-top: 12px;
					text-align: center;
					margin-top: 4px;
				}
	
				.bocks {
					width: 346px;
					height: auto;
					float: right;
				}

				.cont2 h2, .orang {
					font-size: 13px;
					font-weight: bold;
					color: #f7641c;
				}

					.orang {
						float: left;
						margin-top: 10px;
					}

					.gren {
						float: left;
						margin: 10px 0 0 3px;
						color: #458e18;
					}

				.dark {
					color: #4e4e4e;
				}

				.dark2 {
					color: #4e4e4e;
					padding-bottom: 12px;
				}

					.more {
						width: 61px;
						height: 22px;
						background: url("images/more.gif") no-repeat;
						display: block;
						float: right;
					}

					.visit {
						width: 61px;
						height: 22px;
						background: url("images/visit.gif") no-repeat;
						display: block;
						float: right;
						margin-right: 9px;
					}

					.add {
						width: 61px;
						height: 22px;
						background: url("images/add.gif") no-repeat;
						display: block;
						float: right;
						margin: 0 9px 16px 0;
					}

				.cont2 h3 {
					font-size: 12px;
					font-weight: bold;
					color: #f7641c;
					background: url("images/dot.gif") no-repeat;
					padding-left: 12px;
				}

				.orange, #tos a {
					font-size: 12px;
					font-weight: bold;
					color: #f7641c;
				}
				.orange2 {
					font-size: 12px;
					font-weight: bold;
					color: #f7641c;
					text-decoration: none;
				}

				.green {
					color: #92b680;
					text-decoration: none;
				}


					.cont2 ul {
						list-style: none;
						margin: 0 0 13px 16px;
					}

							.cont2 ul li a {
								color: #92b680;
								text-decoration: none;
							}

				#lefty {
					width: 199px;
					height: auto;
					float: left; 
					border-right: 1px dotted #e8e8e8;
				}

				#righty {
					width: 199px;
					height: auto;
					float: right;
					margin-left: 10px
				}


			.footing2 {
				width: 441px;
				height: 20px;
				background: url("images/foot21.gif") no-repeat;
			}

/* END CONTENT ELEMENTS */

/* FOOTER ELEMENTS */

	#footer {
		width: auto;
		height: 49px;
		background: url("images/footer.gif") repeat-x;
		color: #fff;
		padding-left: 2px;
	}
		#foot2 {
			width: 652px;
			height: 49px;
			background: url("images/foot2.gif") repeat-x;
			margin: 0 auto;
			padding: 0 24px;
		}

			#foot2 ul {
				list-style: none;
				float: left;
				margin-top: 15px;
			}

				#foot2 ul li {
					float: left;
					margin: 5px 5px 0 0;
				}

					#foot2 ul li a {
						color: #fff;
						text-decoration: none;
					}

						#foot2 ul li a:hover {
							color: #fff;
							text-decoration: underline;
						}
			#foot2 h1 {
				width: 86px;
				height: 43px;
				display: block;
				background: url("images/flogo.gif") no-repeat;
				float: right;
			}

				#foot2 h1 a {
					width: 86px;
					height: 43px;
					display: block;
					text-indent: -10000px;
					outline:  none;
				}