@charset "UTF-8";
@font-face { 
	font-family: Great-Vibes; 
	src: url('../fonts/great_vibes/GreatVibes-Regular.otf'),
    url('..font/great_vibes/GreatVibes-Regular.eot'); /* IE9 */
}
@font-face { 
	font-family: Kelmscot Roman; 
	src: url('../fonts/Kelmscott_roman/KELMSCOT.otf'),
    url('../fonts/Kelmscott_roman/KELMSCOT.eot'); /* IE9 */
} 
@font-face { 
	font-family: Neuton Light; 
	src: url('../fonts/neuton/Neuton-Light.ttf'),
    url('../fonts/neuton/Neuton-Light.eot'); /* IE9 */
}
@font-face { 
	font-family: Juice Bold; 
	src: url('../fonts/juice/JUICE_Bold.ttf'),
    url('..font/great_vibes/JUICE_Bold.eot'); /* IE9 */
} 
@font-face { 
	font-family: Juice Bold Italic; 
	src: url('../fonts/juice/JUICE_Bold_Italic.ttf'),
    url('..font/great_vibes/JUICE_Bold_Italic.eot'); /* IE9 */
} 


/* HTML TAGS */
html {
	height: 100%;
	}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-image:url(../html_imgs/default_backdrop.jpg);
	background-position:110px -170px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
}
a {
	color:#000;
	text-decoration:none;
}
div.hr {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	background-color: #000;
	height: 1px;
}

/* ID */


#container {
	background-image:url(../html_imgs/container_backdrop_sides.png);
	background-repeat:repeat-y;
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	z-index:200;
}

#container_body {
	width:1098px;
	padding-top:60px;
	margin-left:auto;
	margin-right:auto;
}

#container_body #menu {
	background-color:#bdaa8f; /* af8f62, bdaa8f */
	color:#FFF;
	padding:8px;
	font-size:1em;
	vertical-align:middle;
	
}
#container_body #submenu {
	background-color:#bdaa8f; /* ceb188 */
	color:#FFF;
	padding:8px;
	font-size:1em;
	vertical-align:middle;	
}

#container_body #menu a, #container_body #submenu a {
	padding:0px 4px;
	margin:0px 6px;
	color:#fff0dc;
	background-color:#806948;
}

#container_body #menu a:hover, #container_body #submenu a:hover {
	padding:0px 4px;
	margin:0px 6px;
	color:#806948;
	background-color:#fff0dc;
}

#container_body #menu a.here, #container_body #submenu a.here {
	padding:0px 4px;
	margin:0px 6px;
	color:#806948;
	background-color:#fff0dc;
}

		#container_body #menu.edu a, #container_body #submenu.edu a {
		color:#fff;
		background-color:#1a4f9e;
		}
		
		#container_body #menu.edu a:hover, #container_body #submenu.edu a:hover {
		color:#1a4f9e;
		background-color:#fff;
		}
		
		#container_body #menu.edu a.here, #container_body #submenu.edu a.here {
		color:#1a4f9e;
		background-color:#fff;
		}

#container_body #body_page {
	background-image:url(../html_imgs/home_backdrop.jpg);
	background-repeat:no-repeat;
	padding:10px;
}

#container_top {
	background-image:url(../html_imgs/container_backdrop_top.png);
	background-repeat:no-repeat;
	width:1200px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	z-index:200;
}

#container_top_logo {
	background-image:url(../html_imgs/container_top_logo.png);
	background-repeat:no-repeat;
	position:relative;
	width:1100px;
	height:160px;
	margin-left:auto;
	margin-right:auto;
	z-index:300;
}

#container_bottom {
	background-image:url(../html_imgs/container_backdrop_bottom.png);
	background-repeat:no-repeat;
	width:1200px;
	height:100px;
	margin-left:auto;
	margin-right:auto;
}

#container_bottom_content {
	position:relative;
	width:1100px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	z-index:300;
	padding-left:30px;
	text-align:left;
}

#container_bottom_content #footer_links {
	font-size:.96em;
	color:#000;
	letter-spacing:1px;
}

#container_bottom_content #footer_links a, #container_bottom_content #footer_links span {
	padding-right:6px;
}
	
#body_page div#page_sorts a {
	text-transform:uppercase;
	display:block;
	padding:0px 4px;
	margin:6px 0px;
	color:#fff0dc;
	background-color:#806948;
}

#body_page div#page_sorts a.carpet {
	background-color:#000;
}


#body_page div#page_sorts a:hover {
	padding:0px 4px;
	margin:6px 0px;
	color:#806948;
	background-color:#fff0dc;
}

#body_page div#page_sorts a.here {
		color:#806948;
		background-color:#fff0dc;
	}

#body_page div#page_sorts span {
	text-transform:uppercase;
	display:block;
	padding:0px 4px;
	margin:6px 0px;
	color:#806948;
	background-color:#fff0dc;
}

		#body_page div#page_sorts.edu a {
			color:#fff;
			background-color:#806948;
		}
		
		#body_page div#page_sorts.edu a:hover {
			color:#806948;
			background-color:#fff;
		}
		
		#body_page div#page_sorts.edu a.here {
			color:#806948;
			background-color:#fff;
		}
		
		#body_page div#page_sorts.edu a.seen {
			color:#fff;
			background-color:#806948;
		}

#edubuttonoptions a {
	background-color:#FFF;
	display:block;
	text-align:left;
	padding:10px;
	width:225px;
	-moz-box-shadow: -4px 0px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: -4px 0px 8px rgba(0,0,0,0.2);
	box-shadow: -4px 0px 8px rgba(0,0,0,0.2);
	margin-bottom:6px;

}

/* Classes */

.product {
	float:left;
	width:200px;
	margin-right:10px;
	margin-bottom:10px;
}

.off_product img {
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.shadow {
	-moz-box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 6px rgba(0,0,0,0.2);
}