/*
-----------------------------------------------
kimmariedesigns.net main styles
Author:   Jon Julsrud
date:  May 2007
----------------------------------------------- */

body {margin: none;
		padding: none;
 background-image: url(/img/css/kmd_background_lightpink.jpg);
	}

html>body {
	font-size:small;
	}

/*----------- Home Page ----*/

#homepage
	{position:relative;
		background-image: url(/img/css/gray.jpg);
		top: 50px;
		padding: 0;
		margin: 0;
		width: 675px;
		height: 550px;
		border-style: outset;
		border-color: #000000;
		border-left-style: ridge;
		border-left-color: #999999;
		border-top-style: ridge;
		border-top-color: #999999;
				 }


/*--------------- base page --------------*/

#page { position: relative;
		top: 0px;
		width: 1005px;
		height: 870px;
		background-repeat: repeat;
		background-image: url(/img/css/gray.jpg);
		padding: 0;
		margin: 0;
		border-style: outset;
		border-color: #000000;
		border-left-style: ridge;
		border-left-color: #999999;
		border-top-style: ridge;
		border-top-color: #999999;
		background-color: #CCCCCC;
		}


#topbanner {position: absolute;
			top: 1px;
			left: 1px;
			padding: 0;
			margin: 0;
			height: 165px;
			width: 700px;
			z-index: 2;
			}

#keys {position: absolute;
			visibility: hidden;
			top: 1px;
			left: 1px;
			padding: 0;
			margin: 0;
			height: 165px;
			width: 600px;
			z-index: 1;
			}
 

#checkoutbanner {position: absolute;
			top: 1px;
			left: 1px;
			padding: 0;
			margin: 0;
			height: 165px;
			width: 1005px;
			z-index: 1;
			}

#scrolldown {position: relative;
			top: 390px;
			left: 355px;
			width: 175px;
			text-align: right;
			font-size: 12px;
		font-style: italic;
		color: #663300;
	}


#bottom {	position: absolute;
		top: 785px;
		width: 950px;
		height: 50px;
		padding: 0;
		margin:	0;
		background-color: #999999;}


#name {position: absolute;
		padding: 0;
		margin: 0;
		left: 100px;
		bottom: 150px;
			z-index: 5;
			}

#picture {position: absolute;
		border-style: ridge;
		border-color: #CCCCCC;
			top: 180px;
			left: 80px;
			width: auto;
			height: 550px;
		background-color: #FFFFFF;
			z-index: 1;
			}

#description {position: absolute;
			top: 410px;
		  right: 10px;
			width: 350px;
			z-index: 10;
				}


/*----------- echange (chains) home page ----------*/

#echangepage
	{position: absolute;
		background-image: url(/img/css/gray.jpg);
		top: 90px;
		left: 85px;
		padding: 0;
		margin: 0;
		width: 675px;
		height: 650px;
		
				 }

#chainpage { position: absolute;
		top: 0px;
		width: 1005px;
		height: 960px;
		background-repeat: repeat;
		background-image: url(/img/css/gray.jpg);
		padding: 0;
		margin: 0;
		border-style: outset;
		border-color: #000000;
		border-left-style: ridge;
		border-left-color: #999999;
		border-top-style: ridge;
		border-top-color: #999999;
		background-color: #CCCCCC;
		}


			

#chain {position: absolute;
			top: 295px;
			left: 125px;
			width: 275px;
			border-style: ridge;
		border-color: #CCCCCC;
		}
#chaintext {position: absolute;
				top: 450px;
				left: 150px;}

#chainn {position: absolute;
			top: 295px;
			left: 450px;
			width: 275px;
			border-style: ridge;
		border-color: #CCCCCC;
		}
#chaintextt {position: absolute;
				top: 450px;
				left: 470px;}


#chainnn {position: absolute;
			top: 530px;
			left: 125px;
			width: 275px;
			border-style: ridge;
		border-color: #CCCCCC;
		}
#chaintexttt {position: absolute;
				top: 675px;
				left: 150px;}

#chainnnn {position: absolute;
			top: 520px;
			left: 450px;
		width: 275px;
			border-style: ridge;
		border-color: #CCCCCC;
		}

#chaintextttt {position: absolute;
				top: 675px;
				left: 470px;}

#chainscontent {position: absolute;
				width:auto;
			height:auto;
	border-style: ridge;
		border-color: #CCCCCC;
				top: 225px;
				left: 35px;
				}

.chain {font-size: 12px;
		font-style: italic;
		color: #663300; }


#enlarge {position: absolute;
			top:  678px;
			left: 285px;
			font-size: 12px;
		font-style: italic;
		color: #663300; }

#chaindescription {}
				
#chains { left: 75px; width: 600px;
			height: auto;}

div.chains { width: auto; padding: 0px;
				margin: 15px; float: left;
				border-style: ridge;
		border-color: #666666;

				}  


