/* @override http://www.abpainting.com/css/allbright.css */

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


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

 


* {font-size:100.01%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
	display:block;
}

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

.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
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;
}
.pic-right {
	float: right;
	margin: 0  0 6px 12px;
}
.pic-left {
	float: left;
	margin: 0 12px 6px 0;
}
.pic-center {
	text-align: center;
	margin: 0 auto;
}
.pic-none {
	float: none;
	margin: 0 0 6px 0;
}

img a { border: none;}

#PFD-promo, .rounded-bar {
	width: 535px; 
	margin:10px 0; 
	background: #da2a34; 
	text-align:center; 
	box-shadow: 2px 2px 4px rgba(0,0,0,.3); /* for modern browsers */
	-webkit-box-shadow: 0px 0px 9px rgba(0,0,0,.3);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.3); 
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;	
	
}
.port-shadow img { 
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); 
}
.pic-pad img {
margin: 0 12px 6px 0;
	
}
.port-thumbs {
	float:left;
	margin: 10px;
}
.port-thumbs p { font-size: 1.2em; font-weight: bold; padding: 6px 0 0 8px; }

.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;

}

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


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

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}  

 
  /* header and footer elements
----------------------------------------------------------------------------*/
#head-logo2 {
	position: absolute;
	top: 20px;
	left: 315px;
	width: 299px;
	height: 96px;
	z-index: 100;
	background:url(/img/allbright-logo-8.png) no-repeat;
}
 
	#head-logo2 em {
		visibility: hidden;
	}
	
	#head-logo2 a {
		position: absolute;
		height: 79px;
		width: 245px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}


#head-coupon {
	position: absolute;
	top: 25px;
	left: 7px;
	width: 170px;
	height: 69px;
}


.blog-cat { text-transform: uppercase; font-weight: bold; } 

#blog-list-wrap, #side-topics {
	margin-top: 12px;
	background: #EFEFEF;
}
#side-topics {padding: 0; }
#blog-list-wrap {padding: 12px; }
#blog-center {
	width: 400px;
	margin-left: 200px;
	/*border: 1px solid #999;*/
}
#side-right-wrap {
	float:right;
	width: 280px;
	/*border: 1px solid #666; */
	margin-top: 24px;
}

#side-left-wrap {
	float:left;
	width: 180px;
	}

.blog-list img, .blog-list-side img, .blog-photo img { 
float: left; 
margin: 0 12px 10px 0;
padding:0;
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); 
}

.blog-photo { margin-bottom: 16px; width: 310px;}

.blog-list {
height: 115px; 
border-bottom: 1px solid #CCC;
margin: 10px 0;
}
.blog-list-side {
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
	height: 75px;
}
#blog-list-wrap h2 {
	font: bold 1.2em helvetica,arial,sans-serif;  
	margin: 4px 0;
	border-bottom: 1px solid #CCC;
	color: #999;
} 
#side-topics h2 {
	font: bold 1.2em helvetica,arial,sans-serif;  
	margin: 4px 0 0 12px;
	color: #999;
} 
 
.blog-list h3 {
	font: bold 1.6em helvetica,arial,sans-serif;  
	margin: 4px 0;
	color: #999;
} 
.blog-list h4{
	font: bold 1.3em helvetica,arial,sans-serif;  
	margin: 0;
} 
.blog-list-side h3 {
	font: bold 1.5em helvetica,arial,sans-serif;  
	margin: 4px 0;
} 
.blog-list-side h4 {
	font: bold 1.1em helvetica,arial,sans-serif;  
} 

.blog-list h3 a:link, .blog-list h3 a:visited, .blog-list-side h3 a:link, .blog-list-side h3 a:visited, #ideabox a:link { color: #2d6394; text-decoration: none; }

