/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:url(images/top-tail1.gif) top center repeat-x #fff; text-align:center;}
.top-tail{
	background:url(images/top-tail.gif) top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}
.top-tail2{ background:url(images/top-tail3.gif) top left repeat-x; position:absolute; width:50%; right:0; height:422px;}
.top-tail3{ background:url(images/top-tail2.gif) top left repeat-x; position:absolute; width:50%; right:0; height:278px;}
.top-bg{ background:url(images/top-bg.jpg) top center no-repeat; position:relative;}
.bot-tail{ background:url(images/bot-tail.gif) bottom repeat-x;}

img {vertical-align:top;}
a img { border:0;}
ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.333em; color:#969696;}
input, select { vertical-align:middle; font-weight:normal;}

a {color:#2392c2; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:16px;}
cite{ font-style:normal; display:block;}

h3{ font-size:1.667em; line-height:1.2em;}
h3 em{ display:block; font-style:normal; margin-top:-4px;}
h3 strong{ text-transform:uppercase;}
h4{ font-size:2.5em; line-height:1.2em; color:#a1a06d; padding-bottom:12px;}
#content strong{ display:block; padding-bottom:8px}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:11px;}
.space1{ margin-left:7px;}
.padding1{ padding-top:20px;}
.padding2{
	padding-top:8px;
}

/* ============================= header ====================== */
object{ vertical-align:top; outline:none;}

/* ============================= content ====================== */
.indent-bottom1{ padding-bottom:22px;}
.indent-bottom2{ padding-bottom:40px;}
.indent{ padding:18px 17px 0 27px;}
.column-2, .column-3{ margin-left:7px;}
.column-koi{ margin-left:0px;}

.link{ display:block; float:right; text-transform:uppercase; margin-top:10px; border-bottom:solid 1px #8bc0d5; text-decoration:none;}
.link:hover{ border-bottom:none;}
.link1{ font-weight:bold; background:url(images/link1-bg.gif) no-repeat right 5px; padding-right:16px; display:inline-block; margin-top:8px;}
.link2{ display:block; float:right; text-transform:uppercase; text-decoration:none; padding:1px 23px 3px 0; margin:7px 0 0 0; background:url(images/box4-link-bg.gif) right top no-repeat; color:#c21018;}
.link2:hover{ color:#969696;}

.unline{ border-bottom:solid 2px #e8e8d0; padding-bottom:18px; margin-bottom:22px;}
.unline1{ border-bottom:solid 2px #e8e8d0; padding-bottom:8px;}
.unline2{ border-bottom:solid 2px #e8e8d0; padding-bottom:30px;}
.unlinekoi{ border-bottom:solid 2px #e8e8d0; padding-bottom:30px; margin-left:25px}
.clients a{ display:inline-block; margin:0 5px 5px 0;}
.text1{ display:block; font-size:1.167em; line-height:1.429em; padding-top:2px;}

.box{ background:url(images/box-bg.gif) no-repeat 0 0; padding:18px 8px 0 27px; color:#2392c2;}
.box h4{
	color:#2392c2;
	font-family: Arial, Helvetica, sans-serif;
}
.box strong{ color:#2392c2;}

.BuyNow a{ color:#a1a06d; text-decoration:none;}
.BuyNow a:hover{color:#a1a06d; font-weight:bold; text-decoration:underline}

.list{ margin:-3px 0 0 0;}
.list li{ line-height:1.833em; background:url(images/link1-bg.gif) no-repeat 0 8px; padding-left:19px;}
.list a{ color:#969696; font-weight:bold;}

/* ============================= footer ====================== */
#footer{ width:100%; overflow:hidden; color:#a1a06d;}
#footer .menu{ float:right; margin:13px -8px 0 0;}
#footer .menu li{ float:left; padding-left:15px;}
#footer .menu a{ color:#a1a06d; font-weight:bold; text-decoration:none; display:inline-block; margin-right:15px;}
#footer .menu a:hover, #footer .menu .active{ text-decoration:underline;}

#footer p{ float:right; font-size:1.167em; padding:10px 8px 0 0;}
#footer p a{ color:#a1a06d; text-decoration:none;}
#footer p a:hover{ text-decoration:underline;}

/* ============================= Koi Page ====================== */
#KoiPage{ width:100%; overflow:hidden; color:#c21018;}
#KoiPage .koimenu{ float:right; margin:13px -8px 0 0;}
#KoiPage .koimenu li{ float:left; padding-left:14px;}
#KoiPage .koimenu a{ color:#c21018; font-weight:bold; text-decoration:none; display:inline-block; margin-right:10px;}
#KoiPage .koimenu a:hover, #KoiPage .koimenu .active{ text-decoration:underline;}

#KoiPage p{ float:right; font-size:1.167em; padding:10px 8px 0 0;}
#KoiPage p a{ color:#a1a06d; text-decoration:none;}
#KoiPage p a:hover{ text-decoration:underline;}

/* ============================= forms ============================= */
#ContactForm{ padding-top:3px;}
#ContactForm label{ display:block; height:30px;}
#ContactForm input{ border:solid 1px #d1d1d1; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#969696; padding:2px 2px 1px 3px; width:185px;}
#ContactForm textarea{ border:solid 1px #d1d1d1; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#969696; padding:2px 2px 1px 3px; width:185px; height:200px; overflow:auto;}
#ContactForm .link{ float:right; margin:13px 3px 0 10px;}

/* ============================= ButtonAsLink ============================= */
		.buttonAsLink{
			float:                  right;
			color: 					#c21018;
			background: 			transparent;
			padding: 				0;			/* Pad link on top and bottom (not on the side, this removes the border */
			border-width:			0;  
			cursor:					pointer;
			width: 					135px;
			height:					100%;			/* Opera needs this */
			}
		.buttonAsLink_hover {
			float:                  right;
			color: 					#c21018;
			background: 			transparent;
			font-weight:			bold;
			padding: 				0;			/* Pad link on top and bottom (not on the side, this removes the border */
			border-width:			0;
			text-decoration: underline;
			cursor:					pointer;
			width: 					135px;
			height:					100%;			/* Opera needs this */
		}