html, body, div, span, applet, object, iframe,
h1, h2, h4, h4, h5, h6, p, blockquote, pre,
 abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	margin:0;
	outline:0;
	padding:0;
	vertical-align: baseline;
}

p{
	margin-bottom:10px;		
}

html{
	width:100%;
}


@font-face {  
  font-family: "Gotham";  
  src: url("fonts/Gotham-Book.ttf"); /* IE */  
  src: local("Gotham"), url("fonts/Gotham-Book.ttf") format("truetype"); /* non-IE */  
  
}

@font-face {  
  font-family: "Gotham";  
  src: url("fonts/Gotham-Book.otf"); /* IE */  
  src: local("Gotham"), url("fonts/Gotham-Book.otf") format("truetype"); /* non-IE */  
  
}

@font-face {  
  font-family: "Gotham";  
  src: url("fonts/Gotham-Bold.otf"); /* IE */  
  src: local("Gotham"), url("fonts/Gotham-Bold.otf") format("truetype"); /* non-IE */  
  font-weight:bold;
}


@font-face {
 font-family: "Gotham";
 src: url("fonts/Gotham-Book.eot"); /* EOT file for IE */
}

@font-face {
 font-family: "Gotham";
 src: url("fonts/Gotham-Book.otf"); /* EOT file for IE */
}


@font-face {
 font-family: "Gotham";
 src: url("fonts/Gotham-Bold.otf"); /* EOT file for IE */
 font-weight:bold; 
 
}


:focus {/* remember to define focus styles! */
	outline: 0;
}


body {
	font-family:"Gotham", Arial, Helvetica, sans-serif;	
	background:#fff;
	width:100%;
	font-size:12px;	
	color:#333;	
}


ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
	overflow:hidden;
}


/* TOP STYLES */
#top_container{
	position:relative;
	z-index:1050;
	width:100%;
	position:fixed;
	top: 0px; /*halfway point -50 */
	background-color:#efefef;
}

#header_container{
	width:1000px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	padding:15px 0px 0px 0px;
	background-color:#efefef;
}

#logo_container{
	height:110px;
	float:left;	
}

#miniBrandLogo{
	float:left;	
	margin-left:25px;
	margin-top:10px;

}

#mini_agRetail{
	float:left;	
	display:none;
}

#mini_agMedia{
	float:left;
	margin-left:5px;
	display:none;	
}

#mini_hdclear{
	float:left;	
	margin-left:5px;
	display:none;
}

#logo{
		
}

#nav_container{
	float:right;	
}

#nav_container ul{
	margin-top:15px;
}

#nav_container ul li{
	float:left;
	background-image:url(images/nav_dots.png);
	background-position:top center;
	background-repeat:no-repeat;
	padding:45px 8px 0px 8px;
	font-size:16px;
	text-shadow:1px 1px #FFF;
}

#nav_container ul li:hover{
	background-image:url(images/nav_dots_hover.png);	
}

#nav_container ul a:hover{
	text-shadow:1px 1px #CCC;
}

#nav_container ul a{
	text-decoration:none;
	color:#999;
}

