body {

	margin: 0;

	background-color: #8c6239;

		font-family: Arial, sans-serif;

}

img {

	padding: 0;

	margin: 0;

	border: none;

}

form {



	display: inline;

		margin-top: 6px;

	padding-top: 2%;



	

}

.instruction {

	font-size: 12px;

	color: #FF6600;

}



.form select, .form input, .form textarea 

{

	vertical-align:middle;

	width: 500px;

	

	

}

#main {

	margin: 0 auto;

	width: 881px;

	

}

#header {

	float: left;

	position: relative;

	width: 881px;

}

.others {

	background: url(/media/images/header-2-bg.jpg) no-repeat;

	height: 278px;

}

.enter {

	background: url(/media/images/header-1-bg.jpg) no-repeat;

	height: 277px;

}

#header p {

	font: 32px Arial, sans-serif;

	color: #555;

}

.others p {margin: 87px 0 0 55px;}

.enter p {margin: 97px 0 0 55px;}

#header .logo, #header .logo1  {

	float: left;

	background: url(/media/images/logo.gif) no-repeat;

	width: 507px;

	height: 94px;

	margin: 4px 0 0 272px;

	display: inline;

	text-indent: -9999px;

	overflow: hidden;

}

#header .logo1 {

	background: url(/media/images/logo-1.gif) no-repeat;

	width: 557px;

	height: 103px;

	margin: 4px 0 0 282px;

}

#header .top-nav {

	position: absolute;

	top: 222px;

	left: 18px;

	list-style: none;

	padding: 0;

	margin: 0;

	width: 851px;

	height: 56px;

}

#header .top-nav li {float: left;}

#header .top-nav li a {

	float: left;

	height: 56px;

	width: 141px;

	text-indent: -9999px;

	overflow: hidden;

}

#header .top-nav li a:hover, #header .top-nav li a.active {background-position: 0 100%;}

#header .top-nav li .link1 {background: url(/media/images/top-nav-link1.gif);}

#header .top-nav li .link2 {background: url(/media/images/top-nav-link2.gif);}

#header .top-nav li .link3 {background: url(/media/images/top-nav-link3.gif);}

#header .top-nav li .link4 {background: url(/media/images/top-nav-link4.gif);}

#header .top-nav li .link5 {background: url(/media/images/top-nav-link5.gif);}

#header .top-nav li .link6 {background: url(/media/images/top-nav-link6.gif);}
#content {

	float: left;

	width: 881px;

	background: url(/media/images/content-bg3.gif) repeat-y;

}

#content #form {



	width: 709px;

	height: 95px;

	margin: 0 0 0 16px;

	padding: 0px 0 0 130px;

	display: inline;

	background-color: #fff;

	margin-top: 6px;

	padding-top: 2%;

}

#content #home {

	float: left;

	font: 18px/28px Arial, sans-serif;

	color: #666;

	width: 400px;

	margin: 0 0 0 16px;

	padding: 20px 0 0 20px;

	display: inline;

	background-color: #fff;

}

#content #blog {

	float: left;

	font: 18px/28px Arial, sans-serif;

	color: #666;

	width: 829px;

	margin: 0 0 0 16px;

	padding: 20px 0 0 20px;

	display: inline;

	background-color: #fff;

}

#content #blog-spacer {

	float: left;

	font: 18px/28px Arial, sans-serif;

	color: #666;

	width: 829px;

	margin: 0 0 0 16px;

	padding: 20px 0 0 20px;

	display: inline;

}

#content #copy {

	float: left;

	font: 18px/28px Arial, sans-serif;

	color: #666;

	width: 829px;

	margin: 0 0 0 16px;

	padding: 20px 0 0 20px;

	display: inline;

	background-color: #fff;

}

#content #copy h1 {

	color: #f26522;

	font: 30px/30px Arial, sans-serif;

	margin: 0 35px 0 16px;

	padding: 20px 0 0 20px;

}

