/*   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: 'lucida grande',tahoma,sans-serif;
		background: #f5faff url("/img/background-h.jpg") repeat-x;
	/*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: 245px;
	height: 79px;
	z-index: 100;
	background:url(/img/new-headerlogo.png) no-repeat;
}
 
	#head-logo em {
		visibility: hidden;
	}
	
	#head-logo a {
		position: absolute;
		height: 79px;
		width: 245px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}


#motto {
	position: absolute;
	top: 35px;
	left: 330px;
	width: 265px;
	height: 69px;
	background:url(/img/expect-brilliance-w.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: 10px;
	width: 235px;
	height: 18px;
	color: #FFF;
	font: 1.3em 'lucida grande',tahoma,sans-serif;

}
  
#top-wrap, #global-wrap, #foot { 
 	position: relative;   
	margin: 0 auto;  		 
 	width: 929px; 
}	

#top-wrap { height: 120px; }

#global-wrap, #top-wrap { 
/*
	background-image: url("/img/white-glow-back.png");
	background-repeat: repeat-y;
*/
}

#welcomebox {
	padding: 12px;
	background: #FFF;
	border: 1px solid #AA8C68;
	font-size: 1.2em;
	margin: 12px 12px 0 12px;
}

#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;
	width: 195px
	height: 55px;
	}
#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-image: url(/img/new-inside-back.png);
	background-repeat: repeat-y;
	padding: 15px 20px;
	}
#body-inside-wrap {
	width: 889px;
	background-image: url(/img/home-inside-back.png);	
	background-repeat: 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; 
	height: 392px;
}
#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 {cursor: pointer;}

/*#special1 {
background: url('/img/Christmas-special.jpg') no-repeat; 
height: 297px; 
width: 216px;
padding: 60px 20px 0 20px;
color: #FFF;
font: normal 1.1em/1.4em 'lucida grande',tahoma,sans-serif; 
}
*/

#special3 {
 
}

#lower-wrap{
 	position: relative; 
 	white-space:normal /* IE7 need this to fix incorrect button wrapping style*/;
	zoom:1;	

}

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

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h1 {
    background: transparent url(/img/feature-box-back-900.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 h1, .cssbox_head2 { 
	font: bold 1.3em 'lucida grande',tahoma,sans-serif; text-transform: uppercase;
	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: 200px;
    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;
	width: 920px;
	height: 45px;
	}
 
#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/home.png) no-repeat;
			cursor: pointer;
			}
		#nav-services a {
			width: 102px;
			background: transparent url(/img/services.png) no-repeat;
			cursor: pointer;
			}
		#nav-portfolio a {
			width: 105px;
			background: transparent url(/img/portfolio.png) no-repeat;
			cursor: pointer;			
			}
		#nav-testimonials a {
			width: 128px;
			background: transparent url(/img/testimonials.png) no-repeat;
			cursor: pointer;
			}		
 		#nav-blog a {
			width: 79px;
			background: transparent url(/img/blog.png) no-repeat;
			cursor: pointer;
			}
		#nav-about a {
			width: 111px;
			background: transparent url(/img/about.png) no-repeat;
			cursor: pointer;
			}
 		#nav-customer a {
			width: 149px;
			background: transparent url(/img/customer.png) no-repeat;
			cursor: pointer;
			}
		#nav-contact a {
			width: 101px;
			background: transparent url(/img/contact.png) no-repeat;
			cursor: pointer;
			}

 
/*
	#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#blogpage #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, #content-wide h1 { color: #0F6CB6; }	
#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: #0F6CB6; 
	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, .arrows ul {
	list-style: none;
	margin: 0;
	padding-left: 12px;
	}
.blogentries ul li, .arrows 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; margin: 0 0 6px 6px; width: 230px; }

.blogimg img {
	background-color: #fff;
	padding: 5px; margin-bottom: 5px;
	border: 1px solid #cecece;
}

.blogimg2 { float:right; margin: 0 0 6px 9px; width: 165px; }

.blogimg2 img {
	background-color: #fff;
	padding: 5px; margin-bottom: 5px;
	border: 1px solid #cecece;
}

/*
.blogimg { float:right; margin: 0 0 6px 8px; width: 220px; }

.blogimg img {
	background-color: #fff;
	padding: 5px; 
	border: 1px solid #cecece;
 }
*/


.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;
	}
	
#pagenav a {
	color: #666;
	font-weight: normal;
}	
#pagenav a:hover {
	color: #0F6CB6;
}
#current a { 
	color: #000;
	font-weight: bold;
}