.blog-list h4 a:link, .blog-list h4 a:visited, .blog-list-side h4 a:link, .blog-list-side h4 a:visited, .blog-list-side p a:link, .blog-list-side p a:visited, .blog-cat a:link, .blog-cat a:visited { color: #999; text-decoration: none;  }

.blog-list h4 a:hover, .blog-list h3 a:hover, .blog-list-side h4 a:hover, .blog-list-side h3 a:hover, #ideabox h4 a:hover {color: #000; text-decoration: none; }

.blog-list p { font-size: 11px; }

#followbox img {
	vertical-align: middle;
}
#followbox input { width: 165px; font-size: 1.2em; }
#facebox { margin-top: 20px; }

.side-pic-wrap {
	/*width: 303px;*/
	/*float: right;*/
	margin-left: 10px;
}
.side-pic-wrap .caption {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
}

#head-arrow {
	position: absolute;
	top: 35px;
	right: 30px;
	width: 225px;
	height: 50px;
	text-align: center;
	color: #1a77bc;
	font: 12px/13px Helvetica, Arial, sans-serif;
	letter-spacing: 0px;
	background: url(/img/phone-arrow2.png) no-repeat 0 0;
}


#head-phones {
	position: absolute;
	top: 80px;
	right: 10px;
	width: 300px;
	text-align: right;
	font: 11px/18px Helvetica, Arial, sans-serif;
}
#head-phones a {
	 color: #438fd4;
}
#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, #foot-home { 
 	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, #foot-home {
  	height:69px;
	font-size: 9px;
	text-align:left;
 	font-family: 'lucida grande', sans-serif;
 	position: relative; 
 	margin-bottom: 24px;
}
	
	
#foot { background: url('/img/new-foot-back.png') no-repeat; }
#foot-home { background: url('/img/foot-back-home.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;
	}
#galleria-wrap {
	 margin-left: 40px;
}

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

#gal-wrap p {
	margin-top: 8px;
	margin-left: 3px;
	font-size: 11px;
	font-weight: bold;
}
.port-thumb {
	float: left;
	margin: 0 25px 25px 0;
	width: 195px;
	min-height: 200px;
	font-size: 10px;
}
.press-thumb {
	min-height: 240px;
	margin-right: 33px;
}
.port-thumb img {
		border: 6px solid #FFF;
	box-shadow: 0 3px 6px rgba(0,0,0,.5);
	/* for modern browsers */
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);	
}
.key {
	margin-top: 12px;
} 
/*#body-wrap {
	width: 929px;
	background-image: url(/img/new-inside-back.png);
	background-repeat: repeat-y;
	padding:0 7px 15px 7px;
	}*/
#body-wrap-home {
	width: 929px;
	background-image: url(/img/new-inside-back-8.png);
	background-repeat: repeat-y;
	padding:0 7px 15px 7px;
	}
#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;	 
}
 
#slides {
	height: 321px;
	overflow: hidden;
}

#lower-wrap{
 	padding: 15px;
 	width: 885px;
 	position: relative; 
 	white-space:normal /* IE7 need this to fix incorrect button wrapping style*/;
}

#lower-left {
	width:  540px;
	float: left;
}
#lower-left2 {
	width:  563px;
	float: left;
	margin: 0 0 0 5px;
	background: url(/img/slice-vert.jpg) no-repeat 542px 0;
}
#lower-right {
	width:  220px;
	float: left;
}
#lower-right2 {
	width:  314px;
	float: left;
	font: normal 12px/16px Helvetica, sans-serif;
}
.divider-horiz {
	height: 21px;
	background: #FFF url('/img/slice-horizontal.jpg') no-repeat 15px 0;
	width: 540px;
	margin: 9px 0 6px;
}
.divider-horiz-sm {
	height: 21px;
	background: #FFF url('/img/slice-horizontal-sm.png') no-repeat top center;
	width: 315px;
 
} 
#lower-wrap h2 {
	font-family: "tandelle-1","tandelle-2",sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #000;
	text-transform: none;
}
#lower-wrap h2 a:link, #lower-wrap h2 a:visited { font-weight: normal; color:  #000;}
#lower-wrap h2 a:hover { color:  #418fd5;}
#lower-wrap h3 {
	font-size: 16px;
	font-weight: normal;
	color: #000;
	text-transform: none;
}

