* {
	padding: 0;
	margin: 0;
}
body {
	background: url(../images/ag_bg3.gif) repeat-x #E3DDCD;
	/*background: #FFF;*/
	color: #000;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family:"Times New Roman", Times, serif;
	font-size: 90%; /* 1.65em */
	padding: 0;
	min-width: 1024px;
}
h2, h3, h4, h5 {
	color: #1F5385;
}
h2 {
	border-bottom: 2px double #816441;
}
h3 a {
	color: #1F5385;
	text-decoration: none;
}
h3 a:hover {
	color: #816441;
	text-decoration: overline;
}
#wrapper {
	margin: 0 auto;
	width: 895px;
	background: #E3DDCD;
}
#wrapContainer {
	margin: 0 auto;
	width: 890px;
	background: #E3DDCD;
}
#logo {
	background: url(../images/ag_logo.gif) no-repeat top left;
	width: 306px;
	height: 153px;
}

/*NAVIGATIONS*/
#navcontainer {
	margin-left: 308px;
	margin-top: -152px;
	height: 150px;
	width: 125px;
}
#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
}
#navcontainer a
{
	display: block;
	/*padding: 6px 8px 6px 8px;*/
	padding: 6px 8px 2px 8px;
	#padding: 4px 8px 5px 8px;
	width: 125px;
	background-color: #816441;
	border-bottom: 1px solid #eee;
	font-weight: bold;
	font-size: 0.80em;
	letter-spacing: 0.3px;
}

#navcontainer a:link, #navlist a:visited
{
	color: #FFF;
	text-decoration: none;
}

#navcontainer a:hover
{
	background-color: #D8C08D;
	color: #816441;
}
/*#navlist
{
	width: 141px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 5px 8px 6px 8px;
	border-bottom: 1px solid #FFF;
}

#navlist li a { 
	text-decoration: none; 
	color: #FFF;
	font-weight: bold;
	font-size: 0.9em;

}

#navlist li a:hover { 
	text-decoration: none; 
	color: #E4D09A;
	font-weight: bold;
	font-size: 0.9em;

}*/




/*MAIN NAVIGATIONS*/
#mainnavcontainer
{
	margin-left: 450px;
	margin-top: -150px;
	padding: 0;
	width: 440px;
	height: 150px;
}

#mainnavcontainer ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#mainnavcontainer ul li
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	font-size: 0.85em;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	
}

#mainnavcontainer ul li a
{	
	/*background: url(../images/ag_topnavbg.gif) repeat;*/
	width: 109px;
	height: 109px;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 40px;
}
#mainnavcontainer ul li.why a {
	background: url(../images/ag_blue_why.gif) top left #1F5385;
}
#mainnavcontainer ul li.toknow a {
	background: url(../images/ag_blue_todo.gif) top left #1F5385;
}
#mainnavcontainer ul li.contact a {
	background: url(../images/ag_blue_contact.gif) top left #1F5385;
}
#mainnavcontainer ul li.seminar a {
	background: url(../images/ag_blue_seminar.gif) top left #1F5385;
}
#mainnavcontainer ul li.anniversary a {
	background: url(../images/ag_blue_anniversary.gif) top left #1F5385;
}
#mainnavcontainer ul li.why a:hover {
	background: url(../images/ag_bwn_why.gif) top left #D1BE96;
}
#mainnavcontainer ul li.toknow a:hover {
	background: url(../images/ag_bwn_todo.gif) top left #D1BE96;
}
#mainnavcontainer ul li.contact a:hover {
	background: url(../images/ag_bwn_contact.gif) top left #D1BE96;
}
#mainnavcontainer ul li.seminar a:hover {
	background: url(../images/ag_bwn_seminar.gif) top left #D1BE96;
}
#mainnavcontainer ul li.anniversary a:hover {
	background: url(../images/ag_bwn_anniversary.gif) top left #D1BE96;
}
#mainnavcontainer ul li a img
{	
	border: 0;
}
#mainnavcontainer ul li a:hover
{
	color: #FFF;
	/*background: url(../images/ag_topnavbg_hover.gif) repeat;*/
}