.line { 
	height: 1px;
	border-bottom: 1px solid #A7A7A7;
	margin-top: .75em;
}	
#pagenav li {
	display: inline;
	padding-right: 12px;
	font: .9em/1em 'lucida grande', sans-serif; 
}	

#pagenav { 
	padding-bottom: 1em; 
	margin-bottom: 1em; 
	border-bottom: 1px solid #A7A7A7;
}

.staff {
	height: 150px;
	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: 90px; 
	margin-right:5px; 
	float:left; 
	text-align: center; 
	padding:7px 0;
}
.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;
}
#quotetable td { padding: 3px 0;}

#employeetable input, #employeetable select, #employeetable textarea, #quotetable input, #quotetable select, #quotetable textarea {
  	font: 13px Verdana, Arial, sans-serif;
	border: 1px inset #CCC;
	height: auto;
	padding: 1px;
	background: #EEE;
	color: #777;
  }

#quotetable textarea {  width: 165px; }
  
#submit input, #button1 input, .buttonX input {
	font: 13px Verdana;
	padding: 2px;  
	border: 3px double;
	border-color: #FFF; 
	background: #972700;
	display: block;
	margin: 5px 0;
	cursor: pointer;
	color: #FFF;
	width: 165px;
}	
	
#submit input:focus, #button1 input:focus, .buttonX 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 }



#christmasblock {
	position: absolute;
	top: -120px;
	left: 600px;
	width: 110px;
	height: 150px;
	background:url(/img/christmas-bulbs.png) no-repeat;
	z-index: 3000;
}
#christmasblock2 {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 87px;
	height: 100px;
	background:url(/img/ornament1.png) no-repeat;

} 
/* 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;
}
*/


#extreme-home { position: absolute; top: 310px; left: 300px; z-index: 1; }


.staff-mini {
	float:left;
	margin-right: 5px;
	font-size: 9px;
	line-height: 10px;
	width: 80px;
}
.staff-mini p { margin: 3px 0 0 0;}
.staff-mini img {
	border: 1px solid #A7A7A7;
	background: #FFF;
	padding: 3px;
}

.press-pix { float: left; margin-right: 7px;  }

.press-div {
	border-top: 1px solid #cecece;
	clear: left;
	margin: 5px 0;
	padding: 5px;
	}

/*
.press-div { 
	float:left; 
	width: 120px; 
	padding: 5px; 
	margin: 0 5px 5px 0;
	border: 1px solid #cecece;
	font-size: .85em;
	line-height: 1em;
	height: 20em;
}
*/
.press-pix { float-left; margin-bottom: 5px;}

#social { text-align: right; }
#social img { vertical-align: middle; }


#creds img { vertical-align: middle; padding-right: 1em; }
#creds li {
	padding-left: 55px;
	height: 40px;
}

#cred-pdca { background: url('/images/sized/img/logos/PDCA-50x39.jpg') no-repeat; }
#cred-BBB { background: url('/images/sized/img/logos/BBB-50x55.jpg') no-repeat; padding-top: 20px;}
#cred-SCC { background: url('/images/sized/img/logos/SCVCC-50x51.jpg') no-repeat; padding-top: 20px;}
#cred-win { background: url('/images/sized/img/National-Painting-sm-50x21.gif') no-repeat; }

#home-awards {
width: 450px;
float:left;
}

.shadow img {
box-shadow: 2px 2px 4px rgba(0,0,0,.3); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.3);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.3); 
}
.border img { border: 3px solid #FFF; }


#video1 { background: #000; }



a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:31px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
    padding-top:-2px;
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(/img/btn0.png);
    _background-image:url(/img/btn0.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#FFF;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:11px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:31px;
	padding:10px 20px 0 8px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{line-height:1.3;}

html.safari span.button button{line-height:2.6;}

html.safari a.button:focus,
html.safari span.button button:focus{outline:none;}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{color:#aaa;}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{color:#444;}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}




/*Optional hack for IE6 to simulate :hover selector*/

span.button button, del.button span, span.button input{


	
	_behavior:expression(
		(function(el){

			if( typeof( behavior_onMouseEnter) == 'undefined'){

				
				behavior_onMouseEnter = function(el){
					
					var dEl = this.parentNode;					
					var sClass = dEl.className ;
					dEl.__defaultClassName = sClass ;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};

				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName ;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};


			};
			
			
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
			
			
		})(this));

}