@charset "UTF-8";
/* CSS Document */

/* @font-face rule declarations */

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: middle;
	margin: 0;
	padding: 0
}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

aside, article, section, header, footer, nav {
	display:block;
}
html, body {
	margin:0;
	padding:0;
}
html {
	background-color:#e6e6e6;
	font-family: 'Patua One', cursive;
}
body {
	width:960px;
	background:#ffffff;
	-moz-box-shadow:0px 0px 7px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:0px 0px 7px 0px rgba(0,0,0,.8);
	box-shadow:0px 0px 7px 0px rgba(0,0,0,.8);
	margin:auto;
}

#pageHeader {
	display:block;
	height:200px;
	width:960px;
}

#pageHeader h1{
	width: 120px;
	height: 170px;
	text-indent: -9000em;
	float:left;
	/*position: absolute;
	top: 0px;
	left: 180px;*/
	background: black url(../_images/logos/mountain-valley-lumber-logo.png) no-repeat;
	z-index: 5;
	margin-left: 20px;
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.8);
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.8);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,.8);
}

#pageHeader h1 a {
	display: block;
	position:absolute;
	top:0px;
	width: 120px;
	height: 170px;
	margin: 0;
}

/* ----- Navigation Bar Styles ----- */

/* JS disabled styles */
/*.no-js nav li:hover ul { background: rgb(77,77,77); }*/

/* base nav styles */
#pageHeader nav {
	/*display:inline-block;
	position:relative;
	top:0px;
	left:140px;*/
}

h1.outline, .outline {
  display: none;
}

nav ul ul {
	display:none;
}

nav ul li:hover > ul {
	display:block;
}

nav ul {
	background: rgba(77,77,77,.8);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	list-style: none;
	position: relative;
	display: inline-table;
	font-family: 'Holtwood One SC', serif;
	font-size: 12px;
	margin-bottom:10px;
	-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);	
}

nav ul:after {
	content: ""; 
	clear: both; 
	display: block;
}

nav ul li {
	float:left;
	text-align:center;
	width:160px;
}
nav ul li:hover {
	background: rgba(77,77,77,.8);
}

nav ul li:hover a {
	color:rgb(242,242,242);
}
	
nav ul li a {
	display: block;
	padding: 10px 10px;
	color: rgb(242,242,242);
	text-decoration: none;
}

nav ul ul {
	background: rgba(77,77,77,.8);
	border-radius: 0px;
	padding: 0;
	position: absolute;
	top: 100%;
	font-family: 'Patua One', cursive;
	z-index:1;
}
nav ul ul li {
	float: none; 
	/*border-top: 1px solid #6b727c;
	border-bottom: 1px solid #575f6a;*/
	position: relative;
}
nav ul ul li a {
	padding: 5px 10px;
}	
nav ul ul li a:hover {
	background: rgba(77,77,77,.8);
	color: rgba(242,242,242,1);
}

nav ul ul ul {
	position: absolute; left: 100%; top:0;
}

/* ----- Link Bar ----- */
#linkBar{
	float:right;
	width:338px;
	margin:0px 30px 5px 0px;
	padding-bottom:5px;
	padding:0;
	list-style-type:none;
	text-align:right;
}

#linkBar ul li { display:inline; }

#linkBar a:link {
	color:rgb(102,102,102);
	text-decoration:none;
}

#linkBar a:visited {
	color:rgb(102,102,102);
	text-decoration:none;
}

#linkBar a:hover {
	color:#2344B2;
	text-decoration:underline;
}

#linkBar a[class=linkBarHomeIcon]:hover {
	background:#ffffff url(../_images/sprites/home-icon-sprite.png) no-repeat -1px 2px;
}

#linkBar a:active {
	color:#2344B2;
	text-decoration:underline;
}

#linkBar + p{
	float:right;
	text-align:right;
	width:700px;
	color:rgb(102,102,102);
	margin:0px 30px 15px 0px;
	font-size:16px;
}

.linkBarHomeIcon {
	float:left;
	height:18px;
	width:18px;
	background:#ffffff url(../_images/sprites/home-icon-sprite.png) no-repeat -20px 2px;
}

/* ----- Searchbar Styles -----*/
#searchBar{
	position:relative;
	float:right;
	margin-right:30px;
}

/*#pageHeader p {
	float: left;
	margin:0 0 5px 5px;
	font-size:15px;
}*/

/* ----- Small Banner Style ----- */
.smallBanner {
	position:relative;
	left:-20px;
	display:block;
	height:20px;
	width:940px;
	background:#007A41;
	color:rgb(242,242,242);
	-moz-box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	padding:5px 5px 5px 15px;
}

.smallBanner > img:first-child {
	position:relative;
	width:20px;
	height:10px;
	left:-15px;
	top:-20px;
	z-index:-1;
}

.smallBanner h1 {
	display:inline;
	font-family: 'Holtwood One SC', serif;
	font-size:18px;
}

