BODY {
	background-color: #7E5F66;
	font-family: Tahoma, Verdana, Arial, Default, sans-serif;
	text-align: left;
}


A {
	color: #9FADBC;
	text-decoration: none;
}

A:HOVER {
	color: white;
}
#title {							/*Graphic: Unique Dezignz title*/
	position: absolute;
	top: -3px;
	left: 50%;
	margin-left: -330px;
}

/*Body - Sitewide Formatting*/
h1 {								/*Generic Top of Page white welcome*/
	color: #ACBACA;
	border-top: 5px double #ACBACA;
	border-bottom: 5px double #ACBACA;
	background-color: #47506B;
	width: auto;
	font: italic bold x-large "Times New Roman", Times, serif;
	word-spacing: 10px;
	letter-spacing: 5px;
	margin: 0 0 15px 0;
	padding: 10px 0 10px 45px;
}

/*Body - Main NavBar: Grahical Navigation at top of screen*/
#menu {
	position: absolute;
	top: 65px;
	width: 100%;
	margin-left: -20%;
	left: 50%;
	background-color:  #7e5f66;
}

#menu a {
	margin-top: 3px;
	display: inline;
	font: bold 40px sans-serif;
	text-decoration: none;
	}

#menu a:hover {
	background-position: 0 -48px;
}

#menu a:active {
	background-position: 0 -98px;
}

#MainNavCurrent {
	background-position: 0 -98px;
}

/*Body - Main NavBar - Graphics: The pictures and relative classes for the Main NavBar*/
.home{
	background: url("images/navHome.jpg") top left no-repeat;
	padding: 0 68px 0px 0;
}

.products {
	background: url("images/navProducts.jpg") top left no-repeat;
	padding: 0 109px 0 0;
}

.gallery {
	background: url("images/navGallery.jpg") top left no-repeat;
	padding: 0 91px 0 0;
}

.about {
	background: url("images/navAbout.jpg") top left no-repeat;
	padding: 0 78px 0 0;
}

.shoppingcart {
	background: url(images/navShoppingCart.jpg) top left no-repeat;
	padding: 0 50px 0 0;
}

/*Body - Tilebar: Decorative Tiled Border Wrapper*/
#tilebar {
	position: absolute;
	top: 120px;
	border: solid black 1px;
	width: 100%;
	height: 22px;
	background: url(images/tilebar.gif) repeat-x;
}


/*Body - Roundbox Blue: Blue Graphic container*/
.roundbox1-tr { position: relative;	top: 150px; padding: 0; height: auto; background: url("gifs/tr1.jpg") no-repeat right top; }
.roundbox1-tl { margin:0; padding:0; background: url("gifs/tl1.jpg") no-repeat left top; }
.roundbox1-br {	margin:0; padding:0; background: url("gifs/br1.jpg") no-repeat right bottom; }
.roundbox1-bl { margin:0; padding:0; background: url("gifs/bl1.jpg") no-repeat left bottom; }
.roundbox1-content { margin:0; padding:40px 27px 0 35px; }
.roundbox1-content p { margin:0; padding: 10px; line-height:1.6; color: #F0F8FF; }

/*Body - Roundbox Teal: Teal Graphic container*/
.roundbox2-tr { position: relative;	top: 150px; padding: 0; height: auto; background: url("gifs/tr2.jpg") no-repeat right top;}
.roundbox2-tl { margin:0; padding:0; background: url("gifs/tl2.jpg") no-repeat left top; }
.roundbox2-br { margin:0; padding:0; background: url("gifs/br2.jpg") no-repeat right bottom; }
.roundbox2-bl { margin:0; padding:0; background: url("gifs/bl2.jpg") no-repeat left bottom; }
.roundbox2-content { margin:0; padding:40px 38px 0 20px; }
.roundbox2-content p {margin:0; padding:0; color: #FFEBEA;}
.iefix {
	border: red solid 1px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}
/*Body - Roundbox - Footer: Author and Email Link in pic*/
.author {
	font: larger Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 7px 0 0 0;
}

.author img {
	border: none;
	vertical-align: middle;
}

/*Body - Roundbox - Footer Nav: Secondary NavBar for Accessability*/
#navlist {
	text-align: right;
	font-size: small;
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
.Nav2current {
	color: white !important;
}

/*Products - Category Selection Navigation*/
#navcategories {
	margin: 0 0 0 30px;
	width: 100%;
	border-left: #224046 solid 2px;
}

#navcategories ul {
	list-style-type: none;
	height: 30px;
	padding: 0;
	margin: 0;
}

#navcategories ul li {
	display: block;
	float: left;
	font-size: 12px;
	margin: 0;
}

#navcategories ul li a {
	display: block;
	background: #4C5E6D;
	padding: .6em 1em;
	color: #D0E4E8;
	border-right: 2px solid #224046;
	border-top: 2px solid #224046;
	border-left: none;
	font-size: 12px;
	letter-spacing: 3px;
}

#navcategories ul li a:hover {
	background: #5A8EA1;
}

#navcategories ul li a:active {
	background: #000;
}

#navcategories ul li .catcurrent { /*makes active category tab stand out from the rest*/
	background-color: #5C707F;
	color: white;
	font-weight: 100;
}
/*Products - Category - Wrapper*/
#categoryOverview {  /*container right underneath category tabs, holds ALL the text and pix for entire section*/
	background: #576979;
	padding: 5px;
	border: 2px solid #224046;
	width: 96%;
	margin-left: 1em;
	min-height: 800px;
}
/*Products - Category = Wrapper - Header: contains graphic text, and right-aligned blurb about the category*/
#categoryBlurb { 
	text-align: right;
	border: 1px #3F3F3F solid;
	height: 33px;
	padding: 0 5px;
	background: #5C707F;
	letter-spacing: 2px;
	margin-bottom: 20px;
	display: block;

}
#categoryBlurb p {
	color: #D1D1D1;
	margin: 0;
	padding: 10px 0 0 0;
}
#categoryBlurb img {
	float: left;
}

/*....Wrapper - Description: Containing box for in depth description of listed item category, ex:"OMG, these are coffee mugs, lol"  ...should collapse with the smoothness*/
#categoryDescription {
	padding: 0;
}
#categoryDescription p{
	margin-bottom: 10px;
	border-bottom: 1px dotted #4B5D6C;
	line-height: 1.4em;
	letter-spacing: 2px;
}
.firstletter:first-letter {
	font-size: 200%;
}
#categoryDescription p span {
	text-transform: uppercase;
	font-weight: bold;
}

/*....Wrapper - Thumbnails Wrapper:  for collection of items available for purchase, should float r/l of verbose description*/
#items {
	float: left;
	width: 450px;
	margin: 0 30px;
}

/*....Wrapper - Thumbnails Wrapper - Item: Containing boxes with Price and stuff for paypal within the sections described above... */
.itemContainer {
	display: block;
	float: left;
	font-size: x-small;
	background: #795758;
	color: white;
	width: 140px;
	text-align: center;
	margin: 0 10px 10px 0;
}
.itemContainer2 {
	display: block;
	float: left;
	font-size: x-small;
	margin: auto 10px 2em 0;
	color: white;
	background: #795758;
	width: 100px;
	text-align: center;
	overflow: hidden;
	border: 1px solid white;
	height: 150px;
}

.itemContainer a img {
	border: none;
}

.itemContainer2 a img {
	border: none;
}

/*clearing Div to stretch the roundbox - An IE nessecity...  kill me now.*/
#clearer {
	display: block;
	margin: 100px;
	height: 100px;
	position: relative;
}