@charset "utf-8";

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

body,div,dl,dt,dd,ul,li,ol,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#content_pane_top_social {
	margin-top:20px;
	font-size:80%;
	float:left;
}

div#content_pane_top_nav a {
	color:black;
}
#content_pane_top_nav a.active,
content_pane_top_nav a:hover {
	color: #75b943;
}
div#content_pane_top_nav {
	font-size:11px;
	font-family:arial;
	margin-top:24px;
	float:right;
	
}

ul{
	list-style:none;
}



div#menu_pane {
	float:left;
	width:255px;
}

a#threetwenty_logo {
	background:url('/common/images/3twenty_logo.png') no-repeat;
	display:block;
	height:69px;
	margin-top:60px;
	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 {
	height:200px;
	margin:70px auto 1px auto;
	padding-left:40px;
	padding-top:40px;
	position:relative;
	width:935px;
}

div#footbk {
	background:url('/common/images/bkground.jpg') repeat;
	width:100%;
	position:relative;
}

div#footer span.footer_note {
	color:#999;
	position:absolute;
	bottom:20px;
	left:175px;
}

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;
	padding-top:15px;
}

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;
}

div#foot_about {
	background:url('/common/images/320foot.png') no-repeat left;
	float:left;
	padding-left:95px;
	width:250px;
	height:80px;
	margin-left:40px;
}

div#foot_about p {
	padding-top:6px;
	padding-bottom:3px;
	line-height: 14px;
	color:rgb(102,102,102);
}


div#foot_products {
	float:left;
	margin-left:20px;
}

div#foot_products p {
	padding-top:6px;
}

div#foot_contact {
	float:left;
	margin-left:70px;
}

div#foot_contact p {
	padding-top:6px;
	color:rgb(102,102,102);
}

div#foot_contact a {
	color:rgb(102,102,102);
}

div#foot_inc {
	float:left;
	margin-left:70px;
	width:140px;
}
div#foot_inc p {
	padding-top:6px;
	line-height:14px;
	color:rgb(102,102,102);
}



div#foot_inc p {
	padding-top:6px;
}

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 h3{
	margin-bottom:12px;
	font-size:12px;
}

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;
	clear: right;
}

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

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

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

div#connect {
	position:relative;
	margin-right: 10px;
	margin-top:155px;
	background-repeat:no-repeat;
	width:192px;
	float: right;
}

.connect_textbox {
	background:rgb(235,233,224);
	border:none;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:7px;
	overflow:hidden;
	color:rgb(102,102,102);
	font-weight:bold;
	font-family:tahoma;
	font-size:12px;
	display: block;
	float: left;
}
#connect label {
	color: #333;
	margin-left: 5px;
	margin-bottom: 10px;
}
#connect h3 {
	margin-bottom: 5px;
}
#connect h4 {
	margin-top: 8px;
	width: 100%;
	float: left;
	clear: both;
	margin-left: 5px;
}
#connect > a {
	position: relative;
	display: block;
	height: 28px;
	width: 28px;
	float: right;
	margin-left: 5px;
}
#connect .response {
	margin-top: 5px;
	float: left;
	margin-left: 5px;
}
#connect .response strong {
	font-weight: normal;
	color: #75b943; 
}
#connect a img {
	width: 28px;
	height: 28px;
}

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

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

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


ul#main_nav li {
	margin-left:-810px;
	padding-left:810px;
	text-indent:-8000px;
}
#main_nav a:focus {
	outline: 0;
}
ul#sub_nav {
	display: none;
}
#sub_nav.show {
	display: block;
}

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


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

ul#sub_nav li.selected {
	background-position: 15px 8px;
   }
   

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_mining_camps a {
	background-position:0 8px;
}

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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




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/h1_contact.gif');
	width:79px;    
}
h2.contact_header {
	background-image: url('/common/images/h2_contact.gif');
	width: 155px;
	background-position: 12px 4px !important;
	height: 27px;
}
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.mining_header {
	background-image:url('/common/images/mining.png');
	width:200px;
}

h2.mining_header {
	background-image:url('/common/images/mining-text.png');
	width:182px;
}

h1.semi_header {
	background-image:url('/common/images/semi.png');
	width:238px;
}

h2.semi_header {
	background-image:url('/common/images/semi-text.png');
	width:234px;
}
h1.reloc_header {
	background-image:url('/common/images/reloc.png');
	width:189px;
}

h2.reloc_header {
	background-image:url('/common/images/reloc-text.png');
	width:282px;
}
h1.hotels_header {
	background-image:url('/common/images/hotels.png');
	width:177px;
}

h2.hotels_header {
	background-image:url('/common/images/hotels-text.png');
	width:270px;
}
h1.hazmat_header {
	background-image:url('/common/images/hazmat.png');
	width:171px;
}

h2.hazmat_header {
	background-image:url('/common/images/hazmat-text.png');
	width:276px;
}
h1.core_header {
	background-image:url('/common/images/core.png');
	width:119px;
}

