/* CSS Document. Designed by Studio2, St Paul MN. www.studio2info.com */


/* GLOBAL STYLES
--------------------------------------------------------------  */
*{margin:0; padding:0;}

body	{
	color: black;
	background: url(images/or_site_bg.gif) #566871;
	background-repeat: repeat-x;
}

a	{
	color:#f8b307;
	text-decoration: none;
	border-bottom: 1px solid #f8b307;
}

a:active, a:hover	{
	text-decoration: none;
	border-bottom: 1px dotted #f8b307;
}

.clear {
	clear:both;
}

.wide_lead	{
	line-height:2em;
}

/* MAIN NAVIGATION
--------------------------------------------------------------  */
#nav {
	position:absolute;
	margin: -50px 0 0 39px;
	padding: 0;
	height: 25px;
	overflow: hidden;
}

#nav li {
	height:25px;
	list-style-type: none;
	display: inline;
}

#nav a {
	float: left;
	display:block;
	padding: 25px 0 0 0;
	overflow: hidden;
	height:0 !important; 
	height /**/:25px; /* for IE5/Win only */
}

#nav a:hover {
	background-position: 0 -25px;
}

#nav a:active, #nav a.selected {
	background-position: 0 -25px;
}

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

#nServices a  {
	width: 69px;
	background: url(images/services_button.gif) top left no-repeat;
}

#nWater a  {
	width: 115px;
	background: url(images/water_button.gif) top left no-repeat;
}

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

#nGallery a  {
	width: 64px;
	background: url(images/gallery_button.gif) top left no-repeat;
}

#nLinks a  {
	width: 50px;
	background: url(images/links_button.gif) top left no-repeat;
}

#nContact a  {
	width: 95px;
	background: url(images/contact_button.gif) top left no-repeat;
}


/* STRUCTURE
--------------------------------------------------------------  */
#header	{
	position:relative;
	margin: 0 auto;
	width: 726px;
	z-index:100;
	


}

#maincontainer	{
	position:relative;
	width: 661px; /* 726px - padding */
	background: url(images/or_content_bg.png) repeat-y;/* For IE: background: url(images/or_content_bg_noblur.gif) repeat-y;*/
	margin: -7px auto 0 auto;
	padding: 11px 45px 0 20px;
	overflow:hidden;

}



#content	{
	width: 680px;
	overflow:hidden;

}
	#column1	{
		width: 325px;
		float:left;
	}
	
	#column1 li {
		margin: 4px;
		padding-left:6px;
		font: 66%/1.3 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
		color: #447286;
		list-style: bullet;
		list-style-position: inside;
	}
	
	#column1 li:last-child {
		margin-bottom: 0;
	}
	
	#column1 ul	{
		margin: 9px 0 0 0;
	}

		#shadowtop	{
			width: 325px;
			height: 48px;
			padding:0 0 0 25px;
			background:url(images/shadow_top.gif) no-repeat;
		}

		#shadowcontainer	{
			width: 325px;
			margin:-30px 0 0 0;
			padding:0 0 0 25px;
			background:url(images/shadow_container.gif) repeat-y;
		}

		#shadowbottom	{
			width: 325px;
			height: 26px;
			background:url(images/shadow_bottom.gif) no-repeat;
		}

	#column2	{
		width: 290px;
		float:right;
	}
		#column2 img	{
			padding: 3px;
			border: 1px solid #8399a5;
		}
		
	#maincolumn2	{
		width: 290px;
		float:right;
	}
	
		#maincolumn2 img	{
			margin-top:25px;
			padding: 3px;
			border: 1px solid #8399a5;
		}

#subcontent	{
	position:relative;
	width: 684px; /* Width allows for slight margin inside main container*/
	margin:25px 0 0 0;
	padding:5px 2px;
	clear:both;
	overflow:hidden;
}


