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


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

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: 'lucida grande',tahoma,sans-serif;
	background: #bbe4ff url("/img/new-page-back.gif") repeat-y 50% 0;
}   

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

a {
	color:#AF351D;
	text-decoration: none;
	font-weight:bold;
	}	

a:hover {
	color: #AF351D;
	font-weight:bold;
	text-decoration: underline;
	}
	
.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}
 
img a { border: none;}

h1 {font: 2.3em Georgia, "Times New Roman", serif; color: #888788; margin-bottom:4px;}
h2 {font: bold 1.2em 'lucida grande',tahoma,sans-serif; text-transform: uppercase; color: #4596E0; margin-top: 9px;} /*Georgia, "Times New Roman", serif; */
h3 {font: bold 1em Verdana, Arial, sans-serif; text-transform: uppercase;}
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; }

ul {list-style: none;}


 
  /* header and footer elements
----------------------------------------------------------------------------*/
#head-logo {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 236px;
	height: 79px;
}
#motto {
	position: absolute;
	top: 20px;
	left: 350px;
	width: 179px;
	height: 92px;
	background:url(/img/new-motto.png) no-repeat;
}
#motto span { display: none; }
 
#head-est {
	position: absolute;
	top: 45px;
	right: 45px;
	width: 143px;
	height: 44px;
}
#head-loc {
	position: absolute;
	top: 95px;
	right: 30px;
	width: 192px;
	height: 18px;
}
  
#top-wrap, #global-wrap, #foot { 
 	position: relative;   
	margin: 0 auto;  		 
 	width: 929px; 
}	

#top-wrap { 
 	height: 125px;
}	
 
#foot, #foot2 {
  	height:69px;
	font-size: 9px;
	text-align:left;
 	font-family: 'lucida grande', sans-serif;
 	position: relative; 
 	margin-bottom: 24px;
}
	#foot a, #foot2 a { margin: 0 1em 0 0; color:#000; }
	
#foot { background: url('/img/new-foot-back.png') no-repeat; }
#foot2 { background: url('/img/new-foot-back-inside.png') no-repeat; }

#footer-right {
	position: absolute;
	right: 65px;
	top:22px;
	}
#footer-right a { color: #8DBEA7 }

#footpad { padding: 30px 45px 0 45px; }
	#footpad p {margin-bottom: 5px; }
#footextra { 
	width: 929px;
	margin:0 auto;
	position: relative;
	text-align:right;
}
#designcredit { 
	/*float:right;*/
	padding: 10px 0 0 35px;
	font-size: 9px;
	color: #0F6CB6;
	}
#cse-search-box .search {
 	font-size: 10px;
	background-color: #4797E0;
 	color: #fff;
	border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   }

#cse-search-box .text {
 font-size: 10px;
 width: 80px;
 margin-right: 3px; 
 background: #CDEBFF;
 color: #4F4F4F;
 }
 #cse-search-results {
 	width: 550px;
 	overflow: hidden;
 }
 
#body-wrap {
	width: 889px;
	background:url(/img/new-inside-back.png) repeat-y;	
	padding: 15px 20px;
 
	}
#body-inside-wrap {
	width: 889px;
	background:url(/img/home-inside-back.png) repeat-y;	
	min-height: 500px; 
	padding: 15px 20px;
	}

#iexplore { display: none; } 

  /* home page elements
----------------------------------------------------------------------------*/

#home-top-wrap {  position: relative; }
 
#homephoto {width: 607px; }

#welcometxt { 
	position: absolute;
	left: 628px;
	top: 0;	 
	width: 259px; 
}
#specialsnav {
	width: 250px;
	height: 32px;
 	margin-left: 4px;
}
#promo {	
	margin-top:-3px;
 	width: 256px;
	height: 357px; 
 
	/*background:url(/img/specials-background.jpg) no-repeat 0 -9px;*/
}
#promo-pad {
	padding: 15px 15px 0 0;	 
}
 
#special1, #special2, #special3 {cursor: pointer;}

#special3 {
background: url('/img/Specials-Box-Welcome.gif') no-repeat; 
height: 307px; 
width: 256px;
padding-top: 50px;
}


  /* 4 boxes on home page
----------------------------------------------------------------------------*/

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
    background: transparent url(/img/feature-box-back.png) no-repeat bottom right; 
} 
.cssbox { 
    width: 228px !important; /* intended total box width - padding-right(next) */
    width: 228px; /* IE Win = width - padding */
    padding-right: 0; /* the gap on the right edge of the image (not content padding) */
    margin-right: -7px;; /* use to position the box */ 
	float:left;
 	position: relative; 
} 

