/* STYLESHEET FOR PRECISIONAE.COM */
/* Developed by Tim Hunt, 504 Web Consulting & Design */
/* Body: font-size = 62.5% sets 1em=10px */



/* ---- ELEMENT RESET ---- */

html, body, div, span, h1, h2, h3, h4, h5, p, a, img, ul, li, ol, form, table, caption, tbody, tfoot, thead, tr, th, td
{	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body	{ line-height: 1; color: black; background: white; }

ul, ol { list-style: none; }

/* tables may require ---- cellspacing="0" ---- in the markup, for IE6 */
table	{ border-collapse: separate; border-spacing: 0; }

caption, th, td	{ text-align: left; font-weight: normal; }




/* ---- SITEWIDE ELEMENTS ---- */

body	{ font-size: 62.5%; background: white url('../images/logos/gradient.jpg') repeat-x top; }

.clear	{clear: both}

hr	{clear: both}



/* ---- TEXT ELEMENTS ---- */

h1		{ font-family: tahoma, arial; font-size: 2em; font-weight: bold ; padding: 0 0 10px ; color: #000000 }

h2		{ font-family: tahoma, arial; font-size: 1.7em; font-weight: bold ; padding: 20px 0 10px ; color: #000000}

p, ul, li ul	{ font-family: tahoma, arial; font-size: 1.4em; font-weight: normal ; padding: 0 0 10px; color: #000000}

li ul	{ font-size: 1em; padding-bottom: 0px}

p		{ line-height: 120%; }

ul, li ul		{ list-style-type: disc; list-style-position: inside; padding-left: 20px; line-height: 140%; color: #000000}

p.tagline	{ text-align: center; color: #cccccc; font: bold 2em garamond, times new roman; }

#footer p	{ font-size: 1em }

.sale		{ color: yellow; font-weight: bold; }

p.header	{ text-align: center; color: #cccccc; font: italic 1.7em arial; margin-top: 20px; }




/* ---- LYTEBOX ELEMENTS ---- */
/* .gallerytitle 		{ color: #FFFFFF; font: 11px verdana, arial, sans-serif; font-weight: bold; } */
/* .slidetitle		{ color: #FFFFFF; font: 13px verdana, arial, sans-serif; font-weight: bold; text-align: left; margin-bottom: 20px } */
/* .slide-description	{ color: #B3BCCA; font: 13px verdana, arial, sans-serif; font-weight: normal; text-align: left; line-height: 130% } */

.viewer-border		{ margin-left: 10px; float: right }

.slidepages		{ margin: 0px; background-image: none; background-color: #FFFFFF; }

.slidepagewidth		{ width: 800px; float: right; } /* Controls width of the interior section of the lytebox */

.slidepagewidth h1	{ font-family: tahoma, arial; font-size: 1.7em; font-weight: bold ; padding: 20px 0 10px ; color: #000000; }

.slidepagewidth p	{ font-family: tahoma, arial; font-size: 1.4em; font-weight: normal ; padding: 0 0 10px; color: #000000; line-heigth: 120%; }





/* ---- IMG ELEMENTS ---- */

.border	 	{ border: #a9a9a9 1px solid; margin-bottom: 3px; padding: 3px; }

a:hover .border 	{ border: #000099 4px solid; margin-bottom: 3px; padding: 0px; }

img.left		{ float: left; padding: 0 10px 10px 0; }
img.right	{ float: right; padding: 0 0 10px 10px; }
img.clear	{ clear: both; }



/* ---- ID ELEMENTS ---- */

#container	{ width: 900px; margin: auto; height: 100%; }

#header	{ width: 900px; height: 130px; padding-top: 10px }

#menu		{ width: 900px; height: auto; background-color: #2F2F2F; }

#sidebar	{ width: 325px; height: auto; float: right; border-left: 3px solid #000099; padding: 0 0 20px 20px; margin: 0 0 20px; }

#main		{ width: 525px; height: auto; float: left; padding: 0 20px 20px 0; margin: 0 0 20px; }

#content	{ width: 900px; height: auto; padding: 0 0 20px; margin: 0 0 20px; }

#footer	{ clear: both; width: 900px; padding: 10px 0; border-top: 3px solid #000099; }





/* ---- LAYOUT ELEMENTS ---- */

.content, .even-right, .even-left, .thin-right, .wide-left	{ height: auto; }
.content	{ margin-bottom: 40px; }
.section	{ clear: both; width: 900px; }
.gallery	{ clear: both; width: 900px; margin: 0; padding: 0 0 10px 0; border-bottom: 2px solid #000099}

.even-right	{ width: 430px; float: right; margin-left: 20px; }
.even-left	{ width: 430px; float: left; margin-right: 20px; }

.thin-right	{ width: 330px; float: right; margin-left: 20px; }
.wide-left	{ width: 530px; float: left; margin-right: 20px; }

.image-table	{float: left; width: 25%; }
.image-table img {display: block}





/* ---- TABLE ELEMENTS ---- */

.pricing	{ width: 50%; cellspacing: 10px; margin: 20px 0; }

.product	{ width: 250px; cellspacing: 5px; margin: 0 0 10px; border: 1px #000099 solid; }

td		{ font-family: tahoma, arial; font-size: 1.4em; font-weight: normal ; padding: 0 0 10px ; line-height: 120%;}

.product td	{ padding: 5px; border: 1px #000099 solid; background: #a9a9a9; font-weight: bold; font-size: 1.2em;  }

.specs		{ width: 900px; margin: 0 0 10px; border: 1px #000099 solid; }
.specs td	{ padding: 5px; border: 1px #000099 solid; background: #a9a9a9; }
.specs thead td	{ font-weight: bold; }






/* ---- CONTACT FORM ---- */

form p		{ font-family: tahoma, arial; font-size: 1.4em; font-weight: normal ; padding: 0 0 10px ; line-height: 120%;}

.shadeform	{ font: 1.2em arial, verdana, sans-serif; background-color: #A2B0B7; 
		background-image: url("../picts/shadeform.gif"); text-align: left; width: 200px; border: #000000 1px solid; }

.textarea	{ font: 1.2em arial, verdana, sans-serif; background-color: #A2B0B7; 
		background-image: url("../picts/shadeform.gif"); text-align: left; width: 250px; height: 125px;
		border: #000000 1px solid; }

.button	{ font: 1.2em arial, verdana, sans-serif; font-weight: bold; color: #FFFFFF; background-color: #1D1E2F;
		background-image: url("../picts/button.gif"); padding: 2px 10px; cursor: pointer;
		border: #3C4051 1px solid; }

.buttonon	{ font: 1.2em arial, verdana, sans-serif; font-weight: bold; color: #CCFFCC; background-color: #1D1E2F;
		background-image: url("../picts/button.gif"); padding: 2px 10px; cursor: pointer; border: #CCFFCC 1px solid; }





/* ---------- NAV ---------- */

#nav		{ width: 900px; background: #000099; float: left; margin-top: 3px; padding: 0 }

#nav ul 	{ list-style: none; line-height: 1; font: bold 12px arial, verdana, serif; background: #000099; padding: 0; width: 600px; margin: 0 auto}

#nav a		{ display: block; color: #FFFFFF; width: auto; text-decoration: none; padding: .4em .8em; font-weight: bold; }

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

#nav li ul	{ position: absolute; left: -999em; height: auto; width: 13em; margin: 0; }

#nav li li	{ border: 1px white solid; height: auto; width: 13em; }

#nav li ul a	{ width: 12em;}

#nav li ul ul	{ margin: -1.5em 0 0 -13em; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul
		{ left: -999em; }

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

#nav li:hover, #nav li.sfhover
		{ background: #a9a9a9}