#bar_container{
	position:relative;
	width:100%;
	height:15px;
	background-color:#8cc63f;
	background: -webkit-gradient(linear, left top, right top, from(#8cc63f), to(#066a3a));	
	background:-moz-linear-gradient(left 0px , #8cc63f, #066a3a) repeat scroll 0 0 transparent;	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc63f', endColorstr='#066a3a'); /* for IE */
	z-index:300;
	
}

#bar_limit{
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
}

#green_bar{
	height:15px;
	width:100%;
	background-color:#8cc63f;
	background: -webkit-gradient(linear, left top, right top, from(#8cc63f), to(#066a3a));	
	background: -prefix-linear-gradient(left, #8cc63f, #066a3a);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc63f', endColorstr='#066a3a'); /* for IE */	
	background:-moz-linear-gradient(left 0px , #8cc63f, #066a3a) repeat scroll 0 0 transparent;

}


#orange_bar{
	position:absolute;
	height:15px;
	width:100%;
	background-color:#f7941e;
	background: -webkit-gradient(linear, left top, right top, from(#f7941e), to(#f15b29));
	background: -prefix-linear-gradient(left, #f7941e, #f15b29);  
	background:-moz-linear-gradient(left 0px , #f7941e, #f15b29) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7941e', endColorstr='#f15b29'); /* for IE */	
}

#red_bar{
	position:absolute;
	left:32%;
	height:15px;
	width:100%;
	background-color:#ec008c;
	background: -webkit-gradient(linear, left top, right top, from(#ec008c), to(#ed1c27));
	background: -prefix-linear-gradient(left, #ec008c, #ed1c27); 
	background: linear-gradient(to left, #ec008c, #ed1c27);
	background:-moz-linear-gradient(left 0px , #ec008c, #ed1c27) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec008c', endColorstr='#ed1c27'); /* for IE */
}	

#blue_bar{
	position:absolute;
	left:66%;
	height:15px;
	width:100%;
	background-color:#00aeef;
	background:-webkit-gradient(linear, left top, right top, from(#00aeef), to(#0190c5));
	background: -prefix-linear-gradient(left, #00aeef, #0190c5); 
	background:-moz-linear-gradient(left 0px , #00aeef, #0190c5) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aeef', endColorstr='#0190c5'); /* for IE */	
}

#last_green_bar{
	position:absolute;
	left:100%;
	height:15px;
	width:100%;
	z-index:1;
	background-color:#066a3a;
	background: -webkit-gradient(linear, left top, right top, from(#8cc63f), to(#066a3a));
	background:-moz-linear-gradient(left 0px , #066a3a, #8cc63f) repeat scroll 0 0 transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cc63f', endColorstr='#066a3a'); /* for IE */	

}

/* EOF TOP STYLES */
/* ------------------------------------------------------------- */
/* --------------------- FIRST SLIDER PAGE ----------------------*/
/* ------------------------------------------------------------- */
#homePage{
	width:100%;	
	padding-top:150px;
	background:#efefef;
	padding-bottom:25px;
}

#homePage .greenDotBg{
	background:url(images/large_green_dot.png) -45% 585px no-repeat fixed;
	position:absolute;
	width:100%;
	min-height:1500px;
	z-index:0;
}

#homePage .sec_greenDotBg{
	background:url(images/large_green_dot.png) 125% 180px no-repeat fixed;
	position:absolute;
	width:100%;
	min-height:1500px;
	z-index:0;
}

#group_container{
	position:relative;
	width:1000px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	height:178px;
	text-align:center;
	z-index:1000;
}

#agRetailGroup{
	width:325px;
	height:75px;
	background:url(images/agretail_logo.png) top center no-repeat;		
}

#agRetailGroup:hover{
	background:url(images/agretail_logo_hover.png) top center no-repeat;	
}

#agMediaGroup{
	width:325px;
	height:75px;
	background:url(images/agmedia_logo.png) top center no-repeat;		
}

#agMediaGroup:hover{
	background:url(images/agmedia_logo_hover.png) top center no-repeat;	
}

#hdclearGroup{
	width:325px;
	height:75px;
	background:url(images/hd_clear_logo.png) top center no-repeat;		
}

#hdclearGroup:hover{
	background:url(images/hd_clear_logo_hover.png) top center no-repeat;	
}


#group_container p{
	text-align:left;	
}

#group_container h2{
	font-size:18px;
	text-decoration:none;
	font-style:normal;	
	font-weight:normal;
}
#group_container img{
	padding-bottom:15px;
	margin-left:auto;
	margin-right:auto;

}

#agRetail{
	float:left;
	width:32%;	
	padding:5px 5px 10px 0px;
	color:#f7941e;
	text-shadow:1px 1px #fff;
}

#agMedia{
	float:left;
	width:32%;	
	padding:5px 5px 10px 5px;
	text-shadow:1px 1px #fff;
	color:#ff3366;
}

#hdClear{
	float:left;
	width:32%;	
	padding:5px 5px 10px 5px;
	text-shadow:1px 1px #fff;
	color:#00aeef;
}

#hdClear img{
	padding-bottom:15px;	
}

#main_container{
	position:relative;
	width:1000px; 
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:35px 0px 35px 0px;		
}

#main_container h5{
	width:1000px;
	float:left;
	margin-left:auto;
	margin-right:auto;
	font-size:22px;
	font-weight:normal;
	margin-bottom:15px;
	margin-top:15px;
	text-align:center;	
	text-shadow:2px 1px #fff;
	z-index:500;	
}

#main_left{
	float:left;
	width:50%;	
	text-align:left;
	font-size:150px;
	text-shadow:2px 1px #fff;
	line-height:.9em;
	z-index:100;
		
}