#lower-wrap .info {
	width:  160px;
	margin-right: 18px;
	float: left;
	min-height: 250px;
}
#lower-wrap .info2 {
	width:  268px;
	margin-right: 6px;
	float: left;
	font: normal 13px/20px Helvetica, sans-serif;
}
#lower-wrap .info2  li {
	list-style-type: none;
	font-weight: normal;
}
#lower-wrap .info2 img {
	margin-left: -6px;
}
.poll-wrap .cast-vote {
	margin-top: 10px;
}
.poll-wrap .poll-chart {
	height: 150px;
	overflow: hidden;
}
.poll-wrap .poll-chart img {
	margin-top:  -150px;
}
#lower-wrap .mini-com {
	margin: 9px 0 9px 0;
}
#lower-wrap .mini-com h4,
.poll-wrap h4 {
	font:  16px/18px Helvetica, sans-serif;
	
	color: #056db6;
}
#lower-wrap .mini-com h4 a:link {
	color: #056db6;
}
#lower-wrap .com-desc {
	/*height: 74px;*/
	width: 162px;
	float: left;
	padding: 2px 0;
	font-size: 11px;
}
#lower-wrap .com-icon {
	height: 74px;
	width: 148px;
	float: right;
}
#lower-wrap .com-icon a{
display: block;
}
#lower-wrap .com-icon a:link, #lower-wrap .com-icon a:visited {
	border: 1px solid #056db6;
}
#lower-wrap .com-icon a:hover {
	border: 1px solid #af351d;
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); 
}

#lower-wrap .info2 h2, #lower-right2 h2 {
	font: bold 19px/20px Helvetica, sans-serif;
	text-transform: uppercase;
	margin-bottom: 3px;
}

#lower-wrap .infowide {
	width:  336px;
	margin: 15px 24px 0 0;
	float: left;
	font: 12px/18px helvetica, arial, sans-serif;
}

#lower-right2 h3 a.scheduler {
	font-weight: normal;
	width: 320px;
	height: 72px;
	float: left;
	margin: 6px 0px 10px 0px;
	text-indent: -99999px;
	display: block;
	overflow: hidden;
	background: url(/img/Schedule-button.jpg) no-repeat 0px 0px;
}

	#lower-right2 h3 a.scheduler span.hover {
	font-weight: normal;
		width: 320px;
		height: 72px;
		float: left;
		text-indent: -99999px;
		display: block;
		background: url(/img/Schedule-button.jpg) no-repeat 0px -72px;
	}
	
#right h3.schedule-box a.scheduler {
	width: 252px;
	height: 72px;
	float: left;
	margin: 6px 0px 10px 0px;
	text-indent: -99999px;
	display: block;
	overflow: hidden;
	background: url(/img/Schedule-button-sidebar.jpg) no-repeat 0px 0px;
}

	#right h3.schedule-box a.scheduler span.hover {
		width: 252px;
		height: 72px;
		float: left;
		text-indent: -99999px;
		display: block;
		background: url(/img/Schedule-button-sidebar.jpg) no-repeat 0px -72px;
	}
	


 

#lower-wrap .info li {
	margin-bottom: 4px;
}
#lower-wrap .info li, #lower-wrap .info p {
	font: 11px helvetica, arial, sans-serif;
}
#lower-wrap .info p {
	line-height: 16px;
}
#lower-wrap .info li a {
	font-weight: normal;
}
.info a:link img {
	border:  1px solid #000;
}
.info a:hover img {
	border:  1px solid #992700;
}
 
.info:hover,
.info .active {background:#efeed8;}

.footer-holder{
	padding-bottom:22px;
}
#bread-wrap {
	border-bottom:1px solid #6a9abe;	
	margin: 0 24px 12px 35px;
	position: relative;
}
.breadcrumbs{
	background: url(/img/breadcrumb-icon.png) no-repeat left;
	padding-left: 16px;
	/*width:  400px;*/
	overflow:hidden;
	height:28px;
	font-size:1em;
	text-transform: Uppercase;
	line-height:2.85em;
}
.breadcrumbs li{
	float:left;
	padding:0 10px 0 10px;
	background: transparent url(/img/bread-arrow.png) no-repeat 9px right;
}
.breadcrumbs li:last-child {
	background: none;
}
 
