body { margin:0px; padding:0px; font-family: helvetica, verdana, helvetica, sans-serif; font-size: 14px; color:#666666; font-weight:100;}
h1 {color: #359946; font-size:25px;}
h2 {color: #2d7dc2; font-size:20px; margin-top:0px;}
h3 {color: #ffe627; font-size:26px;}
h4 {color: #2e942e; font-size:24px;}
h5 {color: #26a9e1; font-size:22px;}
h6 {color: #90278e; font-size:20px;}
p {color: #666666; font-size:16px; }
a {color:#CCC; text-decoration:none}
a:hover {color:#777; text-decoration:none}

#nav-wrap a {text-decoration:none; font-size:16px;}
#nav-wrap a:hover {text-decoration:none;}  
#nav-wrap ul.main-nav { MARGIN: 0px auto; WIDTH: 320px; BACKGROUND-IMAGE: none; PADDING: 0px; float:left;}
#nav-wrap ul.main-nav li { overflow:hidden; float:left; list-style-type:none; BACKGROUND-IMAGE: none; PADDING: 0px; width:320px;}
#nav-wrap ul.main-nav li a { display:block; margin-top:0px; height:100px; width:320px; background-image:url(Navigation.jpg); color:#FFF; text-indent:-999999px; }
 
#nav-wrap ul.main-nav li.home a {margin-left: 0px; background-position:-0px -0px; width:320px;}
#nav-wrap ul.main-nav li.home a:hover { background-position:-325px -0px; width:320px;}
#home #nav-wrap ul.main-nav li.home a { background-position:-325px -0px; width:320px;}  

#nav-wrap ul.main-nav li.services a {margin-left: 0px; background-position:-0px -100px; width:320px;}
#nav-wrap ul.main-nav li.services a:hover { background-position:-325px -100px; width:320px;}
#home #nav-wrap ul.main-nav li.services a { background-position:-325px -100px; width:320px;}  

#nav-wrap ul.main-nav li.gallery a {margin-left: 0px; background-position:-0px -200px; width:320px;}
#nav-wrap ul.main-nav li.gallery a:hover { background-position:-325px -200px; width:320px;}
#home #nav-wrap ul.main-nav li.gallery a { background-position:-325px -200px; width:320px;}  
  
#nav-wrap ul.main-nav li.testimonials a {margin-left: 0px; background-position:-0px -300px; width:320px;}
#nav-wrap ul.main-nav li.testimonials a:hover { background-position:-325px -300px; width:320px;}
#home #nav-wrap ul.main-nav li.testimonials a { background-position:-325px -300px; width:320px;}  
 
#nav-wrap ul.main-nav li.contact a {margin-left: 0px; background-position:-0px -400px; width:320px;}
#nav-wrap ul.main-nav li.contact a:hover { background-position:-325px -400px; width:320px;}
#home #nav-wrap ul.main-nav li.contact a { background-position:-325px -400px; width:320px;}  

#container {width:890px; margin:0px auto; background:#FFF;  }
#header {width:890px; height:213px;  background:url(Banner.jpg) top center no-repeat; }
#subheader {width:510px; height:45px; text-align:right; margin-top:35px; float:right; padding-right:20px;}
#subheader .left h1 {float:left; margin:0px}
#footer {width:890px; background:url(pencil.jpg) bottom right no-repeat; margin-top:0px;}
#subfooter {width:890px; height:52px; margin-top:5px; margin-bottom:10px;}
#copy {float:left; height:52px; width:890px; padding-top:0px}
#copy p {text-align:center; font-size:12px; color:#CCC; color:#CCC;}
.clear {clear:both;}

#left {float:left; width:320px; margin-top:00px; margin-left:20px; }
#right {float:right; width:520px; margin-right:10px; margin-bottom:0px; margin-top:0px;}

#right p {line-height: 26px; margin-top:0px;}
#right p strong { color: #2d7dc2; }
#right blockquote { margin:20px; padding:10px; border: 2px solid #90278e; color: #90278e; font-weight: bold; font-size:19px; text-align:center; }
#right a:link, #right a:visited { color:#009865; text-decoration:underline;	}
#right a:hover { color:#132430; text-decoration:none; }


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
