/*   All CSS code is Copyright 2009 HunterGD @ http://HunterGD.com   *
*  Do not use or borrow my code without giving credit to me, at the  *
*  least, please leave this header with the code.                   */

/* @group Global Unsets */

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	text-align: left;
	font-weight: normal;
}

h1, h2, h3, h4, h5, p, pre, blockquote, form, fieldset, ul, ol { padding: 8pt 0; }



/* @end */

/* @group Quick Styles */

b {
	font-weight: bold !important;
}

.center {
	text-align: center !important;
	text-indent: 0 !important;
}

.clear {
	clear: both !important;
}

.click {
	cursor: pointer !important;
}

u {
text-decoration: underline !important;
}

/* @end */


body {
	background: #18241A url('/images/bg-main.gif') repeat scroll center top;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	min-width: 960px;
	padding-bottom: 20px;
}

/* @group NoScript */

.javascriptDisabled .containerDiv {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #355E3B url('/images/bg-main.jpg') no-repeat top center fixed;
	z-index: 1;
}

.javascriptDisabled .contentDiv {
	background-color: #FFF;
	width: 70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	top: 10%;
	left: 15%;
	border: 4px solid #000;
}

.javascriptDisabled .contentDiv h2 {
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
}

.javascriptDisabled .contentDiv p {
	margin-bottom: .5em;
	margin-left: 1em;
	margin-right: 1em;
}

/* @end */

/* @group Header */

#header {
	width: 100%;
	height: 100px;
	margin-top: 20px;
	border-top: 5px solid #355E3B;
	border-bottom: 5px solid #355E3B;
	background-color: #DEDEDE;
}

#logo {
	float: left;
	margin-left: 20px;
	margin-top: 8px;
	height: 83px;
	width: 329px;
	background: url(/images/logo.gif) no-repeat left top;
}

#logo a {
	display: block;
	height: 83px;
	width: 329px;
}

#navigation {
	display: block;
	height: 90px;
	font: bold 1.4em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #355E3B;
	float: right;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#navigation img {
	float: left;
	margin-right: 5px;
}

#naviRow1, #naviRow2 {
	display: block;
	height: 45px;
	line-height: 45px;
}

#naviRow1 {
}

#naviRow2 {
	padding-right: 1em;
}

#navigation a, #navigation a:link, #navigation a:visited {
	color: #355E3B;
	text-decoration: none;
	font-weight: bold;
	line-height: 45px;
	float: right;
	padding-left: 50px;
	padding-right: 20px;
	display: block;
}

#naviHome {
	background: url(/images/icon-home.gif) no-repeat left top;
}

#naviHome-current {
	background: url(/images/icon-home-current.gif) no-repeat left top;
	color: #009926 !important;
}

#naviHome:hover, #naviHome-current:hover {
	background: url(/images/icon-home-hover.gif) no-repeat left top !important;
	color: #994f42 !important;
}

#naviAbout {
	background: url(/images/icon-about.gif) no-repeat left top;
}

#naviAbout-current {
	background: url(/images/icon-about-current.gif) no-repeat left top;
	color: #009926 !important;
}

#naviAbout:hover, #naviAbout-current:hover {
	background: url(/images/icon-about-hover.gif) no-repeat left top !important;
	color: #994f42 !important;
}

#naviContact {
	background: url(/images/icon-contact.gif) no-repeat left top;
}

#naviContact-current {
	background: url(/images/icon-contact-current.gif) no-repeat left top;
	color: #009926 !important;
}

#naviContact:hover, #naviContact-current:hover {
	background: url(/images/icon-contact-hover.gif) no-repeat left top !important;
	color: #994f42 !important;
}

#naviWebDesign {
	background: url(/images/icon-webdesign.gif) no-repeat left top;
}

#naviWebDesign-current {
	background: url(/images/icon-webdesign-current.gif) no-repeat left top;
	color: #009926 !important;
}

#naviWebDesign:hover, #naviWebDesign-current:hover {
	background: url(/images/icon-webdesign-hover.gif) no-repeat left top !important;
	color: #994f42 !important;
}

#naviPortfolio {
	background: url(/images/icon-portfolio.gif) no-repeat left top;
}

#naviPortfolio-current {
	background: url(/images/icon-portfolio-current.gif) no-repeat left top;
	color: #009926 !important;
}

#naviPortfolio:hover, #naviPortfolio-current:hover {
	background: url(/images/icon-portfolio-hover.gif) no-repeat left top !important;
	color: #994f42 !important;
}

/* @end */

/* @group Content */

#content {
	display: block;
	padding-right: 8pt;
	padding-left: 8pt;
	background: #DEDEDE url(/images/bg-content.gif) repeat scroll center top;
	margin: 20px 20px 0;
}

#content p {
	text-align: justify;
	margin-left: 1em;
	margin-right: 1em;
}

/* @group Headers */

#content h1, #content h2, #content h3, #content h4, #content h5 {
	text-align: center;
	font-weight: bold;
	color: #355E3B;
}

#content h1 { font-size: 1.8em; }
#content h2 { font-size: 1.6em; }
#content h3 { font-size: 1.4em; }
#content h4 { font-size: 1.2em; }
#content h5 { font-size: 1em; }

/* @end */

#content a, #content a:link, #content a:visited {
	color: #5D3A34;
	text-decoration: underline;
	font-weight: bold;
}

#content a:hover, #footer a:hover {
	color: #800000 !important;
}

/* @end */

/* @group Footer */

#footer {
	display: block;
	width: 100%;
	border-top: 1px dashed #B8B8B8;
}

#footer p {
	text-align: center;
	font-size: 80%;
	height: 1em;
	line-height: 1em;
}

/* @end */