/* set the top-right image */ 
.cssbox_head { 
    background-position: top right; margin-right: 0; /* pull the right image over on top of border */
    padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.cssbox_head h2 { 
	text-align:center;
	color: #0F6CB6;
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 20px 0 0 20px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important; height: 1%; /* IE Holly Hack */ 
} 

/* set the lower-left corner image */ 
.cssbox_body { 
    background-position: bottom left; 
    margin-right: 15px; /* interior-padding right */ 
    padding: 5px 0 20px 20px; /* mirror .cssbox_head right/left */ 
    min-height: 180px;
    line-height: 14px;
} 

.home-btn {
	text-align: center;
	position: absolute;
	bottom: 25px;
	left: 0px;
	width: 100%;
	}


  /* nav menu
----------------------------------------------------------------------------*/
#navigation-primary {
	position: absolute; 
	z-index: 1000;
	top: 0;
	left: 23px;
	}
 
#nav {
	background:url(/img/new-nav-back.png) no-repeat 0;
	height: 44px;
	width: 929px;
}

	#navigation-primary ul {
		width: 861px;
		list-style: none;
 
		}

	#navigation-primary li {
		float: left;
		height: 44px;
		position: relative;
		}

	#navigation-primary a {
		display: block;
		height: 44px;
		text-indent: -3000px; overflow: hidden;
		 
		}

	#navigation-primary a:hover {
		background-position: 0 -44px;
		 
		}

		#nav-home a {
			width: 86px;
			background: transparent url(/img/nav-home.gif) no-repeat;
			}
		#nav-services a {
			width: 102px;
			background: transparent url(/img/nav-services.gif) no-repeat;
			}
		#nav-portfolio a {
			width: 105px;
			background: transparent url(/img/nav-portfolio.gif) no-repeat;
			}
		#nav-testimonials a {
			width: 128px;
			background: transparent url(/img/nav-testimonials.gif) no-repeat;
			}		
 		#nav-blog a {
			width: 79px;
			background: transparent url(/img/nav-blog.gif) no-repeat;
			}
		#nav-about a {
			width: 111px;
			background: transparent url(/img/nav-about.gif) no-repeat;
			}
 		#nav-customer a {
			width: 149px;
			background: transparent url(/img/nav-customer.gif) no-repeat;
			}
		#nav-contact a {
			width: 101px;
			background: transparent url(/img/nav-contact.gif) no-repeat;
			}

	#navigation-primary li ul li {
		height: auto;
		}

	#navigation-primary li ul li a {
		display: block;
		height: auto;
		padding: 4px 16px;
		background: transparent; color: #fff;
		text-indent: 0;
		text-decoration: none;
		border-bottom:1px solid #BEBBB2;
		border-top:1px solid #E2E0D8;
		color: #646464;
		position: relative;
		width: 178px;
		font: normal 13px/22px 'lucida grande', arial, sans-serif;
		text-align:left;
		}

	#navigation-primary li ul a:hover {
		color:#4468A8;
		background:#EDEAE3;
		}

	#navigation-primary li ul {
		position: absolute;
		left: -3000px;
		width: 210px;
		background: #D7D4CC ;
		padding: 0;
		z-index: 200000;
		}

	#navigation-primary li:hover ul, #navigation-primary li.sfhover ul {
		left: auto;
		}
 
body#home #nav-home	a,
body#services #nav-services a,
body#portfolio #nav-portfolio a,
body#testimonials #nav-testimonials a,
body#about #nav-about a,
body#blog #nav-blog a,
body#customer #nav-customer a,
body#contact #nav-contact a
{background-position: 0 -44px;}
 


  /* inside page elements
----------------------------------------------------------------------------*/
#content, #content-wide {text-align:left;}
	
#inside { 
	width: 595px;
	font: 1.2em/1.5em 'lucida grande', sans-serif; 
	}
#inside2 { 
	width: 470px;
	margin-left: 90px;
	}

#inside-gallery {
	width: 870px;
	padding-left: 10px;
	padding-top: 10px;	 
	}

#inside-wide {
	width: 695px;
	padding-left: 100px;
	padding-top: 10px;
	}

#inside h1 { color: #234A7A; }	
#inside p { margin-bottom: 6px; }

#inside ol { margin-left: 3em; font-size: 90%;}