.breadcrumbs a{color:#000;}

#lead-safe {
text-align: center;
margin-top: 16px;
}
#footsearch {
	float: right;	
}
#footsearch input {
	font-size: 10px;
	border:  1px solid #b4d2ea;
	background: none;
}
#footsearch input:focus, textarea:focus{
	background: #FFF; 
}
  
#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;
    padding:3px 5px;
   }

#cse-search-box .text {
 font-size: 10px;
 width: 80px;
 margin-right: 3px; 
	padding:4px 5px;
 }
 #cse-search-results {
 	width: 550px;
 	overflow: hidden;
 }
 

#quotetable input:focus, #quotetable textarea:focus {
	background: #D1EEE0; border: 1px solid #AF351D; 
}


.sitemap{
	padding-left:24px;
	height:1%;
	overflow:hidden;
	font-size:1em;
	line-height:1.64em;
	margin-bottom: 1em;
	margin-left: 24px;
}
.sitemap li{
	float:left;
	text-transform:uppercase;
	margin-right:50px;
	max-width: 200px;
	line-height: 12px;
	margin-bottom: 5px;
}
.sitemap .blog-colwidth {
	width: 180px;
}
.sitemap a{ color:#000; font-weight: normal;}
.sitemap ul li{
	float:none;
	text-transform:none;
	margin-right:0;
	font-weight: normal;
}

#lower-wrap .schedule p {
 	text-align: center;
	font: 13px/18px helvetica, sans-serif;
}

.arrow-link a:link {
	font-weight: bold;
	padding-right: 10px;
	background: transparent url(/img/arrow-smallish.gif) no-repeat 1px right;
}
.schedule {
	margin-top: 2em;
	width: 160px;
	float: right;
	margin-right: 2em;;
}
  /* 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%;
	}

#inside h3 {
	font-size: 13px;
	margin-top: 4px;
}
#inside h2 {
	font-size: 16px;
	line-height: 18px;
}
  /* nav menu
----------------------------------------------------------------------------*/
#navigation-primary {
	position: absolute; 
	z-index: 1000;
	top: 0;
	left: 23px;
	width: 920px;
	height: 45px;
	}
 
.nav-wrap {
	position:absolute;
	top:0;
	left:0;
	width:940px;
 	z-index: 1000;
 }
.nav-spacer {
	height: 44px;
}


#nav2 {
	background:url(/img/new-nav-back.png) no-repeat;
	width:940px;
	/*height:72px;*/
	/*margin:0 -3px 0 -5px;*/
	padding:0 0 0 23px;
	line-height:19px;
}
#nav2:after {
	content:"";
	display:block;
	clear:both;
}
#nav2 li {
	float:left;
	margin:-3px 0 0 4px;
	display:inline;
	position:relative;
	
}
#nav2 li:hover,
#nav2 li.hover {position:relative;}
#nav2 li:hover .drop,
#nav2 li.hover .drop {display:block;}
#nav2 a {
	float:left;
	padding:0 0 0 0px;
	text-decoration:none;
	color:#445d6a;
	cursor:pointer;
	position:relative;
}
#nav2 a:hover,
#nav2 li.active a,
#nav2 li.hover a,
#nav2 li:hover a {
	background:url(/img/bg-nav-link-l.png) no-repeat 0 4px;
}
#nav2 a strong {
	float:left;
	height:24px;
	padding:20px 0 0 0;
	font-weight:bold;
	font-size: 12px;
	color: #FFF;
	text-align: center;
}
#nav2 a:hover strong,
#nav2 li.active a strong,
#nav2 li.hover a strong,
#nav2 li:hover a strong {
	background:url(/img/bg-nav-link-c.png) no-repeat 0 3px;
	color:#000;
	/*text-transform:uppercase;*/
	padding:20px 0 4px 0;
	height:24px;
}
#nav2 a span.leftie {
	float:left;
	width:33px;
	height:50px;
	margin:0;
	display:inline;
}
#nav2 a span.rightie {
	float:left;
	width:33px;
	height:50px;
	margin:0;
	display:inline;
}
#nav2 a:hover span.rightie,
#nav2 li.active a span.rightie,
#nav2 li.hover a span.rightie,
#nav2 li:hover a span.rightie {background:url(/img/bg-nav-link-r.png) no-repeat 0 4px}

 


