/* -------- RESET -------- */
/* v1.0 | 20080212 */  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; } blockquote, q { 	quotes: none; } blockquote:before, blockquote:after, q:before, q:after { 	content: ''; 	content: none; }  /* remember to define focus styles! */ :focus { 	outline: 0; }  /* remember to highlight inserts somehow! */ ins { 	text-decoration: none; } del { 	text-decoration: line-through; }  /* tables still need 'cellspacing="0"' in the markup */ table { 	border-collapse: collapse; 	border-spacing: 0; } * {z-index:1;} .displaynone {display:none;}

/* -------- CLEAR/CLEARFIX -------- */
/* http://sonspring.com/journal/clearing-floats */
.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {clear: both; content: ' ';	display: block;	font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* -------- IMG/BG -------- */
body {background: #f9f9f9 url(http://www.adsinc.com/assets/images/img/bg_x.jpg) repeat-x center top;}
#wrapper {background: transparent url(http://www.adsinc.com/assets/images/img/bg.jpg) no-repeat center top;}
#header {background: url(http://www.adsinc.com/assets/images/img/header_bg.jpg) no-repeat center top;}
.tagline a {background: url(http://www.adsinc.com/assets/images/img/operations-equipment-logistics-solutions.gif) no-repeat;}
#subheader {background: url(http://www.adsinc.com/assets/images/img/page_head_bg.jpg) no-repeat center top;}
.video-template #subheader {background: url(http://www.adsinc.com/assets/images/img/splash_bg.jpg) no-repeat center top;}
.no-carousel #subheader {background: url(http://www.adsinc.com/assets/images/img/splash_bg3.jpg) no-repeat center top;}
#footer {background: url(http://www.adsinc.com/assets/images/img/footer-full-bg.png) no-repeat center top;}

/* -------- LAYOUT -------- */
body {
	text-align: center;
}
#wrapper {
}
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
#subheader {z-index: 2;}
#main {z-index: 1;}
.inner {
	margin: 0 20px;
	position: relative;
}
.hide {text-indent: -9999px; overflow: hidden; font-size: 1%;}
.hide a, a.hide {display: block;}

/* -------- HEADER -------- */
#header {
	height: 120px; 
	width: 100%;
	color: #fff;
}
#header p {margin: 0;} /* fixes gap up top */
.logo {
	position: absolute;
	top: 10px;
	left: 20px;
}
.tagline a {
	height: 33px; width: 220px;
	position: absolute;
	top: 35px;
	left: 110px;
}
#top_nav {
	position: absolute;
	top: 10px;
	right: 0;
}
#top_nav li {
	display: inline;
}
#search_box {
	position: absolute;
	right: 0;
	top: 40px;
}

/* -------- SUBHEADER -------- */
#subheader {
	height: 180px;
	width: 100%;
	position: relative;
}
#subheader_foot {
	background: url(http://www.adsinc.com/assets/images/img/bottom_shadow.png) no-repeat left top;
	height: 15px;
}
#marketing {
	position: absolute;
	top: 40px;
	left: 0;
}
#marketing_image {
	position: absolute;
	left: 0;
	top: 0;
}
#marketing_text {
	height: 180px; width: 490px;
	padding-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: absolute;
	left: 440px;
	top: 0;
	color: #645948;
}
	/* -------- HOME PAGE -------- */
	.video-template #subheader {
		height: 470px;
	}
	.no-carousel #subheader {
	  height: 305px;
	}
	#splash {
		position: relative;
		top: 41px;
		height: 253px;
	}
	#video {
		position: absolute;
		top: 0;
		left: 0;
		width: 450px;
	}
	#splash_text {
		position: absolute;
		top: 0;
		left: 450px;
		width: 440px;
		padding: 20px 20px 0 20px;
	}
	#carousel {
		position: relative;
		top: 55px;
	}
	a#next {right: 40px;}
	a#prev {left: 40px;}
	#carousel #frame a {
		margin: 0 5px;
	}
	#contact_ads_today {
		background: url(http://www.adsinc.com/assets/images/img/contact-ads.gif) no-repeat;
		width: 296px;
		height: 45px;
		position: relative;
		top: 60px;
		margin: 0 auto;
	}
	#social_media {
		
	}
	#social_media .icons {
		text-align: center;
	}
	#social_media .icons img {
		margin: 0 5px 0 0;
	}
	
/* -------- NAV -------- */
#menu {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
}
#nav {
	text-align: left;
}
#nav li a {
	padding-top: 15px;
	padding-bottom: 11px;
	max-height: 22px;
	z-index: 101;
	position: relative;
}

/* -------- FOOTER -------- */
#footer .inner {
	height: 67px;
}
#legal {
	margin: 0 0 10px 0;
}
#footer {
	padding: 22px 0 0 0;
	text-align: center;
}
#footer ul {
	padding:  0;
	text-align: center;
}
#footer ul li {
	display: inline;
	margin: 0 6px 0 0px;
	border-left: solid 1px #000;
}
#footer li a {
	padding: 0 6px 0 12px;
}
#footer li, #footer li a, #footer li a:visited {
	color: #000;
	text-transform: uppercase;
	font: normal bold normal 11px Helvetica, Arial, sans-serif;
	text-decoration: none;
}
#footer li a:hover {
	text-decoration: underline;
}

