/* CSS Document */
/* Global */
body,
html {
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	height:100%;
	min-height:100%;
	}

.clear {clear:both; margin:0; padding:0; height:0}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom: 1px solid #CCCCCC;
	color:#003399;
	font-size: 127.5%;
	font-weight:bold;
	margin: 0px 0px 9px;
	padding: 10px 0px 10px 0px;
	}
	
h1.noul {
	border-bottom:none;
	padding: 10px 0px 0px 0px;
	}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 100%;
	font-weight: bold;
	margin: 0px 0px 6px;
	padding: 0px;
	}

h2:target {
	color: white;
	background: #ff6600;
}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 100%;
	font-weight:normal;
	margin: 6px 0px 6px;
	padding: 0px;
	text-decoration:underline;
	}

h3.noul {
	text-decoration:none;
	}
	
h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size: 100%;
	font-weight:normal;
	margin: 6px 0px 6px;
	padding: 0px;
	}

p.standard {
	font-family:Arial, Helvetica, sans-serif;
	line-height:130%;
	color:#333333;
	font-size: 85%;
	font-weight: normal;
	margin: 0px 0px 6px;
	padding: 0px;
	}

p.small {
	font-size: 70%;
	}
	
p.breadcrumb {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%;
	color:#0033CC;
	margin:0px auto;
	}

p.kangaroobullet {
    background-image: url(../images/bullet.gif);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left: 40px;
	min-height: 40px;
	}

ul.pulmor {
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	list-style:disc;
	padding-left:25px;
	line-height:130%;
	color:#333333;
	}

ul.nobullets {
	list-style:none;
	}
	
span.customer {
	font-style:italic;
	font-weight:bold;
	}
	
table.formstyle {
	padding:10px;
	border: solid 1px #333333;
	}

table.formstyle td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:85%;
	}

img.padright {
	margin-right:20px;
	}
	
/* Photo Galleries global settings */
/* Preload and hide images and text */
#gallerywrap a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:150px;
    left:150px;
    overflow:hidden;
	text-align:center;
    }
	
/* Thumbnails */
#gallerywrap a.gallery, #gallerywrap a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }

#gallerywrap ul {
/* thumbnail layout */
    width:198px;
    height:325px;
/* thumbnail box positioning */ 
	padding:0;
	margin:10px; 
	float:right; 
	list-style-type:none; 
    }
	
#gallerywrap li {
    float:left;
    }
	
/* change thumbnail border color on hover */
#gallerywrap a.gallery:hover {
    border:1px solid #fff;
    }
	
/* show full size images on hover */
#gallerywrap a.gallery:hover span {
    position:absolute;
    width:372px;
    height:325px;
    top:10px;
    left:10px;
    color:#000;
    background:#fff;
    }
	
/* display text to side for portrait images */
/* no affect on landscape images */
#gallerywrap a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }

/* Text to left of center portrait images for variety */
/* #gallerywrap a.slideb:hover img, #gallerywrap a.slidei:hover img { */
/*	float:right; */
/*	} */
	
/* Default image and gallery title */
#gallerywrap {
	position:relative;
	width:600px;
	height:340px;
	margin:15px 15px 0px 15px;
	border:1px solid #aaa;
    }
/* End Photo Gallery Global Settings */

/***** GLOBAL LAYOUT *****/
#container {
    width: 960px;
	margin: 0px auto;
	min-height:100%;
}

#masthead {
	background-image: url(../images/layout/masthead.jpg);
	background-repeat: no-repeat;
	width: 100%;
	height: 113px;
	padding: 0px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	}

#masthead .logo {margin:29px 0 0 38px;}
	
#projcurewrap {
	margin:0px auto;
	padding: 1px 20px 0px 0px;
	float:right;
	}

#searchwrap {
	margin:0px auto;
	padding: 52px 20px 0px 0px;
	float:right;
	}

/***** NAVIGATION *****/
#navwrap {
	width: 100%;
	background: url(../images/layout/nav_shadow.png) no-repeat center 50px;
	height:56px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	text-align: center; /* to center menu in IE5.x */ 
	white-space: nowrap;
	}
	
