@charset "utf-8";
/* CSS Document */

html {
	min-height: 100%; height: 100%; /* to help solve height issue */
}

body {
	background-image:url(images/stretch.jpg);
	/*height:830px;*/ /* controls the page/content background height */
	background-repeat:repeat-x;
	background-color:#7B7345;
	padding:0px;
	margin:0px;
	text-align: center; /* to centre page pt 1 */
	font-family:Arial, Helvetica, sans-serif;
	/*padding: 0px 0px 0px 0px;*/ /* remove top padding etc */
	margin: 0px; /* remove top padding etc */
	min-height: 100%; height: 100%; /* to help solve height issue */
}

h2, h2#about {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9B3F2A;
	padding-top:15px;
	margin:0 78px 10px 0;
	width:515px;
}

h3 {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#9B3F2A;
	padding-top:15px;
	margin:0 78px 10px 0;
	width:515px;
}

p {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
}

a {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#38BCB7;
	text-decoration:underline;
}

img {
	border: none;
}

img#padder {
	padding-top:14px;
}

.b2t {
	display: block;
	width: 487px;
	height: 170px;
	background: url("images/back-to-top.gif") no-repeat 0 0;
	margin:40px 40px 40px 0px;
}

.b2t span {
	display: none;
}

hr {
	color: #A43F2A;
	background-color: #A43F2A;
	height: 3px;
}

#container {
	margin: 0 auto; /* to centre page pt 2 */
	/*height:100%;*/
	width:905px;
	text-align: left;
	/*min-height: 100%; height: 100%;*/ /* to help solve height issue */
}

#banner {
	height:179px;
	background-repeat:no-repeat;
}

h1 {
	background-image: url(images/logo.jpg);
	height: 179px;
	width: 905px;
	text-indent: -9999px;
	padding: 0px 0px 0px 0px; /* remove top padding etc */
	margin: 0px; /* remove top padding etc */
}

#nav1 {
	height:97px;
	background-repeat:no-repeat;
}

#banner-left
{
	float:left;
	display: block;
	width: 353px;
	height: 97px;
	background: url("images/banner-left.jpg") no-repeat 0 0;
}

#banner-left:hover
{ 
	background-position: 0 -97px;
}

#banner-left span
{
	display: none;
}

#banner-centre
{
	float:left;
	display:block;
	width: 233px;
	height: 97px;
	background: url("images/banner-centre.jpg") no-repeat 0 0;
}

#banner-centre:hover
{ 
	background-position: 0 -97px;
}

#banner-centre span
{
	display: none;
}

#banner-right
{
	float:right;
	display:block;
	width: 319px;
	height: 97px;
	background: url("images/banner-right.jpg") no-repeat 0 0;
}

#banner-right:hover
{ 
	background-position: 0 -97px;
}

#banner-right span
{
	display: none;
}

#nav2 {
	background-image:url(images/feature-nav.jpg);
	height:43px;
	background-repeat:no-repeat;
}

#nav2 ul#nav {
	margin:0;  
	position:absolute;
	padding-left:65px; 
	width:800px;
}

#nav2 ul#nav li {
	float:left;
	background:url(images/bullet.gif) no-repeat 0 1.1em; 
	padding:10px 10px 30px 30px;
	list-style:none;
}

#nav2 ul#nav li a {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}

#nav2 ul#nav li a:hover, #nav2 ul#nav li a.active {
	color:#38BCB7;
	text-decoration:underline;
}

#top-content-holder {
	background-image:url(images/top-body.jpg);
	height:281px;
	background-repeat:no-repeat;
}

#top-content {
	float:left;
	padding-top:15px;
	margin:0 0 0 65px;
	width:500px;
}

#main-content-holder {
	background-image:url(images/body.jpg);
	background-repeat:repeat-y;
	/*height:100%;*/
	min-height: 100%; height: 100%;
	/*min-height: 100%; height: 100%;*/ /* to help solve height issue */
	overflow:hidden;
}

#main-content {
	float:left;
	margin:0 0 0 65px; 
	width:500px;
	/*min-height: 100%; height: 100%; */ /* to help solve height issue */
	/*position:relative;
	overflow:hidden;
	display:inline-block;*/
	min-height: 100%; height: 100%; /* to help solve height issue, commenting out eliminates body.jpg*/
	/*overflow:hidden;*/
}

h3#web-header {
	background-image: url(images/web-design.gif);
	width: 430px;
	height: 138px;
	text-indent: -9999px;
	padding: 0px 0px 0px 0px; /* remove top padding etc */
	margin: 0px; /* remove top padding etc */
}

h3#graphic-header {
	background-image: url(images/graphic-design.gif);
	width: 430px;
	height: 138px;
	text-indent: -9999px;
	padding: 0px 0px 0px 0px; /* remove top padding etc */
	margin: 0px; /* remove top padding etc */
}

h3#branding-header {
	background-image: url(images/branding.gif);
	width: 430px;
	height: 138px;
	text-indent: -9999px;
	padding: 0px 0px 0px 0px; /* remove top padding etc */
	margin: 0px; /* remove top padding etc */
}

#sidebar {
	float:right;
	padding-top:15px;
	margin:0 78px 0 0; 
	width:235px;
}

#main-sidebar-content {
	float:right;
	padding-top:15px;
	margin:0 78px 0 0; 
	width:235px;
}

.side {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2C1F1B;
	padding-top:15px;
	margin:0 78px 10px 0; 
	width:235px;
}

.side-main {
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2C1F1B;
	padding-top:17px;
	width:235px;
}

#footer {
	background-image: url(images/footer.jpg);
	width:905px;
	height:302px;
	clear:both;
}

#footer-content {
	float:left;
	margin:0 0 0 65px; 
	width:500px;
	padding-top:20px;
	padding-left:20px;
}

div#footer-content div.footer-content-block {
	float:left;
	width:120px;
	padding-left:30px;
	margin-bottom:20px;
	border-top-style:dashed; 
	border-top-color:#a43f2a; 
	border-top-width:2px;
	border-right-style:dashed; 
	border-right-color:#a43f2a; 
	border-right-width:2px;
}

p#copy {
	padding-top:200px;
}