/*********************************************
/*  A & G Precision Stylesheet               *
/*  Version 1, 4/12/08                       *
/*********************************************/

html, body {
	height: 100%;
	margin: 0px;
	background: #d7dfe6;
}

body, a, input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #888;
}

a:link { color: #336699; }
a:visited { color: #537699; }
a:hover { color: #99ccff; }

a img { border: none; }

input, select, textarea {
	background: #fff!important;
	border: 1px solid #ccc;
}
form { margin: 0px; }

td { vertical-align: top; }



/* Classes and IDs */

/* header and footer */

#banner { /* table containing the top banner */
	width: 932px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;	
}

#bannerlinks { /* div containing 3 top links above the banner */
	margin: 33px 20px 12px 0px;
	text-align: right; 
}
#bannerlinks img {
	vertical-align: middle;
}


#maincontainer { /* div containing main (white) content box */
	width: 932px;
	margin-left: auto;
	margin-right: auto;
}


#mainbox { /* main white content box */
	width: 845px;
	margin: 5px 79px 0px 8px; 
}
#mainboxtop { 
	width: 100%;
	background: url('grafix/mainbox/top.gif') bottom left repeat-x; 
}
#mainboxbot { 
	background: url('grafix/mainbox/bot.gif') top left repeat-x; 
}
#mainboxleft { 
	height: 100%;
	background: url('grafix/mainbox/left.gif') top right repeat-y; 
}
#mainboxright { 
	background: url('grafix/mainbox/right.gif') top left repeat-y; 
}
#mainboxmid {
	width: 100%;
	background: #fbfbfb;
}


#maininner { /* inner table containing all mainbox content */
	width: 100%;
	margin: 5px 3px;
}

.mainleft { /* 2 left tds of maininner table (contain lefthand picture bar) */
	width: 81px;
	background: #98a4c1 url('grafix/leftbarrpt.gif') 0px 0px repeat-y;
}
#mainleftbot { /* lower of the 2 .mainleft tds */
	vertical-align: bottom;
}

.mainright { /* 2 right tds of .maininner (contain all page content) */
	width: 100%;	
	padding-right: 10px;
}
#mainrightbot { /* lower of the 2 .mainright tds */
	vertical-align: bottom;
	text-align: right;
}


#leftbar { /* lefthand picture bar */
	margin-bottom: 100px; /* (make sure page is always tall enough for bubbles) */
}


#mainlinks { /* div containing top right links in .mainright */
	text-align: right;
	margin-top: 8px;
}
#mainlinks img {
	vertical-align: middle;
}


#title { /* id used for every blue title image (can only appear once on each page) */
	margin: 10px 0px 0px 10px;
}

#content { /* id used for div containing content on each page */
	width: 478px;
	height: 100%;
	margin: 0px 0px 0px 10px;
	border: 1px solid #d9ddea;
	border-top: none;
	background: #fff;
}
#contentinner { /* inner div to allow for padding */
	padding: 20px 20px 50px 20px;
	line-height: 20pt;
}


#copyright { /* div containing copyright note in bottom right */
	padding: 6px 85px 40px 0px;
	text-align: right;
	color: #666e87;
}


/* repeated classes */

.darktxt1 { /* darker italic text (e.g. top of content on the homepage) */
	color: #565656;
	font-style: italic;
	text-align: center;
}

.error { /* red error messages / astrexes */
	color: #bb0000;
}

.imgborder { /* divs that create image borders (e.g. on components page) */
	padding: 4px;
	border: 1px solid #ccc;
	width: 67px;
	margin-left: auto; 
	margin-right: auto;
}
.imgborder img {
	border: 1px solid #999;
}


/* individual pages */

#homebubbles { /* right bubbles .mainright bg for the homepage */
	background: url('grafix/bubbles/homebubbles.png') 495px 135px no-repeat;
}

#historybubbles { /* right bubbles .mainright bg for the history page */
	background: url('grafix/bubbles/historybubbles.png') 495px 90px no-repeat;
}

#contactbubbles { /* right bubbles .mainright bg for the contact page */
	background: url('grafix/bubbles/contactbubbles.png') 495px 90px no-repeat;
}

#qualitybubbles { /* right bubbles .mainright bg for the quality and inspection page */
	background: url('grafix/bubbles/qualitybubbles.png') 495px 90px no-repeat;
}

#manufacturingbubbles { /* right bubbles .mainright bg for the manufacturing and systems page */
	background: url('grafix/bubbles/manufacturingbubbles.png') 495px 90px no-repeat;
}

#componentsbubbles { /* right bubbles .mainright bg for the components page */
	background: url('grafix/bubbles/componentsbubbles.png') 495px 90px no-repeat;
}

#quotebubbles { /* right bubbles .mainright bg for the get a quote page */
	background: url('grafix/bubbles/quotebubbles.png') 495px 90px no-repeat;
}


#homebullets { /* div containing 2 righthand bullet points on the homepage */
	width: 200px; 
	margin: 65px 3px 0px 0px;
	float: right;  
}
#homebullets ul {
	list-style: none;
	margin: 0px;
	padding: 0px 12px;
}
#homebullets li {
	margin: 0px;
	padding-left: 16px;
	background: url('grafix/bullet.gif') 0px 0px no-repeat;
	font-size: 0.9em;
	font-weight: bold;
	font-style: italic;
}
#homebulletsspacer { /* spacer div between the 2 lis */
	height: 330px;
}


#contacttable { /* table containing form on the contact page */
	border: 1px solid #ccc;
	width: 385px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 14px;
}
#contacttable td {
	padding: 3px 8px;
}


#componentspics { /* table containing the small components pictures on components page */
	margin-left: auto;
	margin-right: auto;
}

#picerrordiv { /* div containing error message on viewcomponent.php */
	width: 300px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	background: #fff;
	border: 1px solid #aaa;
	text-align: center;
}


#quotetable { /* table containing form on the quote page */
	border: 1px solid #ccc;
	width: 370px;
	margin-left: auto;
	margin-right: auto;
}
#quotetable td {
	padding: 3px 8px;
}
.quoteheader { /* heading tds in #quotetable */
	background: #7182ad;
	color: #fff;
	font-weight: bold;
}


#errordiv { /* content box on custom error pages */
	width: 500px;
	height: 350px;
	background: url('grafix/errorbg.gif') 0px 0px no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}
#errordivinner {
	padding: 205px 20px 20px 40px;
}