/* CSS Document */

body { 
	color: #000; 
	font-size: 14px; 
	line-height: 17px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	text-align: left;
    margin: 0px;
	padding: 0px;
 	background: #000 url(/splatter.jpg) no-repeat top;

}

#container {
	width: 802px;
	height: auto;
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px;
	top: 0px;
}

#header {
 	width: 802px;
    height: 174px;
	background:transparent;
	margin: 0px 0px 0px 0px;
	padding:  0px;
	}

	
#main {
     position:relative;
 	width: 787px;
    height: auto;
	margin: 15px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	background: #CCF1CE;
	border: 2px solid #8DC88F; 
	}
#nav {
 	width: 802px;
	height: 46px;
	background: transparent;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

#home {
    position:relative;
	width: 480px;
	height: auto;
	color: #000;
	margin:  0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;

}
#whatsnew {
 
   position:absolute;
	width: 276px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	margin:  5px 0px 0px 490px;
	padding: 2px;
}

#whatsnewbox {
	width: auto;
	height: auto;
		background: #a8daaa;
		border:#FFFFFF dashed thin;
		padding: 3px 6px 2px 10px;
}
#cost {
 
   position:absolute;
	width: 260px;
	height: auto;
	color: #000;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	text-align:justify;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif;
	margin:  50px 0px 0px 492px;
padding: 5px 10px 8px 5px;
	border: 2px solid #8DC88F; 
}

#home li {
	font-size: 13px; 
	line-height: 16px;
	text-align: left; 
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}
	
p {
	font-size: 14px; 
	line-height: 18px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	text-align: left; 
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
#cost p {
	font-size: 13px; 
	line-height: 18px;
	text-align: justify; 
}
#portsplatter { 
    height: 601px;
    width: 513px;
    float: left;
    margin: 5px 0px 0px  50px;
	padding: 0px;
 	background: #CCF1CE url(images/sitescomposite-bg.jpg) no-repeat bottom;
	z-index:1;

}
#whatsnew p {
	font-size: 13px; 
	line-height: 18px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	text-align: left; 
	margin: 0px;
	padding: 4px;
}

.testimonial {
	font-size: 13px; 
	line-height: 18px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	text-align: left; 
	margin: 0px;
	padding: 0px;
}
p.bold {
	font-size: 14px; 
	line-height: 16px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	font-weight: bold; 
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}


.q {
	font-size: 14px; 
	line-height: 16px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
	text-align: left; 
	font-weight: bold; 
	margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}


h1{
    background: none;
	color: #000;
	font-size: 14px; 
	line-height: 16px;
	font-weight: bold; 
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif;  
	margin: 0px 0px 0px 0px;
	padding:  2px 0px 0px 0px;
}
h2 {
     background: none;
	 color: #000;
	font-size: 13px; 
	line-height: 16px;
	font-weight: bold; 
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
     margin: 0px 0px 0px 0px;
	padding:  0px 0px 0px 0px;
}
h3 {
    background: none;
	color: #000;
	font-size: 15px; 
	line-height: 18px;
	font-weight: bold; 
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; text-align: left; 
	margin: 0px 4px 2px 2px;
	padding: 0px 0px 4px 0px;
}

#content1 {
 	width: 785px;
	color: #000;
	margin:  0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}

#content1a {
 	width: 785px;
	color: #000;
	margin:  0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}
#content2 {
    position:relative;
 	width: 799px;
	height: 126px;
	color: #000;
 margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #000; 
border-bottom: 2px solid #000; 
	z-index:44;
}

#content3 {
 	width: 785px;
	height: 128px;
	color: #000;
	background: #AFE3BF; 
	border-top: 1px solid #527D64; 
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content4 {
 	width: 789px;
	height: auto;
	color: #000;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#portfolio {
 	width: 799px;
	height: auto;
	color: #000;
	margin:  0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#portfolio1 {
    float: left;
	width: 390px;
	height: auto;
	color: #000;
	margin:  0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;

}
#portfolio2 {
	width: 380px;
	height: auto;
	color: #000;
	
	margin:  0px 0px 0px 400px;
	padding: 0px 0px 0px 7px;
	z-index: 5:

}

