/* dhcenter.css */
/* Designed by: Skillings Technology, New Ulm Web Design (Ronald Calbick) */
/* Date: 04/08/09 */


/* ----------UNIVERSAL STYLES---------- */
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

p {
	margin-bottom: 10px;
}

img {
	display: block;
	border: 0px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/* ----------PAGE STYLES---------- */
body { 
    background: #c0a488;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}

/* ----------WRAPPER---------- */
#wrapper {
	position: relative;
	width: 1000px;
	margin: 0px auto;
	padding-bottom: 25px;
	background: url(../images/wrapperBack.jpg) repeat-y;
}

/* ----------CONTENT---------- */
#content {
	position: relative;
	width: 800px;
	margin: 0px auto;
	background: #ffffff url(../images/contentBack.jpg) repeat-x;
	text-align: justify;
	overflow: hidden;
}

/* ----------BANNER---------- */
#bannerLeft {
	position: relative;
	float: left;
	width: 450px;
	height: 160px;
	padding: 50px 15px 15px 15px;
	border-top: 15px solid #800517;
	overflow: hidden;
}

#bannerLeft h1 {
	font-size: 14pt;
	font-style: italic;
	text-align: center;
}

#bannerRight {
	position: relative;
	float: right;
	width: 320px;
	height: 200px;
	padding: 10px 0px 10px 0px;
	border-top: 15px solid #800517;
	text-align: center;
	overflow: hidden;
}

#location {
	clear: both;
	width: 800px;
	height: 20px;
	margin: 0px auto;
	text-align: center;
	line-height: 20px;
}

/* ----------NAVIGATION---------- */
#nav {
	clear: both;
	width: 800px;
	height: 35px;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	background: #800517;
	text-align: center;
	font-size: 11pt;
	line-height: 35px;
	color: #ffffff;
}

#nav a {
	display: inline;
	text-decoration: none;
	color: #ffffff;
}

#nav a:hover {
	text-decoration: underline;
}

/* ----------PHOTO NAVIGATION---------- */
#navPhotos {
	position: relative;
	float: left;
	width: 270px;
	padding: 10px 5px 10px 15px;
}

#navRemodeling a, #navIntdecor a, #navHomeimprove a, #navNewhomes a, #navKitchens a , #navFarmutility a {
	position: relative;
	display: block;
	width: 260px;
	height: 75px;
	margin-bottom: 10px;
	padding: 5px 0px;
	border: 5px double #800517;
	font-size: 11pt;
	text-decoration: none;
	text-align: center;
	color: #000000;
}

#navRemodeling a span, #navIntdecor a span, #navHomeimprove a span, #navNewhomes a span, #navKitchens a span, #navFarmutility a span {
	position: absolute;
	top: 60px;
	left: 0px;
	width: 260px;
	text-align: center;
}

#navRemodeling a {
	background: url(../images/navRemodeling.jpg) center center no-repeat;
}

#navRemodeling a:hover {
	background: url(../images/navRemodelingOver.jpg) center center no-repeat;
}

#navIntdecor a {
	background: url(../images/navIntdecor.jpg) center center no-repeat;
}

#navIntdecor a:hover {
	background: url(../images/navIntdecorOver.jpg) center center no-repeat;
}

#navHomeimprove a {
	background: url(../images/navHomeimprove.jpg) center center no-repeat;
}

#navHomeimprove a:hover {
	background: url(../images/navHomeimproveOver.jpg) center center no-repeat;
}

#navNewhomes a {
	background: url(../images/navNewhomes.jpg) center center no-repeat;
}

#navNewhomes a:hover {
	background: url(../images/navNewhomesOver.jpg) center center no-repeat;
}

#navKitchens a {
	background: url(../images/navKitchens.jpg) center center no-repeat;
}

#navKitchens a:hover {
	background: url(../images/navKitchensOver.jpg) center center no-repeat;
}

#navFarmutility a {
	background: url(../images/navFarmutility.jpg) center center no-repeat;
}

#navFarmutility a:hover {
	background: url(../images/navFarmutilityOver.jpg) center center no-repeat;
}

#navRemodeling a:hover, #navIntdecor a:hover, #navHomeimprove a:hover, #navNewhomes a:hover, #navKitchens a:hover, #navFarmutility a:hover {
	color: #ffffff;
}

/* ----------CONTENT COPY---------- */
#copy {
	float: right;
	width: 485px;
	padding: 10px 15px 10px 10px;
}

#copy h1 {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 3px double #800517;
	font-size: 14pt;
	font-weight: bold;
	color: #800517;
}

#copy h2 {
	margin-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;
	color: #800517;
}

#copy ul {
	margin-bottom: 10px;
}

#copy li {
	margin-left: 35px;
}

/* ----------GALLERY---------- */
#gallery {
	text-align: center;
}

#gallery img{
	display: inline;
	margin: 5px;
	border: 2px solid #800517;
}

/* ----------STAFF---------- */
#staff {
	font-size: 10pt;
}

#staff p {
	clear: both;
	margin-bottom: 15px;
}

#staff img {
	float: right;
	display: inline;
	margin-bottom: 15px;
	margin-left: 10px;
}

/* ----------FOOTER---------- */
#footer {
	clear: both;
	position: relative;
	width: 800px;
	margin: 0px auto;
	padding: 10px 0px;
	border-bottom: 1px solid #ffffff;
	background: #800517;
	font-size: 8pt;
	text-align: center;
	color: #c0a488;
}

#footer img {
	display: inline;
	margin: 0px 20px;
}

#footer a {
	color: #c0a488;
}