/*
 *  @notes      Main Stylesheet for airdyesolutions.com
 *  @author     Matt Kirk
 *  @date       29 Nov 09
 *
 *  @colors
 *  abaf0c      green (nav bar)
 *  0a58a6      dark blue (secondary nav)
 *  d0dbec      med blue (secondary nav link active/hover, hp lower content header bg)
 *  eff3f8      light blue (secondary nav background, hp lower content bg)
 *  ------------------------------------------------------------------------------------------*/

.span-22 {
  padding: 0 60px;
}

body {
  padding: 20px 0;
}

/*  @section    masthead
 * ---------------------------------------------------*/
#masthead {
  position: relative;
  float: left;
	width: 850px;
	padding: 30px 0 0;
	margin: 0 0 20px;
}
	#masthead #brand {
		width: 140px;
		height: 51px;
		float: left;
	}
		#masthead #brand a {
			display: block;
			line-height: 51px;
			overflow: hidden;
			text-indent: -9999px;
			background: url('../images/airdye-mast-text.png') no-repeat 0 0;
		}
		
		#masthead #brand span {
			display: block;
			line-height: 51px;
			overflow: hidden;
      		text-indent: -9999px;
      		background: url('../images/airdye-mast-text.png') no-repeat 0 0;
		}
		
    #masthead #logo {
      position: absolute;
      right: 0;
      top: 0;
    }
	
	#masthead p.uppercase {
		text-transform: uppercase;
		border-left: 1px solid #555;
		width: 400px;
		padding-left: 10px;
		font-size: 13px;
		font: normal 13px georgia, "Time New Roman", times, serif;
		float: left;
		margin: 20px 0 0 70px;
	}

    
/*  @section    navigation
 * ---------------------------------------------------*/
#navwrap {
  background: #abaf0c;
  float: left;
  width: 850px;
  margin: 0 0 20px;
}
  #nav {
    float: left;
  }
    #nav li {
      float: left;
    }
      #nav li a {
        float: left;
        padding: 6px 10px;
        text-decoration: none;
        color: #fff;
        display: block;
        font: bold 13px arial, helvetica, sans-serif;
      }
        #nav li a:hover {
          color: rgb(77,77,61);
        }
    
    #nav li.here a {
      color: rgb(77,77,61);
    }
				
				
/*  @section    homepage slideshow
 * ---------------------------------------------------*/
#slideshow {
	float: left;
}
	#slides li {
    display: none;
  }
    
  .main_image {
		position: relative;
	}
	
	.text {
		position: absolute;
		top: 0;
		left: 0;
		background: url('../images/headline-tran-bg.png') repeat 0 0;
		width: 850px;
		padding: 30px 0 0;
	}
      .main_headline img {
        vertical-align: baseline;
      }
      
      .main_headline p strong {
        color: #fff;
      }
    
    .title_tags {
        border: 1px solid #b6bc34;
        margin: 10px 0 20px 20px;
        padding: 2px 10px;
    }
      #slides .title_tags li {
        float: left;
        text-transform: uppercase;
        border-right: 1px solid #b6bc34;
        color: #b6bc34;
        font-size: 12px;
        padding: 0 5px 0 0;
        margin: 3px 5px 3px 0;
        display: inline;
		line-height: 14px;
      }
        #slides .title_tags li.last {
          color: #b6bc34;
          border: none;
          margin-right: 0;
          padding: 0;
        }
        
        #slides .title_tags li.last a {
          color: #b6bc34;
        }


/*  @section    main content
 * ---------------------------------------------------*/
#main_content {
	float: left;
	margin: 0 0 5px;
  min-height: 400px;
}
  body.home #main_content {
    min-height: 0;
  }
  
	body.subnav #main_content {
		background: url('../images/sub-nav-bg.png') repeat-y 0 0;
	}
	
	#content {
		padding: 40px 40px 40px 20px;
	}
    #content h2 {
      color: #abaf0c;
      font-size: 13px;
    }
	
/*  @section    homepage lower content (news/twitter/blogs)
 * ---------------------------------------------------*/