/* -------- BOXES -------- */
.cbox {
	background: transparent url(http://www.adsinc.com/assets/images/img/content_box_y.png) repeat-y;
	padding-top: 0;
	padding-bottom: 5px;
	position: relative;
  z-index: 1;
}
.box-top {
	height: 12px;
	background: transparent url(http://www.adsinc.com/assets/images/img/content_box_cap.png) no-repeat left top;
	position: relative;
}
.box-foot {
	background: transparent url(http://www.adsinc.com/assets/images/img/content_box_foot.png) no-repeat;
	height: 20px;
	margin-bottom: 5px;
	position: relative;
}
.small-box {
	width: 216px;
	background: transparent url(http://www.adsinc.com/assets/images/img/social-contact_bg_y.jpg) repeat-y;
}
.small-box-top {
	background: transparent url(http://www.adsinc.com/assets/images/img/social-contact_top.jpg) no-repeat;
	height: 40px;
}
.small-box-top #h_social_media {
	background: url(http://www.adsinc.com/assets/images/img/social-media.jpg) no-repeat;
	height: 15px;
	width: 118px;
	position: relative;
	top: 10px; left: 10px;
}
.small-box-foot {
	background: url(http://www.adsinc.com/assets/images/img/social-contact_bottom.jpg) no-repeat;
/*	height: 10px;*/
	padding-top: 15px;
	width: 216px;
}
.small-box-inner {
	padding: 10px 15px;
}


/* dotted borders */
.two-col {background: transparent url(http://www.adsinc.com/assets/images/img/2_col.png) left top repeat-y;}
.three-col {background: transparent url(http://www.adsinc.com/assets/images/img/3_col.png) left top repeat-y;}

.col-1, .col-2 {min-height: 1px;}
.two-col .col-1 {
	float: left;
	width: 230px;
	padding: 0 20px 0 0;
}
.two-col .col-2 {
	float: left;
	width: 640px;
	padding: 0 20px;
}
.three-col .col-1 {
	float: left;
	width: 230px;
	padding: 0 20px 0 0;
}
.three-col .col-2 {
	float: left;
	width: 420px;
	padding: 0 18px;
}
.three-col .col-3 {
	float: left;
	width: 210px;
	padding: 0 0 0 20px;
}

/* -------- CONTACT US BUTTON -------- */
a#contact_button {
	display: block;
	width: 230px;
	height: 46px;
	background: url(http://www.adsinc.com/assets/images/img/contact_button.jpg) no-repeat 0 0;
	margin: 0 0 10px 0;
}
a#contact_button:hover {
	background-position: 0 -46px;
}

/* -------- GEN III ECWCS THUMBNAIL MENU FOR SECTION gen-iii -------- */
a#gen3_level1_thumbs {
	display: block;
	width: 60px;
	height: 90px;
	background: url(http://www.adsinc.com/assets/images/gen3ecwcs/level1_matrix_60pxl.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
}
a#gen3_level1_thumbs:hover {
	background-position: 0 -90px;
}

a#gen3_level2_thumbs {
	display: block;
	width: 60px;
	height: 90px;
	background: url(http://www.adsinc.com/assets/images/gen3ecwcs/level2_matrix_60pxl.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
}
a#gen3_level2_thumbs:hover {
	background-position: 0 -90px;
}

a#gen3_level3_thumbs {
	display: block;
	width: 60px;
	height: 90px;
	background: url(http://www.adsinc.com/assets/images/gen3ecwcs/level3_matrix_60pxl.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
}
a#gen3_level3_thumbs:hover {
	background-position: 0 -90px;
}

a#gen3_level4_thumbs {
	display: block;
	width: 60px;
	height: 90px;
	background: url(http://www.adsinc.com/assets/images/gen3ecwcs/level4_matrix_60pxl.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
}
a#gen3_level4_thumbs:hover {
	background-position: 0 -90px;
}

a#gen3_level5_thumbs {
	display: block;
	width: 60px;
	height: 90px;
	background: url(http://www.adsinc.com/assets/images/gen3ecwcs/level5_matrix_60pxl.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
}
a#gen3_level5_thumbs:hover {
	background-position: 0 -90px;
}

a#gen3_level6_thumbs {
	display: block;
	width: 60px;
	height: 90px;
	background: url(http://www.adsinc.com/assets/images/gen3ecwcs/level6_matrix_60pxl.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
}
a#gen3_level6_thumbs:hover {
	background-position: 0 -90px;
}

a#gen3_level7_thumbs {
	display: block;
	width: 60px;
	height: 90px;
	background: url(http://www.adsinc.com/assets/images/gen3ecwcs/level7_matrix_60pxl.jpg) no-repeat 0 0;
	margin: 0 0 0 0;
}
a#gen3_level7_thumbs:hover {
	background-position: 0 -90px;
}


#social_media .small-box-top p {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 15px;
  padding: 8px 0 0 13px;
}

.press-release {
  margin-bottom: 15px;
}

#calendar-ical div.events {
  z-index: 101;
  position: absolute;
}
#calendar-ical td {
  z-index: 1;
}


/* -------- PRODUCTS/BRANDS -------- */
.brand-products {
  margin: 12px 0;
}
.product-title {
  text-transform: uppercase;
  color: #000;
}
.product-image {
  float: left;
  width: 224px;
}
.product-description {
  float: left;
  width: 416px;
}
.product {
  margin-bottom: 8px;
  padding-bottom: 10px;
  border-bottom: solid 1px #ccc;
}

/* -------- LOWER MAIN CONTENT -------- */
#lower-main-content {
  margin: 14px 0;
  font-size: 10px;
}

/* -------- BRANDS INDEX COLUMNS -------- */
#brands-index ul.first-col {
  float: left;
  width: 285px;
  margin-right: 10px;
}
#brands-index ul.second-col {
  float: left;
  width: 285px;
}

.nyro-600-750 {
  width: 600px;
  height: 750px;
}