#home li.home a, /*--Home Page > Home Link Active--*/
#products li.products a, /*--Products Page > Products Link Active--*/
#greenpower li.greenpower a, /*--Greenpower Page > Greenpower Link Active--*/
#wheretobuy li.wheretobuy a, /*--Where to Buy Page > Where to Buy Link Active--*/
#contact li.contact a, /*--Contact Page > Contact Link Active--*/
#about li.about a /*--About Page > About Link Active--*/
	{
	color:#0033CC;
	}

	ul#nav {
		background: url(../images/layout/nav_separator.png) no-repeat 0 0;
		height:50px;
		margin: 0 auto;
		text-align: left; /* reset text alignment if required */ 
		}
	
		ul#nav li,
		ul#nav li a {
			display: block;
			float: left;
			}
		
		ul#nav li {
			background: url(../images/layout/nav_separator.png) no-repeat right 0;
			height: 50px;
			position: relative;
			}

		ul#nav li.last {
			background: none;
			}
		
		ul#nav li a {
			text-decoration: none;
			font-weight: bold;
			font-size:15px;
			color: #787878;
			padding: 17px 30px 20px 29px;
			background: none;
			}
		
		ul#nav li a:hover,
		ul#nav li a.over {
			text-decoration:underline;
			}

		ul#nav li.nolink a:hover,
		ul#nav li.nolink a.over {
			text-decoration:none;
			}

		ul#nav li a:active {
			color:#0033CC;
			}
		
		ul#nav li.nolink a:active {
			color: #787878;
			}
						
		/*-- Dropdowns --*/
		ul#nav li .subnav {
			background: url(../images/layout/nav_dropdown_grad.png) no-repeat 2px 0;
			clear: left;
			display:none;
			left: -4px;
			overflow: hidden;
			padding-top: 1px;
			position: absolute;
			top: 50px;
			width: 246px;
			z-index: 100;
		}
		
		ul#nav li ul {
			width: 100%;
			background: url(../images/layout/nav_dropdown_li.png) repeat-y 0 0;
			overflow: hidden;
			margin: 0;
			padding: 0;
		}
		
		ul#nav li:hover .subnav,
		ul#nav li.over .subnav {
			display: block;
		}
		
		/* clear subnav */
		ul#nav li ul li,
		ul#nav li ul li a {
			float:none;
			height: 1%;
			background: none;
			margin: 0;
			padding: 0;
			font-weight: normal;
		}
		
		ul#nav li ul li {
			padding: 4px 0 6px 8px;
			margin: 0 5px 0 4px;
			background: url(../images/layout/nav_dropdown_sep.gif) repeat-x 0 bottom;
		}
		
			ul#nav li ul li.last { 
				background: none;
				padding-bottom: 4px;
			}
		
			ul#nav li ul li a {
				font-family:Arial, Helvetica, sans-serif;
				font-size: 15px;
				padding: 5px 7px 6px 7px;
				color: #787878;
				background: url(../images/layout/subnav_hover.gif) no-repeat left -25px;
			}
			
			ul#nav li ul li a:hover {
				background-position: left center;
				color: #000000;
				text-decoration:none;
			}
			
			ul#nav li .subnav .bottom {
				background: url(../images/layout/nav_dropdown_bottom.png) no-repeat left top;
				height: 11px;
				line-height:1px;
			}

/***** End Navigation *****/


#contentwrap {
	background-image:url(../images/layout/content.jpg);
	background-position: top;
	background-repeat:repeat-x;
	width: 100%;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	min-height: 100%;
	height: auto; /* important for pushing footer to bottom */
	height: 100%;
	margin: 0 auto -3em;
	}
	
/***** CONTENT PADDING *****/
#fullcontent {
	padding: 15px 15px 0px 15px;
	}

#fullcontent_indent {
	padding: 15px 30px 0px 30px;
	}

#fullcontent_indent_tall {
	padding: 15px 30px 0px 30px;
	min-height:420px;
	height:auto !important;
	height:420px;
	}
	
#leftcontent {
	padding: 15px 10px 0px 15px;
	}

#rightcontent {
	padding: 15px 15px 0px 10px;
	}
	
#titlestrip {
	padding: 15px 15px 0px 15px;
	}

#titlestrip_indent {
	padding: 15px 30px 0px 30px;
	}

#leftcontent_indent {
	padding: 15px 15px 0px 30px;
	}
	
#rightcontent_indent {
	padding: 15px 30px 0px 15px;
	}
	
#leftcontent_indent_wtitle {
	padding: 0px 15px 0px 30px;
	}
	
#rightcontent_indent_wtitle {
	padding: 0px 30px 0px 15px;
	}

/* Star HTML CSS Hack for IE 6 float bug affecting footer */
* html #footer {
	height:1px;
	}

/***** FOOTER *****/
.push {
	clear: both;
	height: 15px;
	}
	
#footer { 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 70%; 
    width:100%;
	height: 85px;
	margin:0px auto;
	clear:both;
	text-align:left;
	border-bottom:1px solid #999999;
	}
#footer a { text-decoration: none; }
#footer #level1 { margin-bottom: 4px; text-align:center; padding: 0px 0px 0px 0px; }
#footer #level1 a { color:#000000; }
#footer #level1 a:hover { color:#0033FF; }
#footer #level2 { color: #696e72; text-align:center; padding: 0px 0px 10px 0px; }
#footer #level2 a { color: #696e72; }
#footer #level2 a:hover { color:#0033FF; }