#nav2 .drop {
	display:none;
	position:absolute;
	top:46px;
	left:-21px;
	width:251px;
	z-index: 2000;
}
.drop .t {
	background:url(/img/bg-drop-t.png) no-repeat;
	height:34px;
	overflow:hidden;
	text-indent:-9999px;
}
.drop .b {
	background:url(/img/bg-drop-b.png) no-repeat;
	height:10px;
	overflow:hidden;
	text-indent:-9999px;
}
.drop .c {
	background:url(/img/bg-drop-c.png) repeat-y;
	height:1%;
	overflow:hidden;
	padding:0 16px 2px;
}
#nav2 .drop ul {
	background:url(/img/none.gif);
	width:219px;
}
#nav2 .drop li,
#nav2 li:hover li,
#nav2 li.hover li {
	margin:0 0 5px;
	padding:0;
	float:none;
	display:block;
	vertical-align:top;
	width:100%;
}
#nav2 li .drop a,
#nav2 li:hover li a,
#nav2 li.hover li a {
	color:#666;
	padding:2px 5px 5px 15px;
	float:none;
	background-image:none;
	display:block;
	width:199px;
}
#nav2 .drop a:hover {
	background:#89c3ee;
	color:#fff;
	/*font-weight:bold;*/
}






#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; 
	font: 2.3em Georgia, "Times New Roman", serif;  margin-bottom:4px;
}	
#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;
	}
	



.floater-vid {
	float: left;
	width: 230px;
	min-height: 185px;
	margin-right: 50px;
}
.floater-vid li {
	font-size: 10px;
	line-height: 12px;
	background-position: 0px 2px;
}
.floater-vid em {
	font-size: 10px;
}
.floater-vid .image-vid a {
				width: 230px;
				height: 133px;
				display: block;
				position: absolute;
				z-index: 10;
				/*filter:alpha(opacity=70);*/
				opacity: 0.7;
				-moz-opacity:0.7;
				margin: 0;
				text-indent: -99999px;
				border:0;
				background:url(/img/video-play-button.png) no-repeat 80px 30px;
			}
  
.floater-vid  .image-vid a:hover  {
					filter:alpha(opacity=100);
					opacity: 1;
					-moz-opacity:1;
					border:0;
					background:url(/img/video-play-button.png) no-repeat 80px 29px;	
				}
.floater-vid h4 {
	font: 12px/14px helvetica, sans-serif;
	margin-top: 4px;
}
.video-placeholder {
	width:230px; height: 133px; background: #000; color: #FFF; 
} 
.video-placeholder-sm {
	width:181px; height:98px; background: #000; color: #FFF; 
} 

.video-placeholder p {
	padding: 50px 0 0 57px; 
	width: 10em;
}
.video-placeholder-sm p {
	padding: 30px 0 0 40px; 
 	color: #efefef;
}
.pagepad {
	padding: 30px;
}	

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


.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; }

#credential-box {
	width: 500px; 
	background: #FFF; 
	border: 1px solid #cecece; 
	margin: 7px auto; 
	padding: 7px; 
	height: 245px; 
	line-height: 11px;
	text-align: center;
}	
.credent-box { 
	width: 95px; 
	margin-right:5px; 
	float:left; 
	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; }

  
  
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 }

#social { margin-top: 12px;}
#social img { vertical-align: middle; }
/*#social li {
	float: left;
	margin-right: 9px;
}*/


