@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
	}
	
body {
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:14px;
	background-color:#D4D4D4;
	}
	
:hover {
	outline:none;
	}
	
a img {
	border:0px;
	outline:none;
	}
	
.clear {
	clear:both;
	}
	
	div#container {
		width:100%;
		background-color:#FFFFFF;
		background-image:url(../images/container-bg.jpg);
		background-repeat:repeat-x;
		}
		
		div#header {
			width:900px;
			height:144px;
			background-image:url(../images/header-bg.jpg);
			margin:0 auto;
			}
			
			div#header h1 a {
				display:block;
				background-image:url(../images/progreen-cleaning-co-inc.gif);
				width:234px;
				height:88px;
				text-indent:-9999px;
				float:left;
				margin:23px 0px 0px 35px;
				}
				
			div#header p {
				display:block;
				float:right;
				color:#FFFFFF;
				font-size:19px;
				line-height:24px;
				font-weight:bold;
				letter-spacing:-1px;
				text-shadow: 2px -1px 0px #459E40;
				}
				
			ul#navlist {
				list-style:none;
				display:block;
				float:right;
				padding:20px 0px 0px 0px;
				clear:right;
				}
				
				ul#navlist li {
					list-style:none;
					display:inline;
					}
					
					ul#navlist li a {
						display:block;	
						float:left;
						background-image:url(../images/nav-bg-left.gif);
						background-position:bottom left;
						background-repeat:no-repeat;
						text-decoration:none;
						color:#FFFFFF;
						font-weight:bold;
						font-size:14px;
						margin:0px 3px 0px 0px;
						text-shadow: 1px -1px 0px #459E40;
						}
						
						ul#navlist li a span {
							display:block;
							background-image:url(../images/nav-bg-right.gif);
							background-position:bottom right;
							background-repeat:no-repeat;
							padding:5px 8px;
							}
							
					ul#navlist li a:hover {
						text-decoration:underline;
						}
						
		div#wrapper {
			width:900px;
			background-image:url(../images/sidebar-bg.gif);
			background-position:right top;
			background-repeat:repeat-y;
			margin:0px auto 0px auto;
			}
			
			div#content {
				padding:20px 0px 60px 0px;
				margin:0px 0px 0px 35px;
				background-image:url(../images/wrapper-bg.gif);
				background-position:bottom left;
				background-repeat:no-repeat;
				width:500px;
				line-height:21px;
				float:left;
				}
				
				div#content img.circle {
					float:left;
					margin:0px 35px 40px 0px;
					}
					
				div#content h2 {
					font-size:20px;
					letter-spacing:-1px;
					margin:0px 0px 10px 0px;
					}
					
				div#content p {
					margin:0px 0px 10px 0px;
					}
					
				div#content ul, div#content ol {
					margin:0px 0px 10px 20px;
					}
					
					div#content ul li {
						margin:0px 0px 10px 0px;
						}
					
						div#content ul li strong {
							color:#49A240;
							}
					
						div#content ul li span {
							font-size:12px;
							color:#666666;
							}
					
			div#sidebar {
				float:right;
				width:285px;
				margin:-65px 0px 0px 0px;
				}
				
				div#sidebar-index {
					background-image:url(../images/sidebar-index.jpg);
					width:318px;
					height:436px;
					margin:0px -33px 0px 0px;
					}
					
	div#footer {
		background-image:url(../images/footer-bg.jpg);
		background-repeat:repeat-x;
		background-position:top;
		width:100%;
		}
		
		div#footer-inner {
			width:865px;
			padding:30px 0px 15px 35px;
			margin:0 auto;
			}
			
			a#logo {
				display:block;
				background-image:url(../images/footer-logo.gif);
				width:111px;
				height:42px;
				text-indent:-9999px;
				float:left;
				}
				
			p#phone {
				display:block;
				background-image:url(../images/774-272-5625.gif);
				width:223px;
				height:52px;
				text-indent:-9999px;
				float:right;
				}
				
			p#nav {
				display:block;
				float:left;
				text-align:center;
				padding:15px 0px 0px 30px;
				font-size:12px;
				color:#999999;
				}
				
				p#nav a {
					text-decoration:none;
					color:#666666;
					text-shadow: 1px 1px 0px #FFF;
					}
				
				p#nav a:hover {
					text-decoration:underline;
					color:#000000;
					}		
			
form#contact {
	width:350px;
}

form#contact label {
	font-size:12px;
	display:block;
	margin:0px 0px 10px 0px;
	line-height:12px;
}

form#contact textarea.long, form#contact input.long, form#contact select.long {
	width:300px;
	background-color:#F6F6F6;
	border-bottom:1px solid #666666;
	border-right:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	padding:3px;
	margin-top:4px;
}

form#contact textarea.long:hover, form#contact textarea.long:focus, form#contact input.long:hover, form#contact input.long:focus, select.long:focus {
	width:300px;
	background-color:#FFFFFF;
	border:1px solid #000000;
}

form#contact input.submitbutton {
	width:150px;
}