/* 
	United Native Housing Development Corporation
	by Tim Elias (timelias.com)
*/

/* 	====== Clear ====== */

html, body, h1, h2, h3, h4, p, ul, ol, li, a, img {
	border: 0;
	color: #dddd00;
	margin: 0;
	padding: 0;
}

html, body, div, section, article, aside, header, hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, canvas, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* ====== HTML 5 display rule ====== */
article, aside, canvas, details, figcaption, figure, footer, hgroup, menu, nav, section, summary  {
	display: block;
}


/*	====== Global ====== */

body {
	font-family: Trebuchet, Geneva, sans-serif;
	background-color: #000000;
	color: #dddd00;
	margin: 0;
	padding: 0;
}


/*	====== Containers ====== */

body {
	background-color: #000000;
	
	background-image: url(../_images/rose-garden-spring.jpg);
	background-image: url(../_images/bg-cactus-flower.jpg);
	background-repeat: repeat;
/*	background-image: url(../_images/rose-garden.JPG);	*/
	background-attachment: fixed;
	/* image from public domain: http://www.museumcollections.parks.ca.gov/media/full/B7C1BFDB.jpg */
	opacity: 1;
}

#wrapper {
	background-color: #000000;

	box-shadow: 0px 15px 25px 15px #ddaa00;
	position: relative;
	margin: 0px auto;
	width: 850px;
}

#content_wrapper {
	position: relative;
	margin: 0px auto;
	width: 850px;
}

#inner_wrapper {
	/*background-image: url(../images/bg_biz_card_oregon_woods.jpg);
	background-repeat: no-repeat;*/
	position: relative;
	margin: 0px auto;
	width: 850px;
}

header {
	background-color: #000000;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	border-style: solid;
	border-width: 0px;
	height: 75px;
	opacity: 0.8;
		filter:alpha(opacity=80); /* For IE8 and earlier */
	padding: 5px 10px;
	position: relative;
}

#header {
	
}

#header p {
	padding-left: 10px;
}

#header_inside {
	position: relative;
}

#content {
	/*background-image: url(../images/bg_biz_card_oregon_woods.jpg);
	background-repeat: no-repeat;*/
	background-color: #000000;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	border-style: solid;
	border-width: 0px;
	box-shadow: 0px 10px 18px 10px #997744;
	padding: 10px 10px 10px 10px;
	position: relative;
	width: 830px;
}

.extra {
	float: right;
}

#content_inside {
	padding: 10px;
	position: relative;
}

#footer {
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 5px 10px;
	position: relative;
}

div#footer {
	  /* margin: 30px 50px;*/
	background-color: #111100;
	opacity: 1.0;
		filter:alpha(opacity=60); /* For IE8 and earlier */
		
	padding: 30px;
	position: relative;
	width: auto;
	z-index: 920;
}

div#footer p {
	background: transparent;
	color: #eeee00;
	font-size: 10px;
	font-weight: bold;
	opacity: 1;
	padding: 3px 3px;
	z-index: 925;
}

/*	====== Navigation ======*/

nav {
	background: transparent;
	color: #ffff77;
	position: absolute;
	z-index: 1000;
}

div#menu {
	background-color: transparent;
	color: #ffff77;
	font-family: Trebuchet, sans-serif;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
	margin: 0 0 150px 0;
	padding: 3px 0px 3px 125px;
/*
	position: absolute;
		bottom: -83px;
		left: 10px;
*/
	position: absolute;
		top: -28px;
		
	text-align: center;
	width: 650px;
	z-index: 1000;
}

div#menu ul {
	background-color: transparent;
	line-height: 290%;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	text-decoration: none;
}

div#menu > ul li {
	background-color: #000000; 
	display: inline;
	float: left;
	/*font-size: 30px;*/
	margin: 0px;
	padding: 0px 10px 0px 10px;
	position: relative;
	text-align: left;
	/*width: 100px;*/
	z-index: 1000;
}

div#menu > ul li a {
	background-color: #222222; 
	font-variant: small-caps;
	font-size: 30px;
	text-decoration: none;
	padding: 22px 5px 2px 5px;
}

div#menu > ul li a:link {
	color: #ffff77;

}

div#menu > ul li a:visited {
	color: #ffff77;

}

div#menu > ul li a:hover {
	color: #ffaa55;
}

div#menu > ul li a:active {
	color: #ffffff;

}

.menu_text {
	background-color: transparent;
	background-image: url(../_images/house_button.gif);
	background-repeat: no-repeat;
	margin: 15px;
	padding: 15px 5px 15px 0px;
	position: relative;
		left: -1px;
		top: 5px;
	margin: 2px auto;
	width: 90px;
}

.menu_text:hover {
	background: #dfffff url(../_images/house_button-hover.png) no-repeat top left;
	color: #990000;
		top: 15px;
		left: -1px;
}

.none {
	color: #000000;
	border-bottom: none;
}

.house_button {
	margin: auto;
	position: absolute;
		top: 0px;
		left: 0px;
	width: 30px;
	z-index: -1;	
}