#main_left span.title{
	font-size:52px;
	color:#6fae30;
	letter-spacing:-7px;
	text-shadow:2px 1px #c0c0bf;
	line-height:.9em;
}

#main_right{
	position:relative;
	float:left;
	width:50%;		
}

#main_right .imageOne{
	background:url(images/image_1.png) no-repeat center;
	z-index:1;
	height:206px;
	width:235px;
	float:left;
	margin:5px;
}

#main_right .colorGreen{
	height:206px;
	width:235px;
	float:left;
	background-color:#090;
	z-index:0;
	display:none;
}

#main_right img{
	float:left;
	padding:5px;	
}

#video_container{
	width:100%;
	position:relative;
	background:url(images/video_bg.png) repeat;	
	text-align:center;
	padding-top:35px;
	padding-bottom:35px;
	color:#333333;
	z-index:0;
}
#video_container h3{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-size:40px;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:15px;
	text-align:right;	
	text-shadow:2px 1px #fff;
}

#video_container h4{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-size:18px;
	font-weight:normal;
	margin-bottom:0px;
	margin-top:5px;
	text-align:right;	
	text-shadow:2px 1px #fff;
}


/* EOF FIRST SLIDER PAGE */


/* ------------------------------------------------------------- */
/* ----------------- SECOND CONTENT SLIDER PAGE -----------------*/
/* ------------------------------------------------------------- */
#contentPageAbout{
	width:100%;
	background:url(images/about_bg.jpg) center no-repeat fixed;
	background-size:cover;
	padding:0px;
	color:#666;
}

#contentPageAbout .aboutBgFront{
	background:url(images/about_title_front.png) 80% 555px no-repeat fixed;
	position:absolute;
	width:100%;
	height:996px;
	z-index:1;		
}

#contentPageAbout .aboutBgBack{
	background:url(images/about_title_back.png) 65% 1080px no-repeat fixed;
	position:absolute;
	width:100%;
	height:996px;
	z-index:1;		
}

#contentPageNews{
	width:100%;
	background:url(images/news_bg.jpg) center no-repeat fixed;
	background-size:cover;
	padding:0px;
	color:#666;
}

#contentPageNews .newsBgFront{
	background:url(images/news_title_front.png) 70% 1010px no-repeat fixed;
	position:absolute;
	width:100%;
	height:996px;
	z-index:1;	
	display:none;	
}

#contentPageNews .newsBgBack{
	background:url(images/news_title_back.png) 65% 540px no-repeat fixed;
	position:absolute;
	width:100%;
	height:996px;
	z-index:1;	
	display:none;	
}

#contentPageContact{
	width:100%;
	background:url(images/contact_bg.jpg) center no-repeat fixed;
	background-size:cover;
	padding:0px;
	color:#666;
}

#contentPageContact h5.half{
	float:left;
	width:48%;
}

#contentPageContact h5.full{
	width:98%;
}

#contentPageContact h6{
	float:left;
	font-size:14px;	
	color:#333333;
	font-weight:normal;
	
}

#contentPageContact h6.half{
	float:left;
	width:48%;
	margin-left:5px;
}

#contentPageContact h6.full{
	width:98%;
}

#contentPageContact input{
	float:left;
	height:25px;
	font-size:12px;
	color:#666;
	border:solid 1px #999;
	-moz-box-shadow:inset 0 0 5px #d1d1d1;
   	-webkit-box-shadow:inset 0 0 5px #d1d1d1;
   	box-shadow:inset 0 0 5px #d1d1d1;
}

#contentPageContact input.full{
	width:98%;
	margin-left:5px;	
}

#contentPageContact input.half{
	width:48%;
	margin-left:5px;	
}

#contentPageContact textarea{
	width:98%;
	margin-left:5px;
	min-height:250px;	
}

#contentPageContact input.btn{
}

#contentPageContact button{
	background-color:none;	
}

#contentPageContact .contactBgFront{
	background:url(images/contact_title_front.png) 80% 555px no-repeat fixed;
	position:absolute;
	width:100%;
	height:996px;
	z-index:1;		
}

#contentPageContact .contactBgBack{
	background:url(images/contact_title_back.png) 65% 540px no-repeat fixed;
	position:absolute;
	width:100%;
	height:996px;
	z-index:1;		
}


#aboutPage{
	width:100%;
	/* background:url(images/content_bg.png) -15% 0px no-repeat; */
}

#aboutPage .content{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height:2em;
	overflow:hidden;
}