#lower_content {
	float: left;
	width: 850px;
	background: #eff3f8 url('../images/lc-item-content-bg.png') repeat-y 239px 0;
}
	.hp_news, .hp_twitter {
		float: left;
		width: 240px;
	}
		.hp_news li a {
			border: 1px solid rgb(92,130,189);
			font-size: 11px;
			padding: 2px 4px;
		}
			.hp_news li a span {
				font-size: 14px;
			}
      
  .hp_twitter li a img {
    vertical-align: -2px;
    margin: 0 0 0 5px;
  }
	
	.hp_blogs {
		float: left;
		width: 368px;
	}
    .hp_blogs p.meta {
      color: #0a58a6;
    }
    
    .hp_blogs h4 a {
      color: #000;
      text-decoration: none;
    }
	
	.lc_header {
		padding: 5px 10px 3px;
		background: url('../images/lc-bg.png') repeat-x left bottom;
		height: 25px;
	}
	
		.hp_news .lc_header, .hp_twitter .lc_header {
			border-right: 1px solid #0a58a6;
		}
    
  .lc_header ul {
    margin: 4px 0 0;
  }
	
	.lc_header li {
		float: left;
		display: inline;
		font-size: 12px;
	}
	
	.lc_header h3 {
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		color: #0a58a6;
		font-size: 12px;
		text-transform: uppercase;
		border-right: 1px solid #0a58a6;
	}
	
	.lc_header a, .lc_header a:visited {
		color: rgb(92,130,189);
    text-decoration: none;
	}
		.lc_header a:hover {
			color: #0a58a6;
		}
		
	.hp_blogs li a:first-child {
		margin: 0 10px 0 0;
	}
	
	.lc_item_content {
		float: left;
		padding: 10px;
	}
 
    
/*  @section    breadcrumb
 * ---------------------------------------------------*/
#breadcrumb {
  float: left;
  width: 100%;
  height: 43px;
}
	#titles {
		float: left;
		padding: 10px 0 0 210px;
		color: #fff;
	}
		#titles h1 {
			text-transform: uppercase;
			font: 22px georgia, "Times New Roman", Times, serif;
			border-left: 1px solid #fff;
			padding: 0 0 0 10px;
      margin: 0 20px 0 0;
      display: inline;
      font-weight: normal;
		}

  .about {
    background: url('../images/breadcrumb/navheader_aboutus.jpg') no-repeat 0 0;
  }
  
  .products {
  	background: url('../images/breadcrumb/navheader_productsservices.jpg') no-repeat 0 0;
  }
  
  .sustain {
  	background: url('../images/breadcrumb/navheader_sustainability.jpg') no-repeat 0 0;
  }
  
  .license {
  	background: url('../images/breadcrumb/navheader_licensing.jpg') no-repeat 0 0;
  }
  
  .press {
  	background: url('../images/breadcrumb/navheader_pressnews.jpg') no-repeat 0 0;
  }
  
  .contact {
  	background: url('../images/breadcrumb/navheader_contactus.jpg') no-repeat 0 0;
  }
	
/*  @section    nav sub
 * ---------------------------------------------------*/			
#sidebar {
	min-height: 1px;
	width: 195px;
}

#nav_sub_container {
	padding: 20px 0;
}
		#nav_sub li a {
			display: block;
			font: normal 13px arial, helvetica, sans-serif;
			color: #0a58a6;
			padding: 4px 10px 4px 20px;
			text-transform: capitalize;
			text-decoration: none;
		}
		
			#nav_sub li .sub_level_1 a {
				padding-left: 30px;
			}
		
		#nav_sub .sub_level_0.here a, #nav_sub .sub_level_0.parent_here a {
			background: #d0dbec;
      font-weight: bold;
		}	
			#nav_sub .sub_level_0.here .sub_level_1 a, #nav_sub .sub_level_0.parent_here .sub_level_1 a {
				background: none;
        font-weight: normal;
			}
      
    #nav_sub .sub_level_0 .sub_level_1 a:hover, #nav_sub .sub_level_0.parent_here .sub_level_1.here a {
      background: url('../images/subnav-arrow.png') no-repeat 17px 50%;
      font-weight: bold;
    }
	
	


/*  @notes			inset div
 * ---------------------------------------------------*/
#inset {
 	background: rgb(240,241,223);
	float: right;
	margin: 0 0 20px 20px;
	padding: 10px 20px;
	text-align: center;
	width: 150px;
}
	#inset p {
		font-weight: bold;
		color: #abaf0c;
	}
 
 
/*  @notes			video
 * ---------------------------------------------------*/
#video {
  margin: 40px 0 0;
}

