* { 
	margin: 0; 
	padding: 0; 
}
html {
	overflow:auto;
}
body {
	margin-top: 10px;
	background: #E0FFFF;
	background-image: url('/images/shoesBack.png');
	background-repeat: repeat;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	color: #383838 ; /* DarkGray */
	text-align: center; /*MS Kludge */
/* Will need to add this code for XSBrowser Compatibility
	width: 890px; !important
	width: 890px;
*/
}

/* General element styling CSS */
a { text-decoration:none; }
blockquote { color: #696969;	}
div { margin: 0 auto; }
h1 { 
	font-size: 1em; 
/*
	margin:0;
	padding:0;
*/	
}
em { 
	margin:0;
	padding:0;
}

/* Content handler CSS */
#page {
	width:90%;
	height:600px;
	min-width:1010px; /* Set to manage the layout locks (with min widths below) and scrolls past here */
	padding-top:10px;
}
#title{
	width:100%;
	margin-bottom:5px;
}

#secondContainer { /* container holding nav and main content */
	position:relative;
	width:100%;
	margin-bottom:5px;
}

/*------------------*/
/* Main Content CSS */

div#primary {
/*
	position: absolute; CML probably set to control lower content div ancestry; seems to be working with float though?!?
*/
	float: right;
	right: 0;
	width: 79%;
	min-width: 705px;
	height: 495px;
	overflow: hidden;
}
#primary div.content {
	position: relative;
	top: 5px;
	width: 90%;
	min-width: 660px;
	text-align: justify;
	height: 480px;
	padding-right: 10px;
	overflow-y: auto;
	overflow-x: hidden;
}
#primary p {
	text-align: justify;
	font-size: 0.9em
}
#primary blockquote {
	font-size: larger;
	font-style: italic;
	text-align: center;
}
#primary blockquote em {
	text-decoration: underline
}
#primary div.content #t-bottom {
	font-size:0.75em;
	text-align:justify;
}
#primary div.content div.price img {
	margin:10px;
}

/*------------------*/
/* Navigational CSS */

#nav {
	float: left;
	width: 19%;
	min-width: 185px;
	margin-left: 0px;
	margin-right: 10px;
	text-align: center;
	font-weight: bold;
}
#navContent { height: 495px; }
#nav h1 { font-size: 1em; padding-bottom: 0; margin-bottom: 0; }

/*SubNAV CSS */
div.subNav {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	border: 2px solid #B0E0E6;
	background-color: #FAEBD7;
}
div.subNav ul {
	line-height: 2em;
	margin-left: 0;
	padding-left: 0;
}
div.subNav li {
	list-style: none;
	border: 1px solid white;
	margin-left: 0px;
}
div.subNav#onesies {
	left: 142px;
	top: 95px;												
	width: 120px;
}
div.subNav#bedding {
	left: 145px;
	top: 127px;												
	width: 120px;
}
div.subNav#creations {
	left: 148px;
	top: 130px;												
	width: 140px;
}
div.subNav#contact {
	left: 152px;
	top: 285px;												
	width: 120px;
}
div#navInner{
	width:100px; 
	overflow: hidden; 
}
div#navInner a{
	display: block;
}
div#navInner img{
	margin-bottom:1px;
}
div#navInner>a:hover{
	margin-left:-100px;
}

/*------------*/
/* Footer CSS */
#footer {
	width:100%;
	margin-bottom:10px;
	text-align:center;
	color: #696969;
}
#footer #copy { font-size:0.75em; }
#footer h1 { font-size: 1em; }
#footer a { color:#696969; }

/*-----------*/
/* Other CSS */

#opNav, #onNav {
	text-align:center;
	font-weight:bold; 
	font-size:x-large;
}
#opNav a:link, #onNav a:link { color: #9932CC; } /* unvisited link */
#opNav a:visited, #onNav a:visited { color: #696969 }  /* visited link */
#opNav a:hover, #onNav a:hover { color: Purple }   /* mouse over link */
#opNav a:active, #onNav a:active { color: Navy }   /* selected link */

/*div.content #opNav a:before { content:" >>"} NEED TO FIX THIS / Pseudo Class ? */ 

div.clear { 
	clear:both;
	margin:0;
	padding:0;
	height:0 
}

/*-----------*/
/* MTN CSS Content */
.mtnBox { background: #B0E0E6 url("../images/mtn_topsBL.png") no-repeat left bottom; }
.mtnBox2 { background: #FAFAD2 url("../images/mtn_topsBL.png") no-repeat left bottom; }
.mtnOuterBox { background: url("../images/mtn_topsBR.png") no-repeat right bottom; }
.mtnInnerBox { background: url("../images/mtn_topsTL.png") no-repeat left top; }
.mtnInnerBox>h1 { background: url("../images/mtn_topsTR.png") no-repeat right top; }