.social-networks{
	overflow:hidden;
	height:1%;
	padding:0 0 4px 5px;
}
.social-networks li{
	float:left;
	margin:0 8px 0 0;
	text-indent:-9999px;
}
.social-networks li a{
	display:block;
	width:22px;
	height:22px;
	overflow:hidden;
}
.social-networks .youtube{background:url(/img/bg-ico.gif) no-repeat;}
.social-networks .linkedin{background:url(/img/bg-ico.gif) no-repeat -22px 0;}
.social-networks .facebook{background:url(/img/bg-ico.gif) no-repeat -44px 0;}
.social-networks .twitter{background:url(/img/bg-ico.gif) no-repeat -66px 0;}
.social-networks .rss{background:url(/img/bg-ico.gif) no-repeat -88px 0;}
.social-networks .youtube:hover{background:url(/img/bg-ico.gif) no-repeat 0 -22px;}
.social-networks .linkedin:hover{background:url(/img/bg-ico.gif) no-repeat -22px -22px;}
.social-networks .facebook:hover{background:url(/img/bg-ico.gif) no-repeat -44px -22px;}
.social-networks .twitter:hover{background:url(/img/bg-ico.gif) no-repeat -66px -22px;}
.social-networks .rss:hover{background:url(/img/bg-ico.gif) no-repeat -88px -22px;}


.mini-thumbs {
	width: 475px; 
	overflow: hidden;
	padding: 0 50px 0 0;
	height: 110px;
}
.mini-thumbs img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding: 4px;
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); 
}
.mini-thumbs  p {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 4px;
}

.video-thumbs {
	text-align: center;
	margin-bottom: 12px;
	margin-left: 20px;
}

#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;

} 

hr {
	height: 1px;
	background: none;
	border: none;
	border-bottom: 1px solid #b6b6b6;
}
/* 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-pix .caption {
	margin-bottom: 18px;
	margin-top: 6px;
	font-weight: bold;
}
.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;
}
*/
 

#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; }

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

#video1 { background: #000; }



/*
 * To change the color scheme of slider change each 
 * background property for each of the five styles below
 */

/*next button*/
#blog .bx-next {
	position:absolute;
	top:40%;
	right:-20px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(/js/bx_styles/gray_next.png) no-repeat 0 -30px;
	
}

#blog .bx-prev {
	display: none;
	}
 #blog .slider-holder {
	text-align: center;
} 
/*pager links*/
.bx-pager a {
	margin-right: 5px;
	color: #fff;
	padding: 3px 8px 3px 6px;
	font-size: 12px;
	zoom:1;
	background: url(gray_pager.png) no-repeat 0 -20px;
}

/*auto start button*/
.bx-auto .start {
	background: url(gray_auto.png) no-repeat 0 2px;
	padding-left: 13px;
}

/*auto stop button*/
.bx-auto .stop {
	background: url(gray_auto.png) no-repeat 0 -14px;
	padding-left: 13px;
}

/*
 * End color scheme styles
 */
.sliderblog li img {
	margin: 0 auot;
}

/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	text-align:center;
	padding-top: 7px;
	font-size:12px;
	color:#666;
}

.poll-wrap img {
 margin: 0 0 0 -10px;
}

.pollshare {
	margin-top: 20px;
	background: #CCC;
	padding: 15px;
}

/*captions*/
.poll-voted {
	font-size: 18px;
	font-style: italic;
	margin-bottom: 10px;
}
 
#blog .bx-captions {
	text-align: left;
	font-size: 11px;
	/*background: #000;*/
	color: #000;
	font-weight: bold;
	padding: 5px 0;
	margin-top:  -8px;
	margin-bottom: 15px;
}
 

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}

#charities  {
	margin: 0 0 0 30px;
padding: 0 0 0 30px;
width: 500px;
}

.poll-wrap {
	font-size: 1.2em;
}
.poll-wrap h2 {
	margin-bottom: 6px;
}

.charity-entry {
	margin: 0 30px;
}
.charity-entry img {
	float: right;
	margin: 0 6px 6px 6px;
	border: 6px solid #FFF;
	box-shadow: 2px 2px 6px rgba(0,0,0,.4); /* for modern browsers */
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,.4);
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,.4); 
}


/* @group Buttons */

.btn-red { margin-top: 12px; }

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

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

div.btn-red a:hover {background-color: #4D1D19; }
 




 
/* @end */

 
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));

}