@charset "utf-8";

/******* Browser reset start *************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

/******* Browser reset end *************************************************/

body {
    font-family:Helvetica, Arial, sans-serif;
    font-size:12px;
}

h1 {
    color:black;
    font-size:220%;
}

h2 {
    color:#75b943;
    font-size:180%;
}

h3 {
    color:#75b943;
    font-size:140%;
    font-weight:normal;
}

p {
    line-height:200%;
    margin-bottom:20px;
}

a {
    color:#75b943;
    text-decoration:none;
}

img {
    behavior: url('/common/css/iepngfix.htc');
}

a:hover {
    text-decoration:underline;
}

strong {
    font-weight:bold;
}

div#page_wrapper {
    margin-left:auto;
    margin-right:auto;
    width:970px;
}

div#content_pane {
    float:right;
    width:695px;
}

div#menu_pane {
    float:left;
    padding-left:10px;
    width:225px;
}

a#threetwenty_logo {
    background:url('/common/images/3twenty_logo.png') no-repeat;
    display:block;
    height:69px;
    margin-top:100px;
    text-indent:-8000px;
    width:203px;
}

div#front_page_title h1 {
    background:url('/common/images/h1_home.png') no-repeat;
    height:34px;
    text-indent:-8000px;
    width:344px;
}

div#front_page_title h2 {
    background:url('/common/images/h2_home.png') no-repeat;
    height:21px;
    text-indent:-8000px;
    width:542px;
}

div.page_content div.info_block {
    float:left;
    padding-right:30px;
    width:210px;
}

div.page_content div.last {
    padding-right:0px;
}

div.page_content div.info_block h3 {
    background-position:top left;
    background-repeat:no-repeat;
    color:black;
    font-size:120%;
    font-weight:bold;
    letter-spacing:-0.05em;
    margin-bottom:10px;
    padding-top:20px;
    padding-left:45px;
    width:200px;
}

div.page_content div.info_block p {
    color:#333;
    line-height:18px;
    margin-bottom:0;
    width:210px;
}

div.page_content div.info_block a {
    background:url('/common/images/arrow_link_right.png') no-repeat right;
    color:#75b943;
    padding-right:25px;
}

h3.hand {
    background-image:url('/common/images/icon_hand.png');
}

h3.house {
    background-image:url('/common/images/icon_house.png');
}

h3.tree {
    background-image:url('/common/images/icon_tree1.png');
}

h3.pencil {
    background-image:url('/common/images/icon_pencil.png');
}

div#footer {
    background:url('/common/images/footer_logo.png') no-repeat left center;
    height:30px;
    margin:70px auto 15px auto;
    padding-left:40px;
    padding-top:15px;
    position:relative;
    width:935px;
}

div#footer span.footer_note {
    color:#999;
}

div#footer div.always_recycle {
    background-image:url('/common/images/footer_always_recycle.png');
    height:19px;
    position:absolute;
    right:0;
    top:13px;
    width:110px;
}

div#footer ul {
    left:275px;
    position:absolute;
    top:15px;
}

div#footer ul li a {
    color:#75b943;
    text-decoration:none;
}

div#footer ul li {
    border-right:1px solid #999;
    display:inline;
    margin-right:5px;
    padding-right:8px;
}

div#footer ul li.last {
    border-right:0;
    margin-right:0;
    padding-right:0;
}

p.header_image_subtitle {
    background:url('/common/images/arrow_up.png') no-repeat right;
    color:#999;
    padding-right:15px;
    text-align:right;
    top:380px;
}

p.header_image_subtitle span.colour_highlight {
    color:#75b943;
}

div.page_headers h2 {
    border-left:1px solid #75b943;
    display:inline;
    margin-left:15px;
    padding-left:15px;
}

div.page_content {
    margin-top:25px;
}

div.page_content p,
div.page_content ul,
div.page_content h3 {
    float:left;
    width:480px;
}

div.page_content ul li {
    line-height:200%;
    list-style-type:disc;
	margin-left:30px;
}

