/***************************
	suckerfish menus 
	http://www.htmldog.com
***************************/

#nav, #nav ul {
	float: left;
	width: 100%;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 10pt;
	padding: 0;
	border: solid #171DAF;
	margin: 10px 0 1em 0;
	border-width: 1px 0;
}

#nav a {
	display: block;
	color: #171DAF;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav li {
	float: left;
	padding: 0;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 16em;
	w\idth: 16em;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 9pt;
	border-width: 1px;
	margin: 0;
	border-left: solid #171DAF:
	border-top: solid #eda;
	border-right: solid #171DAF:
	border-bottom: solid #171DAF:
}	

#nav li li {
	padding-right: 1em;
	width: 15em;
}

#nav li ul a {
	width: 15em;
	w\idth: 15em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #eda;
}

/*************************** 
	html elements 
***************************/

* { margin-top: 0; margin-bottom: 0; }

html, body { height: 100%; }

body { background-color: #FFFFFF; margin-bottom: 0; margin-top: 0; padding: 0;}

h1 { text-align: left; color: white; background-color: transparent; padding-top: 0px; margin-top: 0px; 
	font-family: Arial, Sans-Serif; font-weight: bolder; font-size: 16pt; text-indent: 10px; 
	}

h2 { font-family: Arial, Sans-Serif; font-weight: bolder; font-size: 14pt; }

h3 { padding-top: 0px; margin-top: 0px; font-family: Arial, Sans-Serif;}

p { padding-top: 2px; padding-bottom: 2px; }

/*************************** 
	html element classes 
***************************/

div.holding { float: left; }

div.product { float: left; border-width: 0px; border-style: solid; border-color: black; text-align: center; padding-left: 10px; padding-right: 10px; padding-bottom: 10px;
				 z-index: 2; }

div.quoteSection { float: left; background-color: #EEEEEE; border-width: 1px; border-color: #999999; border-style: solid; margin: 0px auto; 
				padding-bottom: 10px; width: 100%; }

div.spacer { float: left; height: 10px; background-color: transparent; clear: both; width: 100%; } 

div.row { float: left; clear: left; padding-top: 10px; width: 100%;}
div.row span.header { float: left; width: 100px; text-align: left; font-weight: bold; padding-left: 5px; }
div.row span.formw { float: left; width: 325px; text-align: left; padding-left: 10px; }
div.row span.label { float: left; width: 110px; text-align: right; border-width: 1px; }

div.rowShort { float: left; clear: left; padding-top: 10px; width: 60%;}
div.rowShort span.formwShort { float: left; width: 150px; text-align: left; padding-left: 10px; }
div.rowShort span.label { float: left; width: 110px; text-align: right; }

div.swatch { float: left; border-width: 0px; border-style: solid; border-color: black; width: 100px; height: 100px; text-align: center; padding-left: 10px; padding-right: 10px; padding-bottom: 10px}
div.swatch p { padding-top: 0px; font-family: Arial, Sans-Serif; margin-top: 0px; font-size: 9pt; }

li.selected { background-color: #eda; }

a:link, a:visited { text-decoration: none; color: #171DAF; }
a:active, a:hover { text-decoration: underline; color: #171DAF; }
a:link img, a:visited img { border-color: #FFFFFF; }

p.creditCaption { font-size: 8pt; font-family: Arial, Sans-Serif; }
p.main { text-indent: 0px; color: black; font-family: Arial, Sans-Serif; font-size: 11pt; display: block;}
p.contact { color: black; font-size: 11pt; font-family: Arial, Sans-Serif; }
p.seealso { text-indent: 0px; color: black; font-family: Arial, Sans-Serif; font-size: 9pt; display: block;}

ul.main { text-indent: 0px; color: black; font-family: Arial, Sans-Serif; font-size: 11pt; display: block; }

em {font-weight: bold; font-style: normal; color: #FF0000; }

h3.prodhead { color: #171DAF; padding-top: 10px; }


/*************************** 
	specific divs 
***************************/ 

	/* *** main markup divs *** */

#caption { height: 30px; top: 7.5px; border-width: 0px; border-style: solid; border-color: #FFFFFF; position: absolute; }

html>body #container { height: auto; min-height: 100%;}

#container { left: 0px; top: 0px; height: 100%; width: 100%; position: relative; background-color: transparent; 
		background-image: url(../images/AGHeader4.jpg); background-repeat: no-repeat; background-position: top center; min-height: 100%; 
		voice-family: "\"}\""; voice-family: inherit; }

#header { left: 0px; top: 0px; height: 100px; width: 100%; background-color: transparent; position: relative; border-width: 0px;
			background-image: url(../images/brushstroke.jpg); background-repeat: no-repeat; background-position: bottom right; }

#main { 
	left: 0px; 
	height: auto; 
	width: 100%; 
	background-color: transparent; 
	/*position: relative; */
	float: left; 
	padding-top: 5px; 
	clear: left;
	padding-bottom: 70px;
	}

#footer { position: relative; bottom: 0; background-color: transparent; width: 90%; border-width: 1px; border-top: solid #CCC; text-align: center; 
			font-family: Arial, Sans-Serif; font-size: 8pt; color: #999; left: 5%; margin-top: -70px; height: 50px; clear: both; }

#footer a:link, #footer a:visited { text-decoration: none; color: #999; }
#footer a:active, #footer a:hover { text-decoration: underline; color: #999; }

	/* *** single use divs *** */
	
#divColorbondDisclaimer { position: relative; height: 5%; width: 100%; text-align: center; font-family: Arial, Sans-Serif; font-size: 8pt; clear: both; }

#divColorbondLink { position: relative; min-height: 150px; min-width: 160px; width: 160px; top: 20px; right: 1%; float: right; border-color: #DDDDDD; border-style: solid; border-width: 2px; 
						text-align: center; padding-bottom: 10px; background-color: #EEEEEE; padding-top: 10px; padding-left: 5px; padding-right: 5px;
						font-family: arial, sans-serif; color: black; font-size: 10pt; }

#divQuote { float: left; width: 50%; background-color: #D7D7D7; padding: 5px; border-width: 1px; border-color: #171DAF; border-style: solid; margin: auto;
 			font-family: Arial, Sans-Serif; font-size: 9pt; left: 25%; position: relative; }
 			
#divQuotePicture { float: left; background-color: white; position: relative; width: 200px; border-style: solid; border-color: #000000; border-width: 1px; }

#divWaggaOfficePicture { background-color: transparent; position: relative; float: right; text-align: center; width: 380px; border-style: none; }

#sidebar {background-color: transparent; position: relative; float: right; text-align: center; width: 300px; 
			border-style: solid; border-color: #171DAF; border-width: 1px; padding-top: 20px; padding-bottom: 20px; }

#menuLeft {background-image: url(../images/AGLogo220x187.jpg); background-repeat: no-repeat; background-position: top left; height:187px; width: 100%; }

#contact {width: 50%; background-color: transparent; position: relative; border-style: none; margin-left: 100px; }

/*************************** 
	generic classes 
***************************/ 

.img-shadow { 
	float: right; 
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
	}

.img-shadow img {
	display: block;
	position: relative;
	background-color: #FFFFFF;
	border: 0px solid #171DAF;
	margin: -6px 6px 6px -6px;
	padding: 0px; 
	}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */