@charset "utf-8";
/* CSS Document */
body {
	background-image: url(images/Backgrund.jpg);
	background-repeat: repeat;}
body,td,th {color: #1a7576;}

#bodycontain {
	width: 600px;
	padding: 20px;}
#homelt {
	width: 550px;
	padding-bottom: 20px;
}
#wrapitup {
	height: auto;
	width: 844px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 0px;
	margin-bottom: 50px;
}
#box {
	background-color: #FFFFFF;
	height: auto;
	margin-right: 10px;
	margin-left: 10px;
	background-repeat: repeat;
	background-position: right top;
	background-image: url(images/body-bg-repeat.png);
	width: 821px;
	border: 2px solid #000000;
	background-attachment: fixed;
	padding-left: 30px;
}

#bodycontain {
	width: 750px;

}

#wrapitup #box #bodycontain #homelt p {
	text-align: center;}



p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;
	margin-right: 75px;
	margin-left: 75px;
	z-index: 10;}
#homenav {
	height: 110px;
	background-image: url(images/logo1.gif);
	background-repeat: no-repeat;
	background-position: center top; }
	

ul li{display:inline
}

ul {
	text-decoration:none;
	list-style-type:none;
	margin:0px;
	padding:0px;
	float:left;}
li a.homebar {
	float:left;
	height:110px;
	background-image:url(images/nhome.gif);
	background-repeat: no-repeat;
	padding-left: 75px;
	background-position: right bottom;
	margin-right: 7px;
	width: 130px;}
li a.homebar:hover {
background-image:url(images/nhome_ov.gif)}
li a.gallerybar {
	float:left;
	width:130px;
	height:110px;
	background-image:url(images/ngallery.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 7px;
	clear: right;}
li a.gallerybar:hover {
	background-image:url(images/ngallery_ov.gif)}
li a.blogbar {
	float:left;
	width:130px;
	height:110px;
	background-image:url(images/nblog.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 7px;}
li a.blogbar:hover {
	background-image:url(images/nblog_ov.gif)}
li .logochick {
	background-image:url(images/logo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	position: fixed;
	background-attachment: fixed;
	clear: none;
	vertical-align: text-top;
	text-align: center;}
li a.contactbar {
	float:left;
	width:130px;
	height:110px;
	background-image:url(images/ncontact.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 7px;}
li a.contactbar:hover {
	background-image:url(images/ncontact_ov.gif);
	background-repeat: no-repeat;
	background-position: bottom;}
li span {display: none;}
li a.portfoliobar:hover {
	background-image:url(images/nportfolio_ov.gif)
}li a.portfoliobar {
	float:left;
	width:130px;
	height:110px;
	background-image:url(images/nportfolio.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 7px;
}
#blueberries {	height: auto;
	height: 148px;
	min-height: auto;
	margin-right: 20px;
	background-repeat: no-repeat;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	float: right;
	position: absolute;
	left: 591px;
	clear: both;
	width: 221px;
	top: 172px;
	padding: 5px;
	visibility: visible;}
a:link {color: #1A7576;}
a:visited {color: #409171;}
a:hover {color: #809A5D;}
a:active {color: #409171;}
#news {	text-align: center;
	color: #F00;}
#homelt {
	width: 533px;
	background-image: url(js/imageMenu.js);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	padding-bottom: 20px;
}
#homelt h2 {
	margin-right: 77px;
	margin-left: 75px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #F3715A;
}

#basebar {
	background-color: #409171;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	width: 790px;
	margin-left: 40px;}


.clear { zoom: 1; } /* Clearfix IE fix *//* CSS Reset */

#header h1 a {
		display: block; /* Anchors are inline by default, change it to block... */
		width: 872px; height: 113px; /*...Which then allows us to specify width and height (according to the image) */
		color: #6b5c4e; margin: 0 0 20px 0; /* the color can't actually be seen on the text, but it avoids a blue dotted border in Firefox */
		background: url(); text-indent: -9999px; /* Add the background image as part of the CSS Image Replacement and shift the text out of the way */
	}
	
#header h2 {
		width: 872px; height: 108px;
		background: url(../images/introtext.jpg); text-indent: -9999px;
	}

#portfolio {
	margin: 0 0 40px 0;
	cursor:pointer}
#portfolio ul li {
	float: left; /* Float the lists to the left, laying them out side by side */	
	padding: 10px; margin: 0 23px 23px 0;
/* Let's get fancy with some CSS3, only visible in Firefox, Safari & Chrome. Other browsers simply revert to square corners */
	border-radius: 10px; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;}/* A handy 'Clearfix' technique to clear floats in order to avoid affecting page elements further down the document */		
.clear:after {
	content: "";
	display: block; visibility: hidden; clear: both;
}