#content #copy strong {

	color: #f26522;

	font-weight: normal;

}

#content #copy p {

	margin: 0 35px 0 16px;

	padding: 20px 0 0 20px;

	

}

#content #copy a {

	color:#f26522;

}

#content #copy a:hover {

	color:#f26522;

	text-decoration: none;

}

#content #copy ol {

	margin: 0 35px 0 16px;

	padding: 20px 0 0 60px;

}

#content #form label {

	float: left;

	font: 20px/22px Arial, sans-serif;

	letter-spacing: -0.05em;

	color: #666;

	padding: 1px 5px 0 0;

}

#content #form .input {



	background: url(/media/images/input-bg.gif) no-repeat;

	width: 238px;

	height: 69px;

	display: inline;

}

#content #form .input .password {



	width: 113px;

	border: none;

	padding: 0;

	margin: 2px 0 0 28px;

	display: inline;

	font: 18px/18px Arial, sans-serif;

}

#content #form .input .btn {



	margin: 2px 0 0 1px;

	display: inline;

}

#content #sub-content{

	float: left;

	width: 849px;

	margin: 0 0 0 16px;

	display: inline;

}

#content #sub-content #interior{

	float: left;

	background: url(/media/images/sub-nav-bg-interior.jpg) ;

	background-repeat:repeat-x

	width: 849px;

	display: inline;

}

#content #sub-content #exterior{

	float: left;

	background: url(/media/images/sub-nav-bg-exterior.jpg) no-repeat;

	width: 849px;

	display: inline;

}

#content #sub-content #accessories{

	float: left;

	background: url(/media/images/sub-nav-bg-accessories.jpg) no-repeat;

	width: 849px;

	display: inline;

}

#content #sub-content #lawn-garden{

	float: left;

	background: url(/media/images/sub-nav-bg-lawn-garden.jpg) no-repeat;

	width: 849px;

	display: inline;

}

#content #sub-content #professional{

	float: left;

	background: url(/media/images/sub-nav-bg-professional.jpg) no-repeat;

	width: 849px;

	display: inline;

}

#content #sub-content #services{

	float: left;

	background: url(/media/images/sub-nav-bg-247.jpg) no-repeat;

	width: 849px;

	display: inline;

}



#content #sub-content #box-nav {

	float: left;

	list-style: none;

	padding: 15px 0 0 3px;

	margin: 0;

	list-style: none;

	width: 846px;

	position: relative;

}

#content #sub-content #box-nav li {

	float: left;

	background: url(/media/images/box-nav-item.png) no-repeat;

	width: 167px;

	height: 75px;

	margin: 11px 2px 0 0;

	text-align: center;

}

#content #sub-content #box-nav .last {margin: 11px 0 0;}

#content #sub-content #box-nav li div {

	display: block;

	width: 160px;

	height: 43px;

	padding: 22px 0 0 0;

	font: 20px/21px Arial, sans-serif;

	color: #333;

	text-decoration: none;

	cursor: pointer;

	z-index: 1;

}

#content #sub-content #box-nav .text {



	width: 160px;

	padding: 0;

	height: auto;

	color: #333;

	text-decoration: none;

	text-align: center;

 	background-position:bottom;

	

}

#content #sub-content #box-nav .text:hover {text-decoration: underline;}

#content #sub-content #box-nav li .hr {padding: 10px 0 0 0;}

#content #sub-content #box-nav li:hover .first, #content #sub-content #box-nav li.hover .first {position: relative;}

#content #sub-content #box-nav li:hover .popup, #content #sub-content #box-nav li.hover .popup {display: block;}

#content #sub-content #box-nav .popup {

	display: none;

	position: absolute;

	top: 57px;

	left: -32px;

	width: 226px;

}

* html #content #sub-content #box-nav .popup {top: 17px;}

.safari #content #sub-content #box-nav .popup {top:57px;}