/*MAIN IMAGE*/
#mainimage {
	width: 449px;
	height: 225px;
	background: #FFF no-repeat top left; 
}
#demo {
	margin-left: 450px;
	margin-top: -225px;
	width: 199px;
	height: 205px;
	/*background: #C1DBF4;*/
	background: #FFF url(../images/ag_viewdemo.jpg) no-repeat top left;
	font-size: 0.9em;
	text-align: justify;
	padding: 10px;
}
#demo img {
	border: 1px solid #1F5385;
}
#demo a {
	color: #1F5385;
	font-weight: bold;
	text-decoration: none;
}
#demo a:hover {
	color: #816441;
	text-decoration: underline;
}
#proposal {
	margin-left: 670px;
	margin-top: -225px;
	width: 199px;
	height: 205px;
	/*border-right: 1px solid #FFF;
	background: #C1DBF4;
	background: url(../images/ag_proposal.jpg) no-repeat top left #FFF;*/
	font-size: 0.9em;
	text-align: justify;
	padding-bottom: 20px;
}
#proposal img {
	border: none;
}
#box1 {
	/*background: #816441;*/
	background: #FFF;
	width: 219px;
	height:139px;
	color: #FFF;
	padding: 0px;
	text-align: justify;
	float:left;
	font-size: 0.9em;
}
#box1 img {
	border: none;
}

#box2 {
	background:#FFF url(../images/ag_box01.jpg) no-repeat top left ;
	/*background: #C1DBF4;
	background: #EDDCB0;*/
	width: 189px;
	height:120px;
	color: #333;
	padding: 10px 18px 10px 13px;
	float:left;
	text-align: justify;
	font-size: 0.9em;
}
#longbox1 {
	background: url(../images/ag_box03_2.jpg) no-repeat bottom right #1F5385;
	width: 440px;
	height: 140px;
	font-size: 0.9em;
	border-right: 1px solid #FFF;
	text-align: justify;
	color: #FFF;
	float:left;
	padding-left:9px;
}
#longbox1 h3 {
	padding: 10px 0 0 10px;
}
#longbox1 p {
	padding: 0 10px;
}
#whowearetext {
	width: 245px;
	text-align: left;
}
#whowearetext p {
	line-height: 1.2em;
	font-size: 1em;
}
#whowearetext p a {
	color: #00CCFF;
	font-weight: bold;
}
#whowearetext p a:hover {
	color: #FFF;
	font-weight: bold;
}
#box3 {
	background: #FFF;
	width: 219px;
	height:139px;
	border-top: 1px solid #FFF;
	color: #FFF;
	padding: 0px;
	text-align: justify;
	font-size: 0.9em;
	float:left;
}
#box3 img {
	border: none;
}
#box4 {
	background: #FFF url('../images/ag_box01.jpg') no-repeat left top;
	/*background: #EDDCB0;*/
	width: 189px;
	height:120px;
	padding: 10px 18px 10px 13px;
	border-top: 1px solid #FFF;
	color: #333;
	float:left;
	text-align: justify;
	font-size: 0.9em;
}
#longbox2 {
	background: url(../images/home_callout_25anniversary_2.gif) no-repeat top right #1F5385;
	width: 429px;
	height: 120px;
	padding: 10px;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	float:left;
	text-align: justify;
	color: #FFF;
	font-size: 0.9em;
}
#longbox1 h3, #longbox2 h3 {
 	color: #FFF;
	font-size: 1.3em;
}
#longbox1 h4, #longbox2 h4 {
 	color: #FFF;
	font-size: 1.2em;
}