/* ----- Banner Styles ----- */
.banner {
	position:relative;
	left:-20px;
	display:block;
	height:350px;
	width:940px;
	background:#007A41;
	color:rgb(242,242,242);
	-moz-box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	font-family: 'Patua One', cursive;
	padding:10px;
}

.banner > img:first-child {
	position:relative;
	width:20px;
	height:10px;
	left:-10px;
	top:-20px;
	z-index:-1;
}

.banner p {
	padding:10px;
	line-height:15pt;
	font-size:15px;
	text-align:left;
	width:360px;
}

.banner h1 {
	font-family: 'Holtwood One SC', serif;
	font-size:medium;
	background:#005C31;
	padding:10px;
}

.banner a {
	text-decoration:none;
	color:#CCCC1F;
}

.banner a:hover {
	text-decoration:underline;
}

/* ----- Slider Styles ----- */

#slider1 {
	width: 530px; /* important to be same as image width */
	height: 350px; /* important to be same as image height */
	position: absolute;
	top: -20px;
	left: 390px;
	background:#005C31;
	overflow: hidden; /* important */
}

#slider1Content {
	width: 530px; /* important to be same as image width or wider */
	height: 350px;
	position: absolute;
	top: 0;
	margin-top:5px;
	margin-left:5px;
}
.slider1Image {
   float: left;
	width:520px;
	height:340px;
    position:relative;
	display:none;
}
.slider1Image span {
    position: absolute; /* important */
	font: 13px/20px 'Patua One', cursive;
    padding: 10px 10px;
    height:320px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #CCCC1F;
    display: none;
	top:0;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
	left: 0;
	width: 120px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 120px !important;
	height: 280px;
}
ul { list-style-type: none;}

/* ----- Advertise Cards ----- */

.card_wrapper div{
	position:relative;
	float:left;
	width:215px;
	height:300px;
	color:rgb(77,77,77);
	background:url(../_images/slices/card-wrapper-unselected.png);
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
}

.card_wrapper span{ 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif 
  background-image: url('../css/empty.gif');*/
}

.card_wrapper img {
	display:block;
	width:200px;
	height:130px;
	margin-left:7.5px;
	margin-top:7.5px;
}

.card_wrapper h1 {
	display:inline-block;
	font-family: 'Holtwood One SC', serif;
	font-size:large;
	text-align:center;
	padding-top:10px;
	width:200px;
	height:40px;
	margin-top:7.5px;
	margin-left:7.5px;
	background:url(../_images/slices/card-wrapper-pattern-light.png);
	background-repeat:no-repeat;
}

.card_wrapper p {
	display:inline-block;
	font-family:'Patua One', cursive;
	font-size:15px;
	text-align:center;
	width:200px;
	height:100px;
	margin-left:7.5px;
	margin-top:-8.5px;
}
.card_wrapper div:hover {
	width:215px;
	height:300px;
	background:rgb(102,102,102);
	color:rgb(242,242,242);
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
}

.card_wrapper div:hover h1 {
	background-image:url(../_images/slices/card-wrapper-pattern-dark.png);
}


/* ----- Article Styles ----- */
.bodyContent
{
/* The width value should be 685px, however for webkit engine will not work */
	width:680px;
	margin:20px 0px 20px 20px;
	display:inline-block;
	color:rgb(77,77,77);
	font-family:'Patua One', cursive;
}

.bodyContent h1
{
	font-family: 'Holtwood One SC', serif;
	margin-bottom:20px;
	font-size:large;
	color:#005C31;
	text-align:center;
}

.bodyContent h2
{
	font-weight:bold;
}
.bodyContent p
{
	padding:10px;
}

.bodyContent ul
{
	list-style-type:disc;
	padding-left:20px;
}

.bodyContent img
{
	border:#666666 3px solid;
	margin:0px 5px 5px 0px;
}

.bodyContent img[alt=HomeIconBlue]
{
	border:none;
}

.breadCrumbs
{
	color:#2344B2;
	margin-bottom:10px;
}

.breadCrumbs a:link
{
	color:#2344B2;
	text-decoration:none
}

.breadCrumbs a:visited{
	color:#2344B2;
	text-decoration:none;
}

.breadCrumbs a:hover {
	color:rgb(77,77,77);
	text-decoration:underline;
}

.breadCrumbs a:active {
	color:#005C31;
	text-decoration:underline;
}

.breadCrumbs a:first-child{
	text-indent: -9999px;
	display:inline-block;
	height:25px;
	width:18px;
	background:#ffffff url(../_images/sprites/home-icon-sprite.png) no-repeat -1px 3px;
}

.breadCrumbs a:first-child:hover{
	background:#ffffff url(../_images/sprites/home-icon-sprite.png) no-repeat -20px 3px;
}

.comment, .cat_listbox, .cat_textbox_small, .cat_textbox {
	background-color:rgb(242,242,242);
}

