/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2009.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: helvetica,arial, sans-serif;
	background: #000;
}   

 
a img {
	border: none;
	border:0;
	}	

.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }
 

.spiff-l { 
float:left; 
margin: 0 12px 6px 0;
}
.spiff-l img {
border: 1px solid #555;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}

.drop-shadow {
	/*margin: 15px;*/
	width:250px; 
	background: url(/img/drop_border.png) top left no-repeat;	
	/*float: right;*/
}

.drop-shadow img {
	margin: 0px;
	padding: 5px;
	width: 230px;
	height: 170px;

}

.drop-shadow p {
	color: #666666;
	padding: 5px 5px 0px 0px;
	text-align: center;
	clear: left;
	font-style: italic;
}


.spiff-r { 
float:right; 
margin: 0 0 6px 12px;
}
.spiff-r img {
border: 1px solid #555;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 

}

.port-shadow { 
margin: 0 12px 6px 0;
border: 6px solid #FFF;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}
.port-thumbs {
	float:left;
	margin: 10px;
}


/*
h1 {font: 1.8em helvetica, arial, sans-serif; color: #000; margin-bottom:4px; font-weight: normal;}
h2 {font: 1.1em helvetica, sans-serif;  font-weight: bold;}
h3 {font: 1em helvetica, sans-serif; font-weight: bold; color: #7A0008; }
h4 {font: bold 1.1em helvetica, sans-serif; color: #FFF; text-transform: uppercase;}
*/

 
ul {list-style: none;}

.links-w a:link, .links-w a:visited {
	color:#FFF;
	text-decoration: none;
}
.links a:link, .links a:visited {
	color:#0388C5;
	text-decoration: none;
	}	

.links a:hover, .links-w a:hover {
	color: #026390;
	text-decoration: underline; 
	}

.quoter {
	font: .75em/1em helvetica,arial,sans-serif; 
	margin: 0; padding: 0;
	text-align: right;
	  }

 
#left-wrap { width: 620px; }	 
#left, #left-contact, #portfolio-wrap, #blog {	 
	padding: 25px 10px 15px 30px;
	color: #000;
} 
#blog { min-height: 400px; }

	#left p, #left ul li, #left-contact p, #left-contact li { font: 1.4em/1.6em helvetica, arial, sans-serif;}
	#left p, #left-contact p { padding-bottom: .5em; }
	#left h2 {font: 1.7em helvetica,arial,sans-serif; color: #0388C5; margin-top:6px; text-transform: uppercase; font-weight: bold;}
	#left h1, #portfolio-wrap h1 {font: normal 2.6em Georgia, Times, serif; color: #000;  }

#portfolio-wrap h3 { font: 1.2em/1.6em helvetica,arial,sans-serif; color: #FFF; margin-top: 6px;}

/*
#left ul, #right ul, #blog-center ul {
	list-style: none;
	margin: 0 0 6px 0;
	padding-left: 10px;
	}
#left ul li, #blog-center li {
	padding: 0 0 0 10px;
	background: url('/img/diamond-g.gif') no-repeat 0 10px;
	}
*/

 
#right ul {
	list-style: none;
	margin: .5em 0 .5em 0;
	padding-left: 10px;
	}
#right ul li {
	padding: 0 0 0 12px;
	background: url('/img/arrow.gif') no-repeat 0 4px;
	}


#right-wrap { 
	float: right;
	width: 273px;
	background: #8C8C8C url('/img/sidebar-cap.gif') no-repeat bottom left;
	border-right: 1px solid #8C8C8C;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#right, #right-blog {
	/*color: #5C5C5C;*/
}
	#right h2 {font: 1.4em/1.4em helvetica,arial,sans-serif;  margin: 4px 0; text-transform: uppercase; font-weight: bold;}
	#right p, #right ul li { font: 1.2em/1.6em helvetica, arial, sans-serif;}

 

.right-info {
	color: #60513E;
	border: 1px solid #C3B5A1;
}
 
	.right-pad {
		margin: 25px 30px; 
		/*padding: 15px;*/
		color: #FFF;
	}
	
#small-slides { height: 200px; } 
  
.black { color: #000; font-weight: bold;} 

#service-wrap {
	padding: 0 20px;
 }
.service-box {
	margin: 12px 0 0 64px; 
}
.icons {
	float: left;
	width: 64px;
	padding-top: 10px;
}

#intro p {
	font: 1.7em/1.7em Georgia, serif;
	font-style: italic; 
	color: #555;
}
 
  /* header and footer elements
----------------------------------------------------------------------------*/