.inside-feature {
	margin: 10px 5px;
	padding: 10px;
	border: 1px solid #539FE5;
	}

#rightside {
	width: 261px;
	float:right;
	}
	
 
.h2pad { margin-left: 15px; }

#rightpad { padding: 15px; }


#rightside2 {
	width: 225px;
	float: right;
	}
	
	

  /* misc elements
----------------------------------------------------------------------------*/

 

#skip {display:none;}	

.float-r {float:right;}
.float-l {float:left;}

.promo {font: 1em/2em Verdana; }
   
.button a { 
	display:block;  
	width: 100px;
	background: #234A7A; 
	color:#FFF; 
	padding: 0 5px; 
	font-weight: normal;
	text-decoration:none;
	font-size: 10px;
	text-align:center;
}
.button a:hover { 
	background: #142A44; 
	color:#FFF; 
	text-decoration: none; 
	}
 
#top-port { background: #1e3967; width: 527px; padding: 7px; }

.port-size { width: 170px;  border:1px solid #FFF; }
#port-table table {padding:0; margin: 0; } 
.pad1 {padding-right:6px;}
.pad2 {padding-right:0px;}

#port-large { background: #1e3967; padding: 8px; width: 362px; } 
#port-large img { border: 1px solid #FFF; }

 

.featurebox {
	padding: 19px;
 	float:right;
	color:#FFF;
	}
#side { 
	width: 225px;
	float: left;
	}
#side2 { 
	width: 235px;
	float: left;
	}
#side-gallery { 
	width: 195px;
	float: left;
	}
 
.blogentries ul, #sidebar ul {
	list-style: none;
	margin: 0;
	padding-left: 12px;
	}
.blogentries ul li {
	padding: 0 0 4px 12px;
	line-height: 1.2em;
	background: url(/img/bullet.gif) no-repeat 0 4px;
	}

#sidebar ul li {
	padding: 0 0 4px 16px;
	line-height: 1.4em;
	background: url(/img/arrow-blue.gif) no-repeat 0 1px;
	}

.blogimg { float: right; padding: 5px; }

.green-list ul {
	list-style: none;
	margin: .5em 0 1em 0;
	padding-left: 18px;
 
	}
.green-list ul li {
	padding: 0 0 4px 18px;
	line-height: 1.4em;
	background: url(/img/arrow2.gif) no-repeat 0 4px;
	}

 .featured { 
 	background: #1e3967;
 	height: 50px;
 	width: 90%;
 	margin-top: 5px;
 	}
 
 .side-port { 
 	background: #1e3967;
 	padding: 6px;
 	width: 206px;
 	}
 .featured-port { 
 	/*
background: #1e3967;
 	padding: 6px;
*/
 	width: 249px;
 	margin-top: 5px;
 	}
 .featured-port2 { 
 	border-top:1px solid #555;
 	border-bottom:1px solid #555;
  	}
.classybox-r {
	border: 1px solid #cecece;
 	background: #FFF;
 	padding: 6px;
 	float:right;
 	margin-left: 7px;
	}
.classybox-l {
	border: 1px solid #cecece;
 	background: #FFF;
 	padding: 6px;
 	float:left;
 	margin-right: 7px;
	}
.classybox img {
	border: 1px solid #cecece;
 	background: #FFF;
 	padding: 6px;
	}

.featured-port img { border: 1px solid #A2A2A2; }	

#searchbox {
	position: absolute;
	top: 68px;
	left: 570px;
	width: 200px;
	height: 65px;
}
#searchbox input {
	font-size: 10px;
}



.side-quote { 
	padding: 10px 20px; 
	text-indent: 18px;
	font: 13px Georgia, serif;
	line-height: 20px;
 	font-style: italic;
	background: transparent url(/img/quote-mark-grey.gif) no-repeat 10px 8px;
}

.rowshade {background: #D1EEE0;  }

.quoter { text-align:right; font-size: 90%;}

.smallcaps { font-variant: small-caps; }

.fineprint {font: normal 10px/14px 'lucida grande',tahoma,sans-serif;}

.dots-x {background: transparent url('/img/dot-h.gif') 0 -2px repeat-x; height: 1px;}

.dots-y {background: transparent url('/img/dot-v.gif') repeat-y; width: 10px; }

.tiny {
	font-size: 9px;
	margin-left:10px;
	text-align: center;
}	

#subnav-head {
	background: #81B79D;
	color: #FFF;
	font-size: 14px;
	font-family: Georgia, Times, sans-serif;
	padding: 4px;
	height: 1.2em;
	} 
	
