* { padding: 0; margin: 0; } /*global definition for padding and margin*/

html {
	height: 101%;
	background-color: #A4680D;
	padding-bottom: 15px;
}


body {
		font-size: 100%;
		height: 100%;
		/* fixes MAC - border shows about 15px*/
		/* of backgroundimage below last div*/
		/* if window is larger than content also*/
		/* place background-color in html above*/
		/* -fix by http://www.zeldman.com/press/discuss_css.html*/
	}
h1, h2, h3, h4, h5 { font: normal 100%/100% 'Lucida Grande', verdana, 'Trebuchet MS',sans-serif; }
h1 {
	font-size: 26px;
	line-height: 100%;
	color: #11568B;
	padding: 0 0 5px 0;
	
}
h2 {
	font-size: 17px;
	line-height: 100%;
	color: #464646;
	padding: 5px 0 5px 0;
}
h3 {
	font-size: 20px;
	padding: 0 0 1px 0;
	color: #A4680D;
}
h4 {
	font-size: 20px;
	line-height: 100%;
	color: #11568B;
	padding: 0 0 5px 0;
}
h5 {
	font-size: 1.5em;
	color: #FFF;
	padding: 30px 0 0 32px;
}


p, ol, ul, table, dl { font: normal 13px/150% "Lucida Grande", Arial, Verdana, 'Trebuchet MS', sans-serif; padding: 0 0 5px 0; color: #7C7C7C;}

a, a:visited { color: #336699; }
a:hover { color: #336699; text-decoration: none; }

dl { padding: 0 0 5px 10px; }
dt { font-weight: bold; }
dd { margin: 0 0 5px 0; }

ol { padding: 0 0 0 15px; list-style-position: inside; }
ol li { padding: 0 0 5px 0; }

ul { padding: 0 0 0 20px; }
ul li { padding: 0 0 5px 0; list-style: square; }

th { font-weight: bold; }
td { padding: 3px 0; }

img { border: none; }

#wrapper { width: 816px; background: #CCC url(/images/ruwood_background.gif) repeat-y 0 0; margin: 0 auto;}
	#header{background: url(/images/ruwood_header.jpg); width: 816px; height: 184px; position:relative;}
	#nav{position:absolute; left: 34px; top:125px;}
	#nav ul{padding: 0;}
	#nav li{list-style:none; float: left; font-size: 18px; }
	#nav li a{color: #FFF; float: left; text-decoration: none; display: block; height: 18px; padding: 20px 24px 21px 24px;}
	#nav li a:hover{background: url(/images/nav_hover.jpg) repeat-x 0 0;}
#content{margin: 0 34px; width: 747px; position: relative; background-color: #CCC;}

#left_photo1{float: left; padding: 0 5px 10px 0;}
#left_photo2{float: right;}
#left_photo3{float: right; margin-bottom: 80px;}
#right_photo1{float: right; margin: 0 5px 0 8px;}
#right_photo2{float: left; padding-right: 5px;}
#right_photo3{float: right; margin: 0 5px 0 8px; padding: 0 0 30px 0;}


#right_photo{position: absolute; right:0;}

#left_photo{position: absolute; left:0;}

#main{position: relative; padding-bottom: 30px;}

#main_copy_right{min-height: 456px; width: 370px; padding: 25px 25px 25px 20px; position: relative; z-index:1; margin-left: 345px;}

#main_copy_left{min-height: 456px; width: 370px; padding: 25px 25px 25px 20px; position: relative; z-index:1;}

#welcome{background: url(/images/home_welcome2.jpg) no-repeat; padding: 15px; margin-left: 10px; margin-bottom: 20px; width: 316px; height: 210px;}
/*#welcome h1{text-align: center;}*/
#welcome p{font-size: 13px; color: #FFF; line-height: 110%;}

#plywood_welcome{background: url(/images/plywood_welcome.jpg) no-repeat; padding: 15px 5px; margin-left: 30px; margin-bottom: 10px; margin-top: 10px; width: 296px; height: 73px;}

#cut_welcome{background: url(/images/cut_welcome.jpg) no-repeat; padding: 15px; margin-left: 30px; margin-bottom: 10px; margin-top: 10px; width: 296px; height: 73px;}

#contact_welcome{background: url(/images/contact_welcome.jpg) no-repeat; padding: 15px 20px; margin-left: 30px; margin-bottom: 10px; margin-top: 10px; width: 296px; height: 73px;}

#contact ul{padding: 0 0 0 25px;}
#contact li{list-style: none}

#top_footer{padding: 0 0 0 25px;}
#top_footer li{list-style: disc; float:left; font-size:1em;padding: 8px 20px 5px 0; color: #11568B}
#top_footer li.first{list-style: none;}

#footer{width: 100%; height:36px; background-color: #7F9FC0;}
#footer ul{padding: 0 0 0 25px; }
#footer li{list-style: disc; float:left; font-size:1em;padding: 8px 20px 10px 0; color: #FFF;}
#footer li.first{list-style: none;}
#footer li a{color: #FFF;}

#bottom_footer{padding: 5px 0 20px 25px; color: #11568B;}


#notice {
	background-color:#FFC;	
	border-bottom:1px solid #CC9;
	}
	#notice p {
		margin-left:20px;
		padding:5px;
		font-size:1.05em;
		line-height: 150%;
		color:#999;
	}
	#notice a {
		border:1px solid #CC9;
		text-decoration:none;
		padding:3px 5px 2px 5px;
		color:#CC9;
		font-weight:bold;
		font-size:12px;
		line-height:12px;
	}


/**************************************************
						CLASSES
**************************************************/
.clear { clear: both; }
.right {text-align: right;}
.center{padding: 5px 50px 0;}
.center2{padding: 0 20px 0 0; text-align: center;}
.left{text-align: left;}
.contact{font-size: 15px; line-height: 130%; padding: 0 25px 20px 25px;}
.contact2{font-size: 15px; line-height: 130%; padding: 0 25px 60px 25px;}
.top_padding{margin: 15px 0 0 0;}
.left_padding{margin-left: 10px;}
.contact_padding{margin-left: 15px;}
.cut_padding{margin: 0 15px;}
.line1{position: absolute; left: 10%; bottom: 60px;}
.line2{position: absolute; left: 20%; bottom: 35px;}
.line3{position: absolute; left: 3%; bottom: 55px;}
.line4{position: absolute; left: 13%; bottom: 30px;}
.line5{position: absolute; left: 25%; bottom: 55px;}
.line6{position: absolute; left: 35%; bottom: 30px;}

/*styles for pagination*/
.pagination { font-weight: bold; text-align: center; }
.pagination a { border: 1px solid #FFF; background-color: #000; padding: 2px 5px; text-decoration: none; }
.pagination a:hover { background-color: #9B4311; color: #FFF; text-decoration: none; }