#nav img { 
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}

#contentcontact img { 
    float: left;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content2 img { 
    float: right;
    margin: 0px 5px 5px 5px;
	padding: 4px 4px 4px 4px;
	 border: 1px solid #527D64; 
}
#content1 img { 
    float: left;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#content1a img { 
 border: 0;
    margin: 3px 0px 0px 10px;
	padding: 3px 0px 0px 0px;
}
#footer {
	color: #fff;
width:797px;
height:20px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; text-align: center;
	text-decoration: none; 
	background:#94BB86;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 0px;
}
#footer img { 
float:right;
    margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;

}

#footer p{
         float:left;
	font-size: 11px; 
}
a:link,
a:active {
    font-style: normal;
	text-decoration: underline; 
	color: #003300;
	}
a:visited  {
	font-style: normal;
	text-decoration: underline; 
	color:#666;
	}	

a:hover {
	font-style: normal;
	text-decoration: underline; 
	color: #669966;

}
#footer a:link,
#footer a:active {
    font-style: normal;
	text-decoration: none; 
	color: #fff;
	}
#footer a:visited  {
	font-style: normal;
	text-decoration: underline; 
	color:#FF0000;
	}	

#footer a:hover {
	font-style: normal;
	text-decoration: underline; 
	color: #fff;

}
#footer3 {
	color: #fff;
width:697px;
height:auto;
font-size:10px;
	font-family: helvetica, arial, Georgia, "Times New Roman", times, serif; 
text-align: center;
	text-decoration: none; 
	margin: 10px auto 0px auto;
	padding: 0px 15px 5px 15px;
}
#w3 { 

float:right;
height 20px;
	border: 0px;
    margin: 0x 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#home-n {position: relative; 
margin: 0px 0px 0px 0px;
z-index: 10; 
  }
#home-n a:link, #home-n a:visited {position: absolute; 
  width: 107px; height: 46px; 
  background: url(images/home.jpg) bottom left no-repeat;
 }
#home-n a:hover {background-position: top right;}
#home-n a em {display: block;}

}
#services-n {position: relative; 
margin: 0px 0px 0px 0px;
z-index: 10; 
  }
#services-n a:link, #services-n a:visited {position: absolute; 
  width: 121px; height: 46px; 
margin: 0px 0px 0px 107px;
  background: url(images/services.jpg) bottom left no-repeat;
 }
#services-n a:hover {background-position: top right;}
#services-n a em {display: block;}

}
#about-n {position: relative; 
margin: 0px 0px 0px 0px;
z-index: 10; 
  }
#about-n a:link, #about-n a:visited {position: absolute; 
  width: 129px; height: 46px; 
margin: 0px 0px 0px 228px;
  background: url(images/about_me.jpg) bottom left no-repeat;
 }
#about-n a:hover {background-position: top right;}
#about-n a em {display: block;}

}
#portfolio-n {position: relative; 
margin: 0px 0px 0px 0px;
z-index: 10; 
  }
#portfolio-n a:link, #portfolio-n a:visited {position: absolute; 
  width: 137px; height: 46px; 
margin: 0px 0px 0px 357px;
  background: url(images/portfolio.jpg) bottom left no-repeat;
 }
#portfolio-n a:hover {background-position: top right;}
#portfolio-n a em {display: block;}

}
#philosophy-n {position: relative; 
margin: 0px 0px 0px 0px;
z-index: 10; 
  }
#philosophy-n a:link, #philosophy-n a:visited {position: absolute; 
  width: 149px; height: 46px; 
margin: 0px 0px 0px 494px;
  background: url(/images/philosophy.jpg) bottom left no-repeat;
 }
#philosophy-n a:hover {background-position: top right;}
#philosophy-n a em {display: block;}

}
#contact-n {position: relative; 
margin: 0px 0px 0px 0px;
z-index: 10; 
  }
#contact-n a:link, #contact-n a:visited {position: absolute; 
  width: 158px; height: 46px; 
margin: 0px 0px 0px 643px;
  background: url(images/contact.jpg) bottom left no-repeat;
 }
#contact-n a:hover {background-position: top right;}
#contact-n a em {display: block;}