#subcontent p	{
	background:url(images/arrow_right.gif) bottom right no-repeat;
}

		#section_1	{
			width: 190px;
			height: 100px;
			margin: 2px;
			padding:4px 15px;
			float:left;
			border-right: 1px solid #8399a5;
		}
		#section_2	{
			width: 190px;
			height: 100px;
			margin: 2px;
			padding:4px 15px;
			float:left;
			border-right: 1px solid #8399a5;
		}
		#section_3	{
			width: 190px;
			height: 100px;
			margin: 2px;
			padding:4px 15px;
			float:left;
		}


#page	{
	position: absolute;
	height:55px;
	top: 99px;
	right: 45px;
	padding-left: 18px;
	background-image: url('images/shadow.gif');
	background-repeat: no-repeat;
	z-index: 100;

}
/* GALLERY
--------------------------------------------------------------  */
#gcolumn_1	{
	width: 200px;
	float: left;
}	

#gcolumn_2	{
	width: 470px;
	float: right;

}

#gcolumn_2 img	{
	border: 1px solid #889eab;
	padding: 3px;
	margin: 5px 0 10px 0;
}

#galleryNav	{
	width:135px;
	font-family:"Bernhard Modern",Georgia,Serif;
	padding: 15px;
  	
}
#galleryNav ul	{
	margin: 0;
	padding: 0;
}	

#galleryNav li	{
	font-size: 110%;
	color: #a3cb52;
	list-style:none;
	margin: 0 0 13px 0;
	padding: 0 0 0 6px;
}

#galleryNav li img	{
	position:relative;
	top: 1px;
}

#galleryNav	li li	{
	display:block;
	float:left;
	margin: 0 0 0 0;
	font-size: 66%;
	text-decoration: none;
	padding-bottom: 5px;
	padding-top: 3px;
}

#galleryNav	ul:last-child	{
	clear:both;
	
}

#galleryNav li a	{
	clear:both;
	text-decoration:none;
	color: #a3cb52;
	margin-left:0px;
	border-bottom: none;
	
}

#galleryNav li a:first-child	{

	margin-left: 0px;

	
}



#galleryNav li a:hover	{
	color: #7b9a3e;
}

#galleryNav li li a	{
	text-decoration:none;
	color: #889eab;
	margin-right:11px;
	border-bottom: none;
}

.open	{
	border-bottom: 1px solid #889eab;
	border-left: 1px solid #889eab;
	
}
/* FOOTER
--------------------------------------------------------------  */
#footer	{
	width: 701px;
	position:relative;
	margin: 0 auto;
	padding:25px 0 0 25px;
	background:url(images/footer.png) no-repeat;  /* For IE: background:url(images/footer_noblur.gif) no-repeat;*/ 
}

#footer p	{
	font-size: 66%;
	float:right;
	color:#889eab;
	margin: -25px 23px 0 0;
	padding: 0;
}


/* TYPOGRAPHY
--------------------------------------------------------------  */
h1, h2, h3, h4 {
  	margin: 0  0 .65em  0;
  	font-family:"Bernhard Modern",Georgia,Serif;
  	font-weight:normal;
	color:#f8b307;
  	clear:both;
}

h1 {
  	margin: 0;
  	font-size: 180%;
  }
h2 {
  	font-size: 175%;
}
h3 {
  	font-size: 135%;
	float:left;
}

h4 {
  	font-size: 88%;
	color:#394e57;
}

p	{
	
	font: 76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	color: #394e57;
}

table	{
	font: 76%/1.5 "Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	color: #394e57;
	vertical-align: top;
	padding: 4px;
	
}

td	{
	vertical-align: top;
	padding: 3px;
}

tr	{
	margin-bottom: 15px;
}

.reduced	{
	font-size: 66%;
}



.head 	{
	margin: 0 0 10px 26px;
}

#desc	{
	margin: 5px 0 0 0;
	padding-left: 3px;
	font-size: 10px;
}

/* MISC
--------------------------------------------------------------  */

img .inline	{
	display:inline;
	
}