.slide-out-div {
          padding: 20px;
          width: 230px;
          background: #ccc;
          border: 1px solid #29216d;
          z-index: 300;
		box-shadow: 2px 2px 32px rgba(0,0,0,1.2);  
		-webkit-box-shadow: 2px 2px 32px rgba(0,0,0,.6);
		-moz-box-shadow: 2px 2px 32px rgba(0,0,0,1.2); 
} 

       
#universal-wrap {
padding-bottom: 1em;
width: 910px;
margin: 0 auto;  		 
position: relative;   
}
 
#global-inner { 
 	position: relative;   
 	width: 910px; 
 	background: #FFF;
	}	

 
#nav-spacer { height: 62px; }

.top-nav {
	text-transform: uppercase;
	font: 1em/1.2em helvetica, arial, sans-serif;
	letter-spacing: 2px;
	color: #888;
	text-align: right;
	margin-bottom: 9px;
}
.top-nav a:link, .top-nav a:visited { color: #FFF; text-decoration:none; }
.top-nav a:hover { color: #888; } 
.top-nav li { display: inline; }

 

#current a {
padding-bottom: 2px;
border-bottom: 1px solid #FFF;
/*text-decoration: underline;*/
}

#current a:hover { border-bottom: 1px solid #888; }  


#foot {   
	padding-top: 10px;
    position: relative;
	text-align:left;
	color: #FFF;
}


#top-wrap  { 
 	height: 124px;
	}	
 
#head-logo {
	position: absolute;
	top: 55px;
	left: 5px;
	width: 191px;
	height: 79px;
	z-index: 1;
	background: transparent url('/img/dennis-moffit-painting.gif') no-repeat;
}
	#head-logo em, #top-gfx em { visibility: hidden; }
	
	#head-logo a {
		position: absolute;
		width: 191px;
		height: 79px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}

#motto {
	font: 1.6em/1.6em Georgia, serif;  
	font-style: italic;
	position: absolute;
	top: 76px;
	left: 209px;
	color: #5E5E5E;
}
#phone {
	font: 1.6em/1.6em Helvetica, sans-serif;  
	position: absolute;
	top: 76px;
	left: 800px;
	color: #FFF;
	width: 7em;
	/*border:1px solid #FFF;*/
}


#top-feature {
	min-height: 18em;
	background: #FFF;	
	position: relative; 
	background: transparent url('/img/dmp-founders.jpg') no-repeat bottom right;
}
	#top-feature h1 {
	font: 2em Georgia, serif; color: #000; margin-bottom:4px; font-weight: normal; font-style: italic;
	}

	#top-feature  p { font: 1.3em/1.6em Georgia, serif; color: #000;  margin: 0;}

.home-pad { padding: 18px 0 0 24px; }




#mid-feature {
	height: 229px;
	background: #B6B6B6 url('/img/mid-back.jpg') repeat-x bottom left;	
	position: relative; 
	color: #FFF;
}

#mid-feature h2 {
	font: 1.8em Georgia, serif;  margin-bottom:4px; font-weight: normal; 
}
#mid-feature p {
	font: 1.2em/1.3em Helvetica, arial, sans-serif; 
}

.slides {
	float: left;
	width: 455px;
	height: 220px;
}

#slides {
	margin: 0 auto;
	text-align: center;
}

 
#slide-l { 
position: absolute;
top:0; left: 0;
z-index: 100;
width: 455px; height: 220px;
background: transparent url('/img/home-photo-overlay.png') no-repeat;	
}
#slide-l a, #slide-r a {
position: absolute;
top:0; left: 0;
width: 455px; height: 220px;
z-index: 110;
}

#slide-r { 
position: absolute;
top:0; left: 455px;
z-index: 100;
width: 455px; height: 220px;
background: transparent url('/img/home-photo-overlay.png') no-repeat;	
}

#slide-label-l {
position: absolute;
top:174px; left: 18px;
width: 414px; 
z-index: 105;
}

#slide-label-r {
position: absolute;
top:174px; left: 473px;
width: 414px;  
z-index: 105;
}





#bottom-feature {
	background: #B6B6B6 url('/img/footer-back.gif') no-repeat bottom left;
	min-height: 275px;
	padding-bottom: 5em;
}


.homedivs {
	float:left;
	background: transparent url(/img/specials-background.gif) no-repeat 200px 0;	
	width: 195px;
	min-height: 250px;
	vertical-align: top;
	padding-right: 25px;
	/*border: 1px solid #FFF;*/
}

.homedivs p, .homedivs li {	font: 1.2em/1.4em Helvetica, arial, sans-serif;  }


.homedivs ul {
	list-style: none;
	margin: 0;
	padding-left: 10px;
	}
.homedivs ul li  {
	padding: 0 0 4px 10px;
	background: url(/img/arrow.gif) no-repeat 0 2px;
	}	
 