#aboutPage .text{
	width:435px;
	float:left;
	padding-left:25px;
	padding-right:25px;
	padding-top:50px;
	padding-bottom:125px;
	background:url(images/text-bg.png) repeat;	
	color:#333;
}

#aboutPage .content h1{
	font-size:18px;
	font-weight:normal;
	margin:10px 0px 0px 0px;
	color:#333;	
	
}

#aboutPage .content h2{
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 15px 0px;
	color:#333;	
}

#newsPage{
	position:relative;
	width:100%;
	
	/* background:url(images/content_bg.png) -15% top no-repeat;*/

}

#newsPage .content{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height:2em;
	overflow:hidden;

}

#news_block_agRetail, #news_block_agMedia, #news_block_hdclear, a{
	color:#FFF;
}
#news_block_agRetail, #news_block_agMedia, #news_block_hdclear{
	display:none;	
}

#newsPage .text{
	width:435px;
	float:left;
	padding-left:25px;
	padding-right:25px;
	padding-top:50px;
	padding-bottom:50px;
	background:url(images/text-bg.png) repeat;	
	min-height:600px;
	color:#000;	
}

#newsPage .text a{
	color:	#333;
}

#newsPage .text p{
	margin-bottom:25px;	
}


#newsPage .content h1{
	font-size:18px;
	font-weight:normal;
	margin:10px 0px 15px 0px;
	color:#999999;	
}

#newsPage .content h2{
	font-size:14px;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	color:#333;	
}

#news_block_agRetail{
	width:269px;
	height:307px;
	background:url(images/agRetailNews.png) no-repeat;
	position:absolute;
	left:50%;
	top:20px;
}

#news_block_agRetail .dateContainer{
	width:45px;
	position:absolute;
	right:30px;
	color:#fff;
	top:20px;
	text-align:center;
}

#news_block_agRetail .dateContainer span.month{
	color:#fff;
	font-size:22px;
}

#news_block_agRetail .dateContainer span.day{
	color:#fff;
	font-size:28px;
	display:block;
}

#news_block_agRetail .dateContainer span.year{
	color:#fff;
	font-size:18px;
	display:block;
}

#news_block_agRetail .newstext{
	width:210px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:115px;
	line-height:1em;
}

#news_block_agMedia{
	width:269px;
	height:307px;
	background:url(images/agmedia_news.png) no-repeat;
	position:absolute;
	left:50%;
	top:315px;;
}

#news_block_agMedia .dateContainer{
	width:45px;
	position:absolute;
	left:30px;
	color:#fff;
	top:20px;
	text-align:center;
}

#news_block_agMedia .dateContainer span.month{
	color:#fff;
	font-size:22px;
}

#news_block_agMedia .dateContainer span.day{
	color:#fff;
	font-size:28px;
	display:block;
}

#news_block_agMedia .dateContainer span.year{
	color:#fff;
	font-size:18px;
	display:block;
}

#news_block_agMedia .newstext{
	width:210px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:115px;
	line-height:1em;
}

#news_block_hdclear{
	width:269px;
	height:307px;
	background:url(images/hdclear_news.png) no-repeat;
	position:absolute;
	left:68%;
	top:170px;
}

#news_block_hdclear .dateContainer{
	width:45px;
	position:absolute;
	right:30px;
	color:#fff;
	top:20px;
	text-align:center;
}

#news_block_hdclear .dateContainer span.month{
	color:#fff;
	font-size:22px;
}

#news_block_hdclear .dateContainer span.day{
	color:#fff;
	font-size:28px;
	display:block;
}

#news_block_hdclear .dateContainer span.year{
	color:#fff;
	font-size:18px;
	display:block;
}

#news_block_hdclear .newstext{
	width:210px;
	color:#fff;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:115px;
	line-height:1em;
}

#contactPage{
	position:relative;
	width:100%;
	min-height:996px;

}


#contactPage_ontario{
	position:absolute;
	left:65%;
	top:5%;
}

#contactPage_la{
	position:absolute;
	left:62%;
	top:35%;
}

#contactPage .content{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	line-height:2em;
	overflow:hidden;
	position:relative;
	z-index:3;

}

#contactPage .text{
	width:435px;
	float:left;
	padding-left:25px;
	padding-right:25px;
	padding-top:50px;
	padding-bottom:50px;
	background:url(images/text-bg.png) repeat;	
	color:#333333;
}