#home_callout {
	background: url(../images/home_callout_25anniversary.gif) no-repeat top right #1F5385;
	width: 420px;
	height: 120px;
	padding: 10px;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	margin-left: 450px;
	margin-top: -161px;
	text-align: justify;
	color: #FFF;
	font-size: 0.9em;
}
#home_callout h3, #longbox2 h3 {
 	color: #FFF;
	font-size: 1.3em;
}
#home_callout h4, #longbox2 h4 {
	padding-top:85px;
	text-align:center;
 	color: #FFF;
	font-size: 1.2em;
}
#home_callout  a {
	color: #00CCFF;
	font-weight: bold;
}
#home_callout a:hover {
	color: #FFF;
	font-weight: bold;
}
.centerBrownText {
	color: #EDDCB0;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
}
.centerBlueText {
	color: #1F5385;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}
.centerBlueText a {
	color: #1F5385;
	font-weight: bold;
	text-decoration: none;
}
.centerBlueText a:hover {
	color: #816441;
	text-decoration: underline;
}
.leftBrownText {
	color: #EDDCB0;
	font-weight: bold;
	text-align: left;
	font-size: 1em;
}
.leftBlueText {
	color: #1F5385;
	font-weight: bold;
	text-align: left;
	font-size: 1.4em;
	padding-top: 15px;
	padding-left: 55px;
}
/*MAIN CONTENT*/
#container {
	background: #1F5385;
	margin-top: 1px;
	_margin-top: -22px;
	border-bottom: 1px solid #FFF;
	/*min-height: 400px;*/
}
#maincontent {
	/*background: #EDDCB0;*/
	background: #FFF;
	font-size: 1em; 
	line-height: 1.4em;
	text-align: justify;
	padding: 20px 20px;
	width: 629px;
	float: left; 
	margin: 0;
	min-height: 718px;
	_height: 722px;
	/*_height: 454px;
	#height: 452px;*/
	border-right: 1px solid #FFF;
} 
#maincontent p {
	padding-top: 10px;
	padding-bottom: 3px;
	line-height: 1.4em;
}
#maincontent h2 {
	margin: 0; 
	font-size: 1.3em;
}
#maincontent h3 {
	margin: 10px 0 0 0; 
	font-size: 1em;
}
#maincontent h3 {
	border-left: 10px solid #816441;
	border-bottom: 1px solid #816441;
	padding-left: 5px;
	padding-bottom: 3px;
}

#maincontent p a, #maincontent p a:link {
	color: #1F5385;
	font-weight: bold;
	text-decoration: none;
}
#maincontent p a:hover {
	color: #816441;
	text-decoration: underline;
}
#maincontent table {
	margin: 5px 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	line-height: 1.4em;
	
}
#maincontent td {
	font-size: 0.9em;
}
#maincontent a img {
	border: none;
}
/*BULLETS*/
#maincontent ul{
	list-style: disc;
	list-style-position: outside;
	padding-left: 10px;
	margin-left: 20px;
}
#maincontent li a{
	color: #1F5385;
	font-weight: bold;
	text-decoration: none;
}
#maincontent li a:hover{
	color: #816441;
	text-decoration: underline;
}
#maincontent ul.diffbullet {
	list-style: circle;
}
/*2 COL H3*/
.title {
	float: left;
	width: 540px;
	_width: 538px;
}
.top {
	float: right:
}
/*TABLE STYLES*/
.bwnrow {
	background: #D8C08D;
}
.note {
	font-size: 1.1em;
	text-align: center;
}
/*CONTACT INFO*/
.contactText {
	font-size: 1.1em;
}
/*SIDE COLUMN*/
#sidebar {
	background: #1F5385;
	float: right;
	width: 199px;
	min-height: 450px;
	_height: 450px;
	#height: 450px;
	padding: 10px;
	margin-left: 1px;
} 
.sideboxtop {
	background: url(../images/ag_roundtop.gif) no-repeat top left ;
	width: 198px;
	height: 12px;
}
.sideboxmiddle {
	background: #FFF;
	width: 198px;
	_margin-top: -4px;
}
.sideboxmiddle p {
	padding: 5px 10px 0 10px;
	font-size: 0.9em;
}
.sideboxmiddle a {
	color: #01366A;
	text-decoration: none;
	font-size: bold;
}
.sideboxmiddle a:hover {
	color: #816441;
	text-decoration: none;
	font-size: bold;
}
.sideboxmiddleSupport {
	background: url(../images/ag_supportimg.jpg) no-repeat top left #1F5385;
	width: 198px;
	height: 110px;
	_margin-top: -4px;
}
.sideboxmiddle h4, .sideboxmiddleSupport h2, .sideboxmiddleSupport h3, .sideboxmiddleSupport h4, .sideboxmiddleSupport p {
	padding: 0 10px;
}
.sideboxmiddle h3 {
	border-bottom: 1px solid #816441;
	color: #816441;
	font-size: 1.1em;
	margin: 0 10px;
}
.sideboxmiddleSupport h2 {
	font-size: 1.3em;
	border: none;
}
.sideboxmiddleSupport h3 {

	border: none;	
}
.sideboxmiddleSupport h4 {

	border: none;
}
.sideboxmiddleSupport p {
	font-size: 0.9em;
	font-weight: bold;
}
.sideboxbottom {
	background: url(../images/ag_roundbottom.gif) no-repeat top left #1F5385;
	width: 198px;
	height: 12px;	
	margin-bottom: 10px;
}