#video h3 {
  background: url('../images/icon-video.png') no-repeat 0 50%;
  padding: 0 0 0 40px;
  margin: 0 0 20px;
  line-height: 30px;
  color: #abaf0c;
}

/*  @section    press
 * ---------------------------------------------------*/
#news_items {
	float: left;
	width: 850px;
	margin: 20px 0 0;
	background: url('../images/green-rule.png') repeat-y 425px 0;
}
	.news_item {
		float: left;
		width: 385px;
		padding: 20px 0 20px 20px;
		
		border-top: 1px solid #abaf0c;
	}
		.news_item h3 {
			color: #abaf0c;
		}
		
		.news_item.one {
			margin-right: 40px;
		}
		
		.news_item_logo {
			float: left;
      width: 130px;
			margin: 0 20px 0 0;
      text-align: center;
		}
    
    .news_item ul {
      float: right;
      width: 230px;
    }
    
    .news_item ul.no_logo {
      float: none;
      width: auto;
    }
 
/*  @section    contact
 * ---------------------------------------------------*/
body.contact_us #content {
	padding: 40px 0 40px 10px;
	width: 640px;
}

.contact_item {
	float: left;
	width: 190px;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #abaf0c;
}
	.contact_item.last {
		margin: 0;
	}
	
	.contact_item h3 {
		color: #abaf0c;
		margin: 0 0 20px;
	}
	
	.contact_item strong {
		color: #000;
	}

#mailing_list {
	float: left;
	width: 620px;
	background: #F0F1DE;
	padding: 10px;
	text-align: center;
	color: #abaf0c;
	margin: 40px 0 0;
  /*background: url('../images/icon-mailinglist.png') no-repeat 20px 50%;*/
}
  #mailing_list img {
    vertical-align: top;
    margin: 0 10px 0 0;
  }
 

/*  @section    footer
 * ---------------------------------------------------*/
#footer {
	float: left;
	background: #abaf0c;
	height: 25px;
	width: 850px;
	position: relative;
	margin: 5px 0 0
}
	#footer #corner {
		position: absolute;
		top: 0;
		right: 0;
		height: 30px;
		width: 10px;
		background: url('../images/footer-corner.png') no-repeat 100% 0;
	}
	
#social {
	margin: 3px 0 0 20px;
}

#social li {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #fff;
	line-height: 15px;
}

#social li.last {
	border: none;
}

#social li img {
	vertical-align: middle;
}

#brand_links {
	float: left;
	width: 850px;
	margin: 20px 0 0;
	text-align: center;
}

	#brand_links a {
		display: inline-block;
		height: 18px;
		width: 60px;
		background: url('../images/footer-logos.png') no-repeat 0 0;
	}
		#brand_links #transprint {
			background-position: -85px 0;
			width: 95px;
		}
		
		#brand_links #ecobanner {
			background-position: -210px 0;
			width: 85px;
		}
	
	#brand_links a span {
		display: block;
		width: 0;
		height: 0;
		overflow: hidden;
	}
	
#contact_copyright {
	float: left;
	width: 850px;
	text-align: center;
	margin: 10px 0 0;
}
	#contact_copyright p {
		font-size: 10px;
		color: #777;
		margin: 5px 0 0;
	}
  
#mailing_list_form {
  display: none;
}
  

/*  @notes text styles
 * ---------------------------------------------------*/
body, p {
	color: #1a1a1a;
	font: normal 13px/1.4em arial, helvetica, sans-serif;
}
	p strong {
    color: #abaf0c;
	}

a, a:visited {
	text-decoration: underline;
	color: #0a58a6;
}

a:hover {
	text-decoration: none;
}

ol, li {
  list-style: none;
  padding: 0;
  margin: 0;
}








/*  @notes  clear fix with modified :after
 *          (content is space instead of period)
 * ---------------------------------------------------*/
.clear {
 display:inline-block;
}
.clear:after {
 display:block; 
 visibility:hidden; 
 clear:both; 
 height:0; 
 content: " ";
 font-size: 0;
}




/*
 *  @colors
 *  abaf0c      green (nav bar)
 *  0a58a6      dark blue (secondary nav)
 *  d0dbec      med blue (secondary nav link active/hover, hp lower content header bg)
 *  eff3f8      light blue (secondary nav background, hp lower content bg)
 *  ------------------------------------------------------------------------------------------*/