/* ============= temp =============*/
/*

div#menu > ul li a:link {
	background: transparent url(../_images/house_button-sprite-04.gif) no-repeat left top;
	background-repeat: no-repeat;
	display: block;
	line-height: 25px;
	margin: 0 35px 0 0;
	padding: 0px 5px 0px 0px;
	position: relative;
		left: -1px;
		top: 15px;

}

div#menu > ul li a:visited {
	background: transparent url(../_images/house_button-sprite-04.gif) no-repeat left top;
	background-repeat: no-repeat;
	display: block;
	line-height: 25px;
	margin: 0 35px 0 0;
	padding: 0px 5px 0px 0px;
	position: relative;
		left: -1px;
		top: 15px;

}

div#menu > ul li a:hover {
	background: transparent url(../_images/house_button-sprite-04.gif) no-repeat left bottom;
	cursor: url(../_images/house_button-04.gif);

}

div#menu > ul li a:active {
	background: transparent url(../_images/house_button-sprite-04.gif) no-repeat left bottom;

}
*/
/*a span.menu_text:link, a span.menu_text:visited {
	background-color: transparent;
	background-image: url(../_images/house_button-sprite-04.gif) left top;
	background-repeat: no-repeat;
	display: block;
	line-height: 25px;
	margin: 35px;
	padding: 15px 5px 15px 0px;
	position: relative;
		left: -1px;
		top: 15px;
	margin: 2px auto;
	width: 90px;
}

a span.menu_text:hover, a span.menu_text:active {
	background-image: url(../_images/house_button-sprite-04.gif) left bottom;
}
*/

/*	====== tag selectors ====== */

a {
	color: #ccff66;
	text-decoration: none;
}

a:hover {
	color: #ffffcc;
	border-bottom: #888888 dashed 1px;
}

h1 {
	background: transparent;
	/*background: transparent url(../_images/logo4.png) no-repeat top right;*/
	background-color: #553311;
	color: #000000;
	font-family: Georgia, serif;
	font-size: 40px;
	font-weight: bold;
	margin: 20px 0 0 0;
	padding:  20px 0 0 0;
	position: relative;
/*
	position: absolute;
*/
		top: 0px;
		left: 0px;
	padding: 15px 15px;	
	text-shadow: 2px 2px 2px #f7cd33;
/*	text-shadow: 1px 1px 3px #67adbd;*/
	z-index: 10;
}

h1.shadow {
	color: #aaaaaa;
	position: absolute;
		top: 7px;
		left: 12px;
	z-index: -1;
}

h2 {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: #222200;
	color: #dddd11;
	font-family: georgia, serif;
	margin: 18px 0px 3px 0px;
	padding: 4px 5px;
}

h3 {
	background-color: #111100;
	font-family: georgia, serif;
	margin: 15px 0px 0px 0px;
}	

p {
	background-color: #000000;
	font-family: geneva, sans-serif;
	margin: 10px 0px;
	padding: 5px 10px 10px 5px;
}

p img {
	float: left;
	padding: 0px 10px 8px 5px;
}

ul {
	background: #222222;
	list-style-type: none;
	padding: 3px 10px 4px 30px;
}

ul li {
	padding: 5px;
}


/*	====== classes/ids ====== */

.board_name {
	color: #cccc00;
	font-family: georgia, serif;
	font-size: 19px;
	font-weight: bold;
	padding: 0px 1px 0px 0px;
}

.board_name img {
	float: left;
	padding: 0px 8px 5px 0px;
	opacity: 1;
		filter:alpha(opacity=100); /* For IE8 and earlier */
}

.clear {
	background: transparent !important;
	clear: both;
	height: 0px;
	line-height: 0px;
	z-index: -10;
}

.color-blue {
	color: #5555ff;
	font-weight: bold;
}

.color-purple {
	color: #dd55dd;
	font-weight: bold;
}

.color-red {
	color: #ff0000;
	font-weight: bold;
}

.color-white {
	color: #ffffff;
	font-weight: bold;
}

.common_link {
	color: #eeee00;
	font-size: 11px;
	font-weight: bold;
	margin: 0px 0px 0px 350px;
/*	text-align: center;
	width: 100px;
*/
}

#company_name {
	color: #663300;
	font-family: geneva, sans-serif;
	font-weight: bold;
	margin: auto;
	padding: 2px 0px;
	text-align: center;
	width: 850px;
}	

#copyright {
	color: #666666;
	font-weight: 100;
	margin-top: 10px;
	padding: 20px 10px;
	position: relative;
}

.image-link {
	text-decoration: none;
}

a.image-link:hover {
	border-bottom: #888888 dashed 0px;
	text-decoration: none;
}

#logo {
	position: relative;
/*
	position: absolute;
*/
		top: 10px;
		right: 0px;
}

.pictures {
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	background: #222222;
	padding: 5px 5px 5px 5px;

}

.subtitle {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 0;
	text-shadow: 0px 0px 0px #000000;
}