/*IMPORTANT * PLS. DON'T REMOVE */ 
#cleaner {
	color : #999999; 
	font-size: 0.75em;
	padding-top: 0;
	margin: 0;
	clear: both;
}
#cleaner p {
	margin: 0;
}
#footer {
	background: #816441;
	width: 870px;
	text-align: center;
	font-size: 0.85em;
	color: #FFF;
	padding: 10px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

/*PRODUCT SECTION*/
.mainprodimage {
	float: left;
	width: 100px;
	height: 50px;
	margin-top:20px;
	padding: 0;
	text-align: right;
}
.mainprodimageGutter {
	float: left;
	width: 100px;
	height: 50px;
	margin-top:65px;
}
.mainprodimageRain {
	float: left;
	width: 100px;
	height: 50px;
	margin-top: 175px;
	_margin-top: 145px;
}
.mainprodimageRainCollect {
	float: left;
	width: 100px;
	height: 50px;
	margin-top: 60px;
	_margin-top: 50px;
}
.mainprodcategory {
	float: right;
	width: 210px;
	margin-top: 20px;
}
.mainprodcategory h3 {
	font-size: 1.1em;
	color: #01366A;
}
.mainprodcategory h3 a{
	font-size: 1em;
	color: #01366A;
	text-decoration: none;
}
.mainprodcategory h3 a:hover {
	font-size: 1em;
	color: #01366A;
	text-decoration: overline;
}
.maincontent .productLeft .mainprodcategory p {
	padding: 1px 0;
	font-size: 1.1em;
}
.mainprodcategory p a, .mainprodcategory p a:link {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
.mainprodcategory p a:hover {
	font-weight: bold;
	color: #816441;
	text-decoration: underline;
}

#maincontent .productTitle {
	border-left: 10px solid #816441;
	border-bottom: 1px solid #816441;
	padding-left: 5px;
	padding-bottom: 3px;
	margin: 10px 0 0 0; 
}
#maincontent .productTitle a, #maincontent .productTitle a:link{
	font-size: 0.8em;
	color: #816441;
	text-decoration: none;
}
#maincontent .productTitle a:hover {
	font-size: 0.8em;
	color: #1F5385;
	text-decoration: overline;
}
#maincontent #productcontent p {
	margin: 0 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	line-height: 1.4em;
}
#maincontent #productcontent table {
	margin: 0 15px;
	padding-top: 10px;
	padding-bottom: 3px;
	line-height: 1.4em;
}
#maincontent #productcontent td {
	padding: 0 10px;
	line-height: 1.4em;
}
#extracontent {
	padding-top: 175px;
}
#extracontent p {
	margin: 0 15px;
}
.photocontent img {
	border: 1px solid #1F5385;
}
.photoproduct img {
	margin-left: 27px;
	margin-right: 25px;
}
.highlight {
	font-size: 1.1em;
	font-weight: bold;
}
.videoPlayer {
	margin: 0 auto;
	width: 422px;
	border: 1px solid #1F5385;
}
.videoPlayer p {
	text-align: center;
}
/*PRODUCT PAGES*/
.productLeft {
	width: 312px;
	float: left;
}
.productRight {
	width: 312px;
	float: right;
}
.productdiv{
width: 625px;
clear: left;
}