#contactPage .content h1{
	font-size:18px;
	font-weight:normal;
	margin:10px 0px 15px 0px;
	color;#999999;	
}

/* EOF SECOND SLIDER PAGE */

/* ------------------------------------------------------------- */
/* ----------------- AG RETAIL CONTENT SLIDER PAGE -----------------*/
/* ------------------------------------------------------------- */

#retailPage{
	width:100%;
	background:url(images/agretail_bg.jpg)center no-repeat fixed;
	background-size:cover;	
	padding-bottom:25px;	
}

#retailPage a{
	color:#F7941F;
	text-decoration:none;	
}


#agRetail_container{
	width:100%;
	min-height:1000px;	
}


#agRetail_firstLayer{
	width:100%;
	min-height:1000px;
	background:url(images/productLine_title_bg.png) top left no-repeat;	
	padding-top:25px;
}

#agRetail_secondLayer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
}

#agRetail_logoContainer{
	float:left;
	margin-bottom:25px;
}

#agRetailDescription{
	float:left;
	width:500px;
	clear:left;	
	font-size:14px;
	color:#666666;
}

#agRetailDescription h2{
	font-size:18px;	
	font-weight:normal;
	color:#f7941f;
}

#agRetail_top{
	float:left;
	height:450px;
	margin-left:175px;	
}

#agRetailBody{
	float:left;
	clear:left;
	padding:5px 10px 5px 10px;	
}

.contentBoxes_left{
	float:left;	
}

.contentBoxes_right{
	float:right;	
}

.contentBoxImage{
	width:325px;
}

.contentBoxHeadlines{
	width:650px;
	overflow:hidden;
	min-height:235px;
}

/* ------------------------------------------------------------- */
/* ----------------- AG MEDIA CONTENT SLIDER PAGE -----------------*/
/* ------------------------------------------------------------- */


#mediaPage{
	width:100%;
	background:url(images/agmedia_bg.jpg) center no-repeat fixed;
	background-size:cover;	
	padding-bottom:25px;			
}

#mediaPage a{
	color:#EC008C;
	text-decoration:none;	
}


#media_container{
	width:100%;
	min-height:1000px;	
}


#media_firstLayer{
	width:100%;
	min-height:1000px;
	background:url(images/productLine_title_bg.png) top left no-repeat;	
	padding-top:25px;
}

#media_secondLayer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
}

#media_logoContainer{
	float:left;
	margin-bottom:25px;
}

#mediaDescription{
	float:left;
	width:500px;
	clear:left;	
	font-size:14px;
	color:#666666;
}

#mediaDescription h2{
	font-size:18px;	
	font-weight:normal;
	color:#ec008c;
}

#media_top{
	float:left;
	height:450px;
	margin-left:175px;	
}

#mediaBody{
	float:left;
	clear:left;
	padding:5px 10px 5px 10px;	
}


/* ------------------------------------------------------------- */
/* ----------------- EOF AG MEDIA CONTENT SLIDER PAGE -----------------*/
/* ------------------------------------------------------------- */


/* ------------------------------------------------------------- */
/* ----------------- AG MEDIA CONTENT SLIDER PAGE -----------------*/
/* ------------------------------------------------------------- */



#hdclearPage{
	width:100%;
	background:url(images/hdclear_bg.jpg) center no-repeat fixed;
	background-size:cover;	
	padding-bottom:25px;	
}

#hdclearPage a{
	color:#40C8F4;
	text-decoration:none;	
}

#hdclear_container{
	width:100%;
	min-height:1000px;	
}


#hdclear_firstLayer{
	width:100%;
	min-height:1000px;
	background:url(images/productLine_title_bg.png) top left no-repeat;	
	padding-top:25px;
}

#hdclear_secondLayer{
	width:1000px;
	margin-left:auto;
	margin-right:auto;	
}

#hdclear_logoContainer{
	float:left;
	margin-bottom:25px;
}

#hdclearDescription{
	float:left;
	width:500px;
	clear:left;	
	font-size:14px;
	color:#666666;
}

#hdclearDescription h2{
	font-size:18px;	
	font-weight:normal;
	color:#40c8f4;
}

#hdclear_top{
	float:left;
	height:450px;
	margin-left:175px;	
}

#hdclearBody{
	float:left;
	clear:left;
	padding:5px 10px 5px 10px;	
}


/* ------------------------------------------------------------- */
/* ----------------- EOF AG hdclear CONTENT SLIDER PAGE -----------------*/
/* ------------------------------------------------------------- */