/*CSS Reset*/
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, em, font, img, ins, kbd, 
q, s, samp, small, strike, strong, 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
{
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body
{
line-height: 1;
}
ol, ul
{
list-style: none;
}
/*CSS Reset*/

Body{ margin-bottom:0; margin-top:0; margin-left:auto; margin-right:auto; padding:0; text-align:center;
      font-size:98%; font-family:Verdana, Arial, Helvetica, sans-serif;}
	  
h3{ font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height:2.0em; color:#464d57;}	  
h2{ font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; line-height:1.4em; color:#2a2a2a;}
a{outline:none;  text-decoration:none; color:#a5afbe; font-size:inherit;}

a:hover{color:#FFFFFF; text-decoration:none;}

.top_links_container {width:100%; height:30px; background-color:#464d57; border-bottom:solid 2px #a5afbe; text-align:center;}

.top_links_content {width:950px; height:100%; background-color:none; padding:0px 0px 0px 0px; margin:auto; text-align:left;}

.top_links ul, li, ol{ font-family:inherit; display:inline; font-size:0.9em; line-height:2.2em; font-weight:500;}

.header_container {width:100%; height:215px; background-color:none; background-image:url(images/header_background.png);
                   background-position:bottom; background-repeat:repeat-x; text-align:center;}

.header_content {width:1000px; height:100%; background-color:none; margin:auto; text-align:left;}

.logo_content {width:330px; height:170px; margin: 14px 0px 0px 0px; background-color:none; float:left; text-align:center;}				   

.getting_started_content {width:340px; height:200px; margin: 1px 0px 0px 0px; background-color:none; float:left;
                          background-image:url(images/first_step_background.png); background-repeat:no-repeat; background-position:top;
                          padding: 0px 0px 0px 0px;}
						  
.swatches_container {width:320px; height:170px; margin: 12px 0px 0px 0px; background-color:none; float:left;}


.business_and_location {padding:0px 5px 10px 17px; margin-left:10px; margin-top:0px; color: #a8b3c2; line-height:1.5em;}

.green_web{ margin:5px 0px 0px 35px;}

/*hacks to make my background work on flipping IE. Sorry css validator :(  damn you IE */
html>body #main_content{width:1050px; height:auto; margin:auto; background-color:#464d57; padding-top:25px;}

/* good for all modern browsers*/
html>/**/body #main_content {width:1050px; height:auto; min-height:800px; margin:auto; background-image:url(images/main_background.png);
background-position:top; background-repeat:no-repeat; text-align:left; padding-top:25px;}

.main_nav ul{ display:block; margin-left:10px; margin-top:20px;}

.main_nav li { display: inline;
                font-family:Verdana, Arial, Helvetica, sans-serif; width:190px; height:50px;}
				
.main_nav a { font-size:1.2em; color:#5d6572;}

.main_nav a:hover{ }


				   
.main_container{width:100%; height: auto; background-color:#464d57; text-align:center;}


.footer{background-color:#FFFFFF; background-image:url(images/footer_background.gif);
background-position:bottom; background-repeat:repeat-x; width:100%; height:170px; margin-top:80px; text-align:center;
border-top:#727c8b 4px solid;}

.local_area {width:385px; height:150px;  border-right:#CCCCCC 2px solid; text-align:left; float:left;}

.copyright {width:250px; height:150px; border-right:#CCCCCC 2px solid; float:left;}