html {
	background-color: #2B2C2B;
	/*background-color: blue;*/
	background-image: url(images/bigMJ.gif);
	background-repeat: no-repeat;
	background-position: 46px 188px;
	height: 100%;
}


body {
	background-image: url(images/rightborder.gif);
	background-position: 730px;
	background-repeat: repeat-y;
	color: #FFFFFF;
	margin: 0;
	height: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#container {
	min-height: 100%;
	/*background-image: url(images/rightborder.gif);*/
}


#nonFooter
	{
		position: relative;
		min-height: 100%;
	}

	* html #nonFooter
	{
		height: 100%;
	}

/*masthead begins*/

/**/
#masthead {
	margin: 0;
	padding: 0;
	height: 136px;
	overflow: hidden;
	}

#masthead a {
	float: left;
	padding: 136px 0 0 0;
	overflow: hidden;
	outline: none;
	height: 0px !important; 
	height /**/:136px; /* for IE5/Win only */
	width: 435px;
	background: url(images/masthead.jpg) top left no-repeat;
	}
	
	
/*masthead ends*/



/*main navigation begins*/

#nav {
	margin: -66px 0 0 55px;
	padding: 0;
	height: 73px;
	list-style: none;
	/*display: inline;*/
	overflow: hidden;
	}

#nav li {
	margin: 0; 
	padding: 0;
   list-style: none;
	display: inline;
	}

#nav a {
	float: left;
	padding: 73px 0 0 0;
	overflow: hidden;
	outline: none;
	height: 0px !important; 
	height /**/:73px; /* for IE5/Win only */
	}
	
#nav a:hover {
	background-position: 0 -73px;
	}

#nav a.selected {
	background-position: 0 -73px;
	}
	
	
/* ADD THESE!!!:
#nav a:active, 
*/	

	
/* add background images to nav */

#home a  {
	width: 100px;
	background: url(images/home_button.gif) top left no-repeat;
	}


#order a  {
	width: 100px;
	background: url(images/order_button.gif) top left no-repeat;
	}

#vision a  {
	width: 100px;
	background: url(images/vision_button.gif) top left no-repeat;
	}
	
	
#about a  {
	width: 100px;
	background: url(images/about_button.gif) top left no-repeat;
	}
	
#contact a  {
	width: 100px;
	background: url(images/contact_button.gif) top left no-repeat;
	}
	
/*navigation ends*/


#content {
	margin: 80px 0 0 200px;
	width: 476px;
}

h1 {
	font-size: 1.3em;
	font-style: normal;
	margin-top: .3em;
}

h2 {
	font-size: 1.1em;
		margin-top: 1em;
}

h3 {
	font-size: 1.0em;
		margin-top: .3em;
}

p{
	font-size: 0.8em;
	line-height: 150%;
}

a {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted gray;
}

a:hover {
	border-bottom: 1px solid #FFFFFF;
}


p.justify{
	text-align: justify;
}

img.rightalign {
	float: right;
}

#collections_heading {
    padding: 25px 0 0 0;
    overflow: hidden;
    background-image: url("images/collections_heading.gif");
    background-repeat: no-repeat;  
    height: 0px !important;
    height /**/:25px;
}



/*gallery navigation begins*/

#gallerynav {
	margin: 2px 2px 2px 2px;
	padding: 0;
	height: 141px;
	list-style: none;
	/*display: inline;*/
	overflow: hidden;
	}

#gallerynav li {
	margin: 0; 
	padding: 0;
   list-style: none;
	display: inline;
	}

#gallerynav a {
	float: left;
	padding: 141px 0 0 0;
	overflow: hidden;
	outline: none;
	height: 0px !important; 
	height /**/:141px; /* for IE5/Win only */
	}
	
#gallerynav a:hover {
	background-position: 0 -141px;
	}

#nidamour a  {
	width: 153px;
	background: url(images/nidamour.jpg) top left no-repeat;
	}

#sunwood a  {
	width: 165px;
	background: url(images/sunwood.jpg) top left no-repeat;
	}
	
#nature a  {
	width: 154px;
	background: url(images/nature.jpg) top left no-repeat;
	}
	
/*gallery navigation ends*/




	#footer
	{
		position: relative;
		margin: 5em auto 0 auto;
	}

	/* A CSS hack that only applies to IE -- specifies a different height for the footer */

	* html #footer
	{
		margin-top: 5em;
	}
	

#footer p {
	clear: both;
	font-size: 0.7em;
	padding-top: 15px;
	margin-left: 357px;
	/*text-align: center;
	position: absolute;
	width: 100%;*/
}