h2.core_header {
	background-image:url('/common/images/core-text.png');
	width:159px;
}
h1.site_office_header {
	background-image:url('/common/images/site_office.png');
	width:109px;
}

h2.site_office_header {
	background-image:url('/common/images/site_office_text.png');
	width:277px;
}
h1.custom_solutions_header {
	background-image:url('/common/images/custom_solutions.png');
	width:175px;
}

h2.custom_solutions_header {
	background-image:url('/common/images/custom_solutions_text.png');
	width:136px;
}
h1.about_header {
	background-image:url('/common/images/about.png');
	width:61px;
}

h2.about_header {
	background-image:url('/common/images/about_text.png');
	width:213px;
}

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;
}
h1.home_header {
	background-image:url('/common/images/h1_home.png');
	width:689px;
}

h2.home_header {
	background-image:url('/common/images/h2_home.png');
	width:542px;
}
div.page_headers h2.home_header {
	margin: 10px 0 0 0;
	border-left: 0;
	padding: 0;
	background-position: 0 0;   
}

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;
}
h3 {
	font-weight: bold;
}
#flickr {
	width: 695px;
	height: 363px;
	position: relative;
	float: left;
	margin-top: 25px;
	background-color: #ccc;
	border: 1px solid #bbb;
	margin-bottom: 25px;
}
#flickr_thumb_holder {
	width: 165px;
	float: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;    
	margin-bottom: 30px;
	position: relative;
}
#flickr_thumb_holder .thumbs img {
	margin-left: 3px;
	margin-bottom: 1px;
	display: inline-block;
}
#flickr_thumb_holder .thumbs {
	margin-bottom: 10px;
	width: 100%;
}
#flickr_thumb_holder > a {
	color: #bbb;
	margin-left: 5px;
}
.rightbar > a {
	float: right;
}
#flickr_thumb_holder > a:hover {
	color: #333;
}
.rightbar {
	float: right;
	width: 180px;
	margin-top: -50px;
}
img.top {
	margin-top: 25px;
	margin-bottom: 25px;
}
.featured_section {
	width: 220px;
	position: relative;
	float: left;
	margin-right: 8px;
	margin-top: -10px;
	padding: 0.5%;
}
.featured_section.last {
	float: right;
	margin-right: 0;
}
div.featured_section h3 {
	margin: 10px 0 5px 0;
}
div.featured_section h3 a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 15px;
}
.featured_section > a {
	color: #75b943;
	text-decoration: underline;
	font-weight: bold;
}
div.featured_section p, 
div.featured_section h3,
div.featured_section a.learn {
	width: 96%;
	line-height: 150%;
	padding: 0 2% 0 2%;
}
div.featured_section p {
	margin-bottom: 10px;
}
div.featured_section h3 {
	margin: 5px 0 5px;
}
#socialmedia {
	margin-top: 13px;
	float: right;
	width: 192px;
	margin-right: 14px;
}
#socialmedia .link {
	float: left;
	width: 25%;
	position: relative;
	display: block;
	text-align: center;
	height: 50px;
}
#socialmedia a {
	background: url('/common/images/social-media.gif') no-repeat center center;
	display: inline-block;
	height: 22px;
	position: relative;
}
#socialmedia .facebook {
	width: 22px;
	background-position: 0 top;
}
#socialmedia .facebook:hover {
	background-position: 0 bottom;
}
#socialmedia .twitter {
	width: 16px;
	background-position: -22px top;
}
#socialmedia .twitter:hover {
	background-position: -22px bottom;
}
#socialmedia .flickr {
	width: 28px;
	background-position: -38px top;
}
#socialmedia .flickr:hover {
	background-position: -38px bottom;
}
#socialmedia .youtube {
	width: 22px;
	background-position: -66px top;
}
#socialmedia .youtube:hover {
	background-position: -66px bottom;

}
.rightbar .brochure {
	margin-right: 11px;
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
}
.rightbar h3 img {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
div.rightbar h3,
div.rightbar ul {
	width: 150px;
}
div.rightbar ul li {
	margin: 0;
	list-style-type: none;
}
.rightbar ul li a.pdf,
.rightbar ul li a.img {
	padding-left: 20px;
}
.rightbar ul li a.pdf {
	background: url('/common/images/pdf.gif') left center no-repeat;
}
.rightbar ul li a.img {
	background: url('/common/images/image.gif') left center no-repeat;
}
.rightbar ul a {
	color: #000; 
	text-decoration: none;
}
.rightbar ul {
	margin-bottom: 20px;
	margin-left: 20px;         
	padding-bottom: 10px;
}
.rightbar ul a:hover {
	text-decoration: underline;
}
.lowerBorder {
	border-bottom: 1px solid #ddd;
}
.link {
	color: #666;
	line-height: 140%;
}
.link a {
	color: #000;
}
div#footer ul.tweet_list {
	position: static;
	left: 0;
}
div#footer blockquote {
	margin: 10px 0 10px 0;
}
div#footer .tweet_time {
	display: none;
}