.productdiv .productfloatbox{
float: left;
width: 190px;
}



.productdiv h3, .productdiv p{
margin-top: 0;
margin-left: 156px;
}

.samples {
	width: 575px;
}
.samples img {
	margin: 0px 2px 0 0;

}

.spacer {
	padding: 0;
	border: 1px solid #1F5385;
}

div.float {
  float: left;
  margin-top: 20px;
  margin-left: 12px;
  _margin-left: 8px; 
  }
  
div.float p {
   text-align: center;
   color: #1F5385;
   font-size: 0.9em;
   font-weight: bold;
}
div.float img {
	border: 1px solid #1F5385;
}
/*WRAPPING TEXT & IMAGE*/
.somediv{
	width: 580px;
	clear: left;
}

.somediv .floatbox{
	float: right;
	width: 185px;
	padding-left: 20px;
}

.floatbox img {
	
}
* html .somediv p{ /* IE 3px jog hack*/
height: 1%;
}

.somediv p{
	margin-top: 0;
	margin-left: 10px;
	padding-right: 10px;
	text-align:left;
}

/*LINKS*/
.link {
	width: 600px;
}
.link img{
	margin: 0px 2px 0 0;
}

.spacerLink {
	padding: 0;
}

div.floatLink {
  float: left;
  margin-top: 20px;
  margin-left: 12px;
  _margin-left: 8px; 
  }
  
div.floatLink p {
   text-align: center;
   color: #1F5385;
   font-size: 0.9em;
   font-weight: bold;
}

/*CONTACT*/
#contactinfo {
	width: 250px;
}
#form {
	width: 360px;
	float: right;
	margin-top: -338px;
}
#form p label {
	float: left;
	width: 25%;
	text-align: left;
	font: bold 1em;
}
#form input, #form select, #form textarea {
	border: 1px solid #1F5385;
	background: #D1AB6F;
}
#form input.incomplete, #form select.incomplete, #form textarea.incomplete {
 border: 1px solid red;
}

#form label.incomplete {
 color: red;
}

/*warning */
#form p.warning {
 border: 1px ridge red;
 padding: 5px;
 width: 284px;
 margin: 20px 10px;
}

#form p.warning em {
 color: red;
}

.warning{
	color: red;
}


fieldset {
	border: 1px ridge #1F5385;
	padding: 1em;
	margin: 10px;
}
legend {
	font-size: 1.1em;
	font-weight: bold;
	color: #EDDCB0;
	padding: 2px 5px 4px 5px;
	background: #1F5385;
}
.button {
	margin-top: 10px;
}
#form input.buttonRight {
	margin-left: 79px;
	_margin-left: 82px;
  	cursor: pointer;
	background: #1F5385;
	color: #EDDCB0;
	font-weight: bold;
	font-style: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	padding: 2px;
}
#form input.small, select.small {
 width: 100px;
}
.thankyou {
	 font-size: 0.8em;
	 font-weight: bold;
	 margin: 25px 0;
	}
	
	
	
#searchResults table {
	width:599px;
}

.on {
	background-color:#E3DDCD;
	
}

.head {
	font-weight:bold;
}

.head p {
	text-decoration:underline;
}

#home_callout{
	background: url(../images/home_callout_25anniversary.gif) top left #1F5385;
}
#home_bottom_promo {
height:50px;
}

.anniversary .floatbox{
	float: right;
	width: 170px;
	padding-top: 15px;
	padding-left: 25px;
}






/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: #1f5385;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(../images/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #1f5385;
}

.mbLoading {
	background: #1f5385 url(../images/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #1f5385;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #1f5385;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(../images/BlueClose.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(../images/BluePrevious.jpg) no-repeat center;
}

#mbNextLink {
	width: 41px;
	background: transparent url(../images/BlueNext.jpg) no-repeat center;
}

#mbCloseLink {
	width: 46px;
	background: transparent url(../images/BlueClose.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}
/* media box end */