div.page_content ol {
    float:left;
    list-style-position:outside;
    list-style-type:none;
    width:480px;
}

div.page_content ol li {
    float:left;
    margin-bottom:20px;
    width:480px;
}

div.page_content ol li p {
    margin-bottom:0;
}

div.page_content span.highlight {
    color:#75b943;
    font-size:140%;
    font-weight:normal;
}

img.img_float_right {
    float:right;
}

div.spread_the_word {
    background:url('/common/images/title_spread_the_word.png') no-repeat 0 11px;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    float:left;
    margin-top:50px;
	padding:10px 0 7px 125px;
    width:580px;
}

/**** Navigation ***********/

ul#main_nav {
   margin-left:62px;
   margin-top:25px;
}

ul#main_nav li a {
    background-image:url('/common/images/sprite_nav.png');
	background-repeat:no-repeat;
    display:block;
    height:30px;
    width:200px;
}

ul#main_nav li {
    margin-left:-810px;
    padding-left:810px;
    text-indent:-8000px;
}

ul#main_nav li.selected {
    background:url('/common/images/nav_active_bar.png') no-repeat 0;
}

li.nav_about a {
    background-position:0 8px;
}

li.nav_about a:hover,
li.nav_about a.selected {
    background-position:0 -22px;
}

li.nav_residential a {
    background-position:0 -52px;
}

li.nav_residential a:hover,
li.nav_residential a.selected {
    background-position:0 -82px;
}

li.nav_work a {
    background-position:0 -112px;
}

li.nav_work a:hover,
li.nav_work a.selected {
    background-position:0 -142px;
}

li.nav_blog a {
    background-position:0 -172px;
}

li.nav_blog a:hover,
li.nav_blog a.selected {
    background-position:0 -202px;
}

li.nav_media a {
    background-position:0 -232px;
}

li.nav_media a:hover,
li.nav_media a.selected {
    background-position:0 -262px;
}

li.nav_faqs a {
    background-position:0 -292px;
}

li.nav_faqs a:hover,
li.nav_faqs a.selected {
    background-position:0 -322px;
}

li.nav_contact a {
    background-position:0 -352px;
}

li.nav_contact a:hover,
li.nav_contact a.selected {
    background-position:0 -382px;
}
/***************************/

/**** Headers H1, H2 css *****************/
div.page_headers h1,
div.page_headers h2 {
    background-position:top center;
    background-repeat:no-repeat;
    float:left;
    height:27px;
    text-indent:-8000px;
}

div.page_headers {
    clear:both;
    float:left;
    margin-bottom:30px;
    margin-top:10px;
    width:695px;
}

div.page_headers h2 {
    background-position:12px 0;
}

h1.contact_header {
    background-image:url('/common/images/contact.gif');
    width:93px;    
}

h1.faqs_header {
    background-image:url('/common/images/faqs.gif');
    width:62px;
}

h2.faqs_header {
    background-image:url('/common/images/faqs-text.gif');
    width:320px;
}

h1.media_header {
    background-image:url('/common/images/media.gif');
    width:73px;
}

h2.media_header {
    background-image:url('/common/images/media-text.gif');
    width:396px;
}

h1.residential_header {
    background-image:url('/common/images/residential.gif');
    width:131px;
}

h2.residential_header {
    background-image:url('/common/images/residential-text.gif');
    width:528px;
}

h1.worksite_header {
    background-image:url('/common/images/worksite.gif');
    width:242px;
}

h2.worksite_header {
    background-image:url('/common/images/worksite-text.gif');
    width:358px;
}

form.contact_form label.contact_label {
    float:left;
    width:150px;
}

form.contact_form input.contact_input {
    float:left;
    width:170px;
}

form.contact_form textarea {
    float:left;
    width:320px;
}

div.media_links a {
    margin-right:15px;
}

div.mailing_address {
    float:right;
    line-height:2em;
    width:180px;
}

div.media_links {
    margin-top:30px;
    float:right;
    width:180px;
}