#chainchoices { position: absolute;
				top: 675px;
				left: 35px;
				z-index: 25;
			padding-left: 15px;
			padding-right: 15px;
				height: 145px;
			}


/*--------------- drop page -------------*/
#droppage { position: absolute;
		top: 0px;
		width: 1005px;
		height: 960px;
		background-repeat: repeat;
		background-image: url(/img/css/gray.jpg);
		padding: 0;
		margin: 0;
		border-style: outset;
		border-color: #000000;
		border-left-style: ridge;
		border-left-color: #999999;
		border-top-style: ridge;
		border-top-color: #999999;
		background-color: #CCCCCC;
		}

#droptopbanner {position: absolute;
			top: 1px;
			left: 0px;
			padding: 0;
			margin: 0;
			height: 165px;
			width: 700px;
			z-index: 1;
			}

#dropname { position: absolute;
			left: 260px;
			top: 176px;
			z-index: 5;
			}


#droppicture {position: absolute;
		border-style: ridge;
		border-color: #CCCCCC;
			left: 275px;
			top: 220px;
			width: 425px;
			height: auto;
			z-index: 1;
			}

#dropdescription {position: absolute;
			top: 450px;
		  right: 10px;
			width: 275px;
			z-index: 10;
				}

#dropchoices { position: absolute;
				left: 10px;
				top: 250px;
				width: auto;
				height: auto;
				clear: both;
				z-index: 25;
			padding-left: 15px;
			padding-right: 15px;
			}

div.dropchoice { width: auto; padding: 0px;
				margin: 15px; float: inherit;
				border-style: ridge;
		border-color: #666666;

				}



#dropnav { position: absolute;
		right: 0px;
		border-left: groove;
		border-bottom: groove;
		border-color: #CCCCCC;
		top: 0px;
		width: 270px;
		height: 405px;
		z-index: 3;
		}

#dropscrolldown {position: relative;
			top: 405px;
			left: 355px;
			width: 190px;
			text-align: right;
			font-size: 12px;
		font-style: italic;
		color: #663300;
	}

#dropenjoy {position: absolute;
				left: 25px;
				top: 230px;
				width: 225px;
				height: auto;
				float: left;
				}

/*----------swag page---------------*/
#swagtopbanner {position: absolute;
			top: 1px;
			left: 0px;
			padding: 0;
			margin: 0;
			height: 165px;
			width: 700px;
			float: right; 
			z-index: 1;
			}

#swagname {position: absolute;
		left: 76px;
			top: 186px;
			z-index: 5;
			}

#swagpicture {position: absolute;
		border-style: ridge;
		border-color: #CCCCCC;
			left: 75px;
			top: 225px;
			width: 577px;
			height: auto;
			z-index: 1;
			}

div.swagchoice { height: auto; padding: 0px;
				margin: 10px; float: left;
				border-style: ridge;
		border-color: #666666;
				}


#swagnav { position: absolute;
		right: 0px;
		border-left: groove;
		border-bottom: groove;
		border-color: #CCCCCC;
		top: 0px;
		width: 270px;
		height: 370px;
		z-index: 3;
		}

#swagscrolldown {position: relative;
			top: 370px;
			left: 355px;
			width: 195px;
			text-align: right;
			font-size: 12px;
		font-style: italic;
		color: #663300;
	}

#swagchoices { position: absolute;
				top: 650px;
				left: 75px;
				z-index: 25;
			padding-left: 15px;
			padding-right: 15px;
				height: 145px;
			}
	#swagenjoy{ position: relative;
				top: 575px;
}

#swagdescription { position: absolute;
					width: 300px;
					height: auto;
					top: 450px;
					right: 20px;
					}
			


#info {position: absolute;
		top: 185px;
		left: 10px;
		width: 150px;
		z-index: 3;
		}

/*-------------------checkout page ---------------*/
#checkout { position: relative;
			top: 180px;
			 }

#checkoutopt {position: relative;
			top: 165px;
			width: 480px;
			}
#disclaimer {position: relative;
			top: 195px;
			width: 950px;
			}
 


/*---------------Nav flash ------------------- */


			/*Bracelet PAge*/

#bracelet { position: absolute;
		right: 0px;
		border-left: groove;
		border-bottom: groove;
		border-color: #CCCCCC;
		top: 0px;
		width: 300px;
		height: 378px;
		z-index: 3;
		}

/*------------------Font Styles-------------------*/

.h1 {font-size: 14px;	
		font-weight: bold;
		font-family:  Cochin;
		color: #663300;
	}

.h2 {font-size: 29px;
		padding: 0;
		margin: 0;
		font-family:  Cochin;
		color: #663300;
		}

.info {font-size: 14px;	
		font-weight: bold;
		font-family:  Cochin;
		color: #663300;
		}

.checkout {font-size: 20px;
			font-weight: bold;
		color: #663300;
		font-family: Cochin;
		}