.spiff {margin-top: 6px;
}
.spiff img {
border: 1px solid #FFF;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}
 
 .homedivs h3 {
	font: normal 1.8em Georgia, "Times New Roman", serif;
	margin-bottom: 4px;
	}




 

#home-feature {
	width: 945px;
	margin: 10px 0 15px 20px;
	padding: 25px 0 25px 25px;
	background: #7DB39F ;	 /*url('/img/home-divs-back.gif') repeat-y 315px 0*/
	
}
#home-feature h2 {
 	font: 1.8em/1.8em helvetica, helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: #000 0px 1px 1px; /* for modern browsers */
	margin: 0; padding: 0;
}
.home-feature-div {
	width: 278px; 
	float: left;
 	margin-right:40px;
 	/*border-right: 1px solid #666;*/
}
	.home-feature-div p, li { font: 1.3em/1.7em helvetica, arial, sans-serif; }
	.home-feature-div img { 
	float: right; 
	margin: 0 0 6px 12px;
	border: 5px solid #FFF;
	box-shadow: 4px 4px 4px rgba(0,0,0,.4); /* for modern browsers */
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4); 
	}

#home-info {
	padding: 0 0 0 30px;
	height: 368px;
} 
.fav-menu {
	height: 140px;
 	font: 1.1em/1.6em helvetica, sans-serif;
}
.fav-menu strong { text-transform: uppercase; }
 
	#foot a:link, #foot a:visited { margin: 0; color:#989898; }
	#foot ul {	
		list-style: none;
		margin: 0; padding: 0; 
	}
#foot ul li {
 	font: bold .9em/1.8em helvetica, sans-serif;
	padding-right: 5px;
 	display: inline;
	}
 

#foot-right {
	width: 60%;
	float:right;
 	font-weight: normal;
 	text-align: right;
 	padding-bottom: 3em;
	}

#quotes {	
	font: italic 1.4em/1.7em Georgia, serif; 
	color: #FFF;
	width: 416px;
}
#foot-right img { float: right; margin-left: 20px; }
 
#designcredit, #designcredit a { color: #FFF; }
 
	 
 
  /* inside page elements
----------------------------------------------------------------------------*/
 
 .arrows ul {
	list-style: none;
	margin: .5em 0 .5em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 0 12px;
	background: url('/img/arrow-black.gif') no-repeat 0 7px;
	}
.arrows li ul { list-style: disc; padding-left: 20px; }  
.arrows li ul li { background: none;  padding: 0; }  

.line {
	line-height: 1px;
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: .8em;
}
 
.bio-pic {
	float:left;
	margin: 3px 10px 0 0;
}
.bio-pic img {
	border: 4px solid #FFF;
	box-shadow: 3px 3px 3px rgba(0,0,0,.4); /* for modern browsers */
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,.4); 
}

/* contact form  
----------------------------------------------------------------------------*/
fieldset { border: none;} 
#contactInfo {list-style:none; margin-left:0;}

 
.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;  	font: 10px/15px helvetica, sans-serif;
}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px; color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; border-top: 1px solid #BDBDBD; padding: 3px 0;}
.contactForm ul label { display:block; float:left; width:245px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#D8F3FF;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:32px; background:url('/img/Send-Button.gif') no-repeat; padding-bottom:5px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: .85em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }

.contactForm .send:hover {cursor:pointer; color:#D8AE71;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}

.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;padding:3px; width:108px;}



#quick-contact ul { margin:0;  list-style:none;}
#quick-contact ul li {clear:both; border-top: 1px solid #BDBDBD; padding: 3px 0;}
#quick-contact .miniField  {display:block; float:left; padding:3px; width:210px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;}


#calltoaction {
	font: 2em Georgia, Times, serif;
	font-style: italic;
	color: #FFF;
}

.btn-blue, .btn-green { margin-top: 12px; font-size: 1.1em; }

.btn-blue a:link, .btn-green a:link, .btn-blue a:visited, .btn-green a:visited { color: #FFF; }

div.btn-blue a {
	text-decoration: none;
	padding: 5px 14px;
	color #FFF;
	border: 1px solid #858585;
	background: #0388C5 url(/img/button-alpha.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
}

div.btn-blue a:hover {background-color: #026795; }
 
div.btn-green a {
	text-decoration: none;
	padding: 5px 14px;
	color #FFF;
	border: 1px solid #3F5A50;
	background: #7DB39F url(/img/button-alpha.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
}

div.btn-green a:hover {background-color: #5D8576; }
 
.timer { background:url(/img/timer-bg.gif) no-repeat 0 0; height:86px; padding:0 0 0 15px; }
.timer li { float:left; width:41px; height:37px; margin:16px 17px 0 0; }
.timer li span { display:block; width:20px; height:37px; background:url(/img/timer-nums.gif) no-repeat 0 0px; float:left; }