#subnav li { 
	padding: 4px 0 6px 6px;
	height: 13px;
	border-top: 1px dotted #81B79D;	
	border-bottom: none;
	border-right: 1px solid #81B79D;	
	border-left: 1px solid #81B79D;
	background: url(/img/gradiant.gif) bottom left repeat-x;
	}
	
#subnav {
	border-bottom: 1px solid #81B79D;
	}
	
.staff {
	height: 160px;
	font-size: 10px;
	padding: 7px;
	border-top: 1px solid #666;
	width: 260px;
	float:left;
	margin-right: 3px;
	}

.staffname {
	font-family: Georgia, Times, sans-serif;
	font-size: 15px; 
	font-weight: bold;
	}

.staff p { padding: 0; margin: 0; }

.staff img { float: right; border: 1px solid #666; }
	
.credent-box { 
	width: 120px; 
	margin-right:10px; 
	float:left; 
	text-align: center; 
	padding-top:7px;
}
.credent-box a, .credent-box {font-size: 10px; font-weight: normal; }

	
.accent { 
	float:left;
	padding: 10px;
	}

.trans { text-indent: -3000px; overflow:hidden; float:left; }	
	
.CSS_Text {
     text-align:      right;
     font-family:     'Arial';
     font-size:       10px
}

.CSS_Butt {
    background-color: Blue;
    color:            White;
    font-family:      'Arial';
    font-size:        14px;
    font-weight:      bold;
    font-style:       normal
}



  /* quotes elements
----------------------------------------------------------------------------*/
.thing-one, .thing-two  { 
	padding: 7px; 
	text-indent: 20px;
	color: #727272;
}
.thing-one { 
	background: transparent url(/img/quote-l-beige.gif) no-repeat 0 6px;	
	}


.thing-two  { 
	background: #fff url(/img/quote-l-white.gif) no-repeat 0 6px;
}



  /* form elements
----------------------------------------------------------------------------*/

.formstyle {
   font-size: 10px;
   color: #FFF; 
   background: #8BB1D9; 
   width: 80px;
}


#buttonset {
	width: auto;
	width: 90px;
	text-align: center;
}

#employeetable td { 
	font: normal .9em/1.2em 'lucida grande',tahoma,sans-serif; 
	color:#000;
}

#employeetable input, #employeetable select, #employeetable textarea, #quotetable input, #quotetable select, #quotetable textarea {
  	font: 11px Verdana, Arial, sans-serif;
	border: 1px inset #CCC;
	height: auto;
	padding: 1px;
	background: #EEE;
	color: #777;
  }
  
#submit input, #button1 input {
	font: 11px Verdana;
	padding: 2px;  
	border: 3px double;
	border-color: #FFF; 
	background: #81B79D;
	display: block;
	margin: 5px 0;
	cursor: pointer;
	color: #FFF;
	width: 140px;
}	
	
#submit input:focus, #button1 input:focus {
	border: 3px double;
	border-color: #FFF; 
	background: #4D6D5D;
	cursor: pointer;
	color: #FFF;
	}
	
.textfield {width: 145px;} 
.textfield-w {width: 320px;} 

fieldset {border: 1px solid #888788; padding: 10px; margin: 10px 0; }

legend { 
	margin: 10px 0 10px;
	padding: 2px 4px;
	border-top: 1px solid #94A4D2;
	border-right: 1px solid #94A4D2;
	border-left: 1px solid #94A4D2;
}
	
 .req {color: #B00000; font-size:  9px; }

input:focus, textarea:focus, #quotetable input:focus, #quotetable textarea:focus {
	background: #D1EEE0; border: 1px solid #AF351D; 
}  
  
div.form  { display: none; } 

table.t1 {border-collapse: collapse; font-size: 10px;}
td.td1 { border-style: solid; border-width: 1.0px; border-color: #bfbfbf; padding: 0.0px 5.0px}

#infobox {
	width: 207px; background: url(/img/infobox_02.gif) top left repeat-y;
	}
.infotop {	background: url(/img/infobox_01.gif) top left no-repeat; padding: 10px; }
.infobot {	background: url(/img/infobox_04.gif) top left no-repeat; height: 13px }


/* the mordor of unused stuff
.quotes p {
	display: inline;
	padding: 0 32px 5px 0;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-image: url(/img/quote-mark-grey.gif);
	}
 
div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
*/