.tag_fullname {
	color:red;
}

.req {
	color:red;
}

/*This rule is so that the displayed feedback rating from the feeback module is not contained with a border in bodyContent*/
.rating img
{
	border:none;
}

.name a:link{
	text-decoration:none;
	color:rgb(77,77,77);
}

.name a:visited{
	text-decoration:none;
	color:rgb(77,77,77);
}

.name a:hover{
	text-decoration:underline;
	color:rgb(35,68,178);
}

.name a:active{
	text-decoration:none;
	color:rgb(35,68,178);
}

.content, .feedBack
{
	margin-top:0px;
	color:rgb(35,68,178);
}


/*--------- Styles relevant to floor plans page ---------*/
#floorPlans
{
	border: thick solid #666666;
	text-align: center;
}

#floorPlans th
{
	border: thin solid rgb(242,242,242);
	color: rgb(242,242,242);
	background-color: #4F69C1;
}

#floorPlans td {
	border: thin solid #666666;
}

#floorPlans tr:nth-child(even)
{
	background-color:rgb(179,179,179);
}

#floorPlans tr:nth-child(odd)
{
	background-color:rgb(242,242,242);
}

#floorPlans a:link {
	color:inherit;
	text-decoration:none;
}

#floorPlans a:visited {
	color:inherit;
}

#floorPlans a:hover {
	color:#2344B2;
}

#floorPlans a:active {
}

#floorPlans tr td:first-child{
	text-align:left;
}

/* ----- Gallery Styles ----- */
.indexPhotos {
	-moz-column-count: 2;
	-moz-column-gap: 1em;
	-webkit-column-count: 2;
	-webkit-column-gap: 1em;
	-ms-column-count: 2;
	-ms-column-gap: 1em;
	column-count: 2;
	column-gap: 1em;
	margin-bottom: 2em;
	/*display:block;*/
}

.indexPhotos img {
	width: 96%;
	margin-bottom: .5em;
}

/* ----- Site Map Styles ----- */
#siteMap a:link{
	color:#2344B2;
	text-decoration:none;
}

#siteMap a:visited {
	color:#2344B2;
	text-decoration:none;
}

#siteMap a:hover{
	text-decoration:underline
}

#siteMap a:active{
	text-decoration:none;
}

/* ----- Sidebar Styles ----- */
#sidebar {
	float:right;
	width:215px;
	margin:20px;
}

#sidebar div{
	position:relative;
	width:215px;
	height:50px;
	background:url(../_images/slices/sidebar-unselected.png);
	margin-bottom:10px;
}

#sidebar span{
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;

  /* edit: added z-index */
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('../../file/Macintosh%20HD/Users/NSFDMD/Desktop/MVL%20Website%20Sandbox/MV%20Forest%20Products/_css/empty.gif');
}
	

#sidebar div:hover {
	width:215px;
	height:50px;
	background:#4F69C1;
	margin-bottom:10px;
}

#sidebar h1 {
	font-family: 'Holtwood One SC', serif;
	font-size:medium;
	text-align:center;
	color:rgb(242,242,242);
	padding-top:10px;
	width:200px;
}

#sidebar div:hover h1 {
	text-decoration:underline;
}

/* ----- Footer Styles ----- */
#pageFooter {
	display:inline-block;
	position:relative;
	font-family:'Patua One', cursive;
	left:-20px;
	width:940px;
	padding:10px;
	background-color:rgb(102,102,102);
	color:rgb(242,242,242);
	-moz-box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
	box-shadow:7px 0px 7px 0px rgba(0,0,0,.8);
}

#pageFooter > img:first-child {
	position:relative;
	width:20px;
	height:9px;
	left:-10px;
	top:-19px;
	z-index:-1;
}

#pageFooter h2 {
	padding-bottom:2px;
	color:rgb(242,242,242);
}

#pageFooter ul {
	padding-left:17px;
	list-style-type:square;
}

#pageFooter a {
	color:rgb(179,179,179);
	text-decoration:none;
}

#pageFooter a:visited {
	color:rgb(179,179,179);
}

#pageFooter a:hover {
	color:rgb(242,242,242);
	text-decoration:underline;
}

#pageFooter p {
	display:block;
	text-align:center;
}

/* ----- Sitemap Styles ----- */
#sitemap div {
	margin-bottom:10px;
	float:left;
	height:175px;
	width:235px;
	border-bottom:#000 dotted thin;
}

footer img[alt=HomeLogo] {
	display:inline-block;
	position:relative;
	top:-50px;
	left:0px;
	-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	z-index:1;
}

footer img[alt=CFPLogo] {
	display:block;
	position:relative;
	top:-50px;
	left:0px;
	float:right;
	-moz-box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	-webkit-box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	box-shadow:0px 0px 4px 0px rgba(0,0,0,.8);
	z-index:1;
}