@charset "UTF-8";
/* CSS Document */
body {
	margin-top: 0px;
	text-align: center;
}

/* begin header navigation bar */
#header{
	position:relative;
	background-image:url(http://www.maihardesign.com/img/header.gif);
    margin-left:auto;
	margin-right:auto;
    width:900px;
	border-bottom-width:3px;
	border-bottom-color: #999;
	border-bottom-style:solid;
	height: 140px;
}
#nav {
	margin-left:auto;
	margin-right:auto;
	padding-top:50px;
}
.nav {
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
}
.nav a{
	color:#333;
	text-decoration:none;
}
.nav a:hover{
	color: #DD89A1;
}

/*newsletter signup form*/
#signup {
	padding-top: 8px;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	width: 900px;
	text-align:right;
	height: 60px;
}

/* begin interior page browsing panel left */
#container{
	margin-left:auto;
	margin-right:auto;
    position:relative;
	overflow:hidden;
	top: 10px;
    width:900px;
}
#leftpanel{
    position:absolute;
	top:5px;
    left:0;
    height:100%;
    width:210px;
	text-align:left;
}
.leftnav {
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #333;
}
.leftnav a {
	color: #DD89A1;
	font-size:14px;
	text-decoration: none;
	margin-left:15px;
}
.leftnav a:hover {
	color: #ccc;
	text-decoration:none;
}

/* begin interior page browsing panel right */
#rightpanel{
    position:absolute;
    left:215px;
    width:685px;
	text-align:left;
	font:Verdana, Geneva, sans-serif;
}
.breadcrumb {
	position: relative;
	top: 5px;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
.breadcrumb a{
	color:#DD89A1;
	text-decoration:none;
}
.breadcrumb a:hover{
	color:#333;
	text-decoration:none;
}
.contactheaders {
	position: relative;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}
.contacttext {
	position: relative;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}
.contacttext a {
	color: #DD89A1;
	font-size:14px;
	text-decoration: none;
}
.contacttext a:hover {
	color: #ccc;
	text-decoration:none;
}
.h1 {
	position: relative;
	margin-top: 15px;
	font:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#333;
}
.h2 {
	position: relative;
	margin-top: 15px;
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#DD89A1;
}
.h3 {
	position: relative;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#666666;
}
.righttext {
	position: relative;
	margin-top: 15px;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}
.righttext a{
	color:#DD89A1;
	text-decoration:none;
}
.righttext a:hover{
	color:#333;
	text-decoration:none;
}
.rightfeature {
	position: relative;
	margin-top: 15px;
	font:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#DD89A1;
}

/* begin full middle frame for contact, about sections */
#longpanel{
	top:2px;
    left:0;
    height:100%;
    width:900px;
	float:left;
	text-align:left;
}
.longtext {
	position: relative;
	margin-top: 5px;
	font:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	line-height:20px;
}
.longtext a{
	color:#DD89A1;
	text-decoration:none;
}
.longtext a:hover{
	color:#333;
	text-decoration:none;
}


/* begin sliding photo gallery */
#FrogJS{
	position:absolute;
	margin-left:215px;
	top: 35px;
	width: 680px;
}
#FrogJSCredit{
	text-align: right;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-color: #333;
	padding:1px;
}
#FrogJSCaption{
	text-align: left;
	line-height: 100%;
}

/* site map panels */
#sitemapleft{
    position:absolute;
	top:5px;
    left:0;
    height:100%;
    width:300px;
	text-align:left;
}
.sitemap-one {
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #333;
}
.sitemap-one a {
	color: #666;
	font-size:16px;
	text-decoration: none;
}
.sitemap-one a:hover {
	color: #DD89A1;
	text-decoration:none;
}
.sitemap-two {
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #333;
	margin-left: 18px;
}
.sitemap-two a {
	color: #DD89A1;
	font-size:16px;
	text-decoration: none;
}
.sitemap-two a:hover {
	color: #ccc;
	text-decoration:none;
}
.sitemap-three {
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #333;
	margin-left: 32px;
}
.sitemap-three a {
	color: #DD89A1;
	font-size:16px;
	text-decoration: none;
}
.sitemap-three a:hover {
	color: #ccc;
	text-decoration:none;
}
.sitemap-four {
	font:Verdana, Geneva, sans-serif;
	font-size:16px;
	color: #333;
	margin-left: 50px;
}
.sitemap-four a {
	color: #DD89A1;
	font-size:16px;
	text-decoration: none;
}
.sitemap-four a:hover {
	color: #ccc;
	text-decoration:none;
}
#sitemapmiddle{
    position:absolute;
	top:35px;
    left:300px;
    width:300px;
	text-align:left;
	font:Verdana, Geneva, sans-serif;
}
#sitemapright{
    position:absolute;
	top:35px;
    left:600px;
    width:300px;
	text-align:left;
	font:Verdana, Geneva, sans-serif;
}

/* begin footer */
#footer{
	position:relative;
	top: 15px;
    margin-left:auto;
	margin-right:auto;
    width:900px;
	border-top-width:3px;
	border-top-color: #999;
	border-top-style:solid;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#footnavleft{
    position:absolute;
	height:35px;
    left:0;
    width:200px;
	text-align:left;
	font:Verdana, Geneva, sans-serif;
}
.navleft {
	position: relative;
	top: 5px;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
.navleft a{
	color:#333;
	text-decoration:none;
}
.navleft a:hover{
	color: #DD89A1;
}
#footnavright{
    position:absolute;
	height:35px;
    left:210px;
    width:690px;
	text-align:right;
	font:Verdana, Geneva, sans-serif;
}
.navright {
	position: relative;
	top: 5px;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
}
.navright a{
	color:#333;
	text-decoration:none;
}
.navright a:hover{
	color: #DD89A1;
}