#content #sub-content #box-nav .popup .popup-content {

	float: left; 

	width: 226px;

	padding: 50px 0 0;

	margin: -47px 0 0 0;

	background: url(/media/images/pop-up-top.png) no-repeat;

}

* html #content #sub-content #box-nav .popup .popup-content {margin: 0;}



.safari #content #sub-content #box-nav .popup .popup-content {margin: -45px 0 0;}

#content #sub-content #box-nav .popup .popup-content .popup-middle {

	float: left;

	list-style: none;

	padding: 20px 0 0;

	margin: 0;

	width: 226px;

	background: url(/media/images/pop-up-middle.png) repeat-y;

	

}

#content #sub-content #box-nav .popup .popup-content .popup-middle li {

	background: none;

	height: auto;

	position: relative;

	width: 226px;

	margin: 0;

	z-index:200;

}

#content #sub-content #box-nav .popup-content .popup-bottom {

	float: left;

	background: url(/media/images/pop-up-bottom.png) no-repeat;

	width: 226px;

	height: 34px;

}

#content #sub-content #box-nav .popup .popup-content a {

	color: #fff;

	font: 16px/27px Arial, sans-serif;

	color: #fff;

	background-color: #996633;

}

#content #sub-content #box-nav .popup .popup-content a:hover {text-decoration: none;}

#content .image-holder {

	float: left;

	position: relative;

	width: 849px;

	padding: 0 0 0 16px;

}

#content #list {

	float: left;

	width: 795px;

	margin: 0 0 0 31px;

	display: inline;

	list-style: none;

	padding: 0;

	position: relative;

}

#content #list li {

	float: left;

	margin: 12px 7px 0 0;

	background: url(/media/images/list-item.png) no-repeat;

	width: 258px;

	height: 241px;

	padding: 18px 0 0 0;

	display: inline;

	text-align: center;

}

#content #list li a {

	position: relative;

	cursor: pointer;

}

#content #list li div {

	display: block;

	width: 258px;

	font: 20px/21px Arial, sans-serif;

	color: #333;

	text-decoration: none;

	z-index: 1;

}

#content #list li:hover .first,#content #list li.hover .first {position: relative;}

#content #list li:hover .popup, #content #list li.hover .popup {display: block;}

#content #list .popup {

	display: none;

	position: absolute;

	top: -180px;

	left: 36px;

	width: 266px;

}

#content #list .popup .popup-content {

	float: left; 

	width: 266px;

	padding: 72px 0px 0px;

	background: url(/media/images/pop-up-2-top.png) no-repeat;

}

#content #list .popup .popup-content p {

	margin: 0px 0px 0px 40px;

	^margin: 0px 0px 0px 30px;

	font: 12px/15px Arial, sans-serif;

	color: #fff;

	/*text-align: center;*/

	width: 200px;

	float:none;

}



*html #content #list .popup .popup-content p {

	margin: 0px 0px 0px 20px;

	font: 12px/15px Arial, sans-serif;

	color: #fff;

	/*text-align: center;*/

	width: 200px;

	float:none;

}



#content #list .popup .popup-content p strong {text-transform: uppercase;}



#content #list .popup .popup-content p a {

	font: 18px/18px Arial, sans-serif;

	color: #0000ff;

	text-decoration: underline;

}

#content #list .popup .popup-content p a:hover {text-decoration: none;}





#content #list .popup .popup-content .popup-middle {

	float: left;

	list-style: none;

	padding: 0px 0px 0px 0px;

	margin: 0px;

	width: 266px;

	background: url(/media/images/pop-up-2-middle.png) repeat-y;

	text-align: center;

}



#content #list .popup-content .popup-bottom {

	float: left;

	background: url(/media/images/pop-up-2-bottom.png) no-repeat;

	width: 266px;

	height: 20px;

}



#footer {

	float: left;

	background: url(/media/images/footer-bg3.gif) no-repeat;

	width: 881px;

	text-align: center;

	display: inline;

}

#footer p {

	margin: 30px 0 49px 0;


	color: #fff;
	font-size: small;

}

#footer p a {color: #fff;}

#footer p a:hover {text-decoration: none;}

<!--synergy--------------------->

#admin{

background-image:url(/media/images/admin_bg.jpg);

background-repeat:no-repeat;

height:300px;

background-position:250px;

margin-top:100px;

}



#usner{

margin-left:16px;

margin-right:16px;

background-color:#FFFFFF;

}

.userfont{

	font: 15px Arial, sans-serif;

	color: #555;

	font-weight: bold;

}

.passuser{

	float: left;

	width: 120px;

	border: none;

	padding: 0;

	margin: 5px 0 0 0px;

	display: inline;

	font: 15px/18px Arial, sans-serif;

}

/*Synergyimages*/



#message{

	float: left;

	margin: 120px 7px 0 0;

	width: 258px;

	height: 241px;

	padding: 18px 0 0 0;

	display: inline;

	text-align: center; 

	font-family: Arial, sans-serif; 

	background-color:#F26522; 

	

}

/*------------------*/



h3

{

margin-left: 50px;

color: #F26522;	

padding-top: 0px;

padding-bottom: 4px;

padding-right: 2px;

padding-left: 5px;

font-size: 22pt;

font-family: Arial, sans-serif;

}



#abouth3

{

margin-left: 50px;

padding-left: 5%;

color: #F26522;	

padding-top: 0px;

padding-bottom: 4px;

font-size: 22pt;

font-family: Arial, sans-serif;

}



#textlist

{

	

padding-top: 10px;

padding-bottom:10px;

margin-right: 10px;

padding-right: 2%;

margin-left: 40px;

padding-left: 4%;

text-align: justify;

font-family: 'Arial';

line-height: 14pt;

width: 500pt;

}



#thanks

{

margin-left: 40px;

padding-left: 4%;

	color: #984806;	

	font-family: Arial, sans-serif;

}



#agree

{

color: #984806;	

font-family: Arial, sans-serif;

	

}

#altfooter

{

	 margin: 0 auto;	

}

#pholink

{

color: #f26522;

display: inline;

}



#sameline

{

color: #f26522;

display: inline;

width: auto;

position: absolute;

}







#zip {



	font: 16x Arial, sans-serif;

	color: #ffffff;

	margin-top: 8px;

	padding-top: 10%;

	padding-bottom: 0;

	margin-bottom: 0;

	font-weight: bold;

	margin-right: 10px;

	padding-right: 1%;

	display: inline;

	text-align: justify;

}



#inlinediv

{

display: inline;

	background: url(/media/images/input-bg.gif) no-repeat;

	padding-right: 25%;

	margin-right: 20px;

}





.spacer{clear:both;height:1px;}

#wrapper{margin-top:20px;margin-left:auto;margin-right:auto;width:410px; display: inline;}

#leftcolumn{padding-top:20px;height:15px;width:200px;float:left; display:inline; color: #ffffff; padding-left: 10%; margin-left:100px; font-weight: bold;}

#serving{width:881px; text-align:center; font-size:10pt; color:#ffffff; margin-top: 15px;}

#txtZipCode{font-size:14px;border:solid 1px #fff;width:111px;float:left;margin-left: 20px; height: 18px;}



.rightcolumn{background-color:#F26522;float:right;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;margin-right:260px;height:22px;width:220px;display:inline;position:relative; margin-top: 17px; margin-bottom: 10px;}



/*-----



#rightcolumn{background-color:#F26522;float:right;padding-top:8px;padding-bottom:0px;padding-right:8px;padding-left:0px;margin-right:280px;height:30px;width:194px;display:inline;position:relative; margin-top: 10px; margin-bottom: 0px;}





-------------*/