/*
	Name:  css_main.css
	Use:  main css for ChaparralFixtures.com
*/

	html { width: 100%;  height: 100%;  min-height: 101%;  min-width: 700px; }
	
	body {
		color: #000;  font-family: Verdana, Tahoma, Helvetica, sans-serif; /*'Times New Roman', Times, serif;  Geneva, Arial, Helvetica;*/
		font-size: 0.85em;  text-align: center;  margin: 0px;
		background: #E1E1E1 url('../images/2x800px-vertStrip_white-to-d8d8d8_1.gif') scroll repeat-x 0px 0px;
	}
	
	a img { border: 0px; }
	
	#wrapWrap {
		position: absolute;  width: 100%;  left: 0px;  margin: 0px auto 0px auto;  padding: 0px 0px 20px 0px;
	}
		#pageWrap {
			position: relative;  width: 700px;  height: 100%;  margin: 0px auto;  padding: 0px 35px 35px 35px;  background: #FFF;
			border-left: 3px solid #10569F;  border-right: 4px inset #70769F;  border-bottom: 2px inset #9096BF;
		}
	
	#headWrap { /* header & nav wrap */
		width: 745px;  margin: 0px auto 0px -35px;  background: transparent;  position: relative;  z-index: 21;
	}
		#headWrap #blueCurve {
			position: absolute;  width: 235px;  height: 89px;  left: 0px;  border: 0px solid green;
			background: transparent url('../images/ChaparralTextLogo_final-press-hires1-tight4-w1-bluBak2-png24-int.png') scroll no-repeat 0px 0px;
		}
	
	#header {
		text-align: left;  width: 769px;  margin: 0px auto 4px 0px;  border-bottom: 1px solid #AAA;  border-left: 1px solid #999;
		background: #F9F9F9 url('../images/IMG_6443_vialsHorz-syringe2w1long2-v600-6.gif') scroll no-repeat 28px -17px;
	}
		#header a { border: 0px;  text-decoration: none; }
		#header #textHeader { margin: 0px auto 0px 34px; } /* text logo */
		#header #callNow { position: absolute;  top: 33px;  right: -15px; }
	
	#nav {
		font-family: Arial;  display: block;  text-align: left;  font-size: 12px;  font-weight: 700;  letter-spacing: 1px;  margin: 0px;
		position: relative;  height: 21px;  width: 769px;  top: -4px;  left: 0px; /*border-bottom: 1px solid #69C;*/
		background: #FFF; /*url('../images/textTab1-flat1-bot1-left4-v45-1L.gif') scroll no-repeat -6px -23px;*/

	}
		#nav a:link { color: #000;  text-decoration: none; }
		#nav a:visited { color: #000;  text-decoration: none; }
		#nav a:hover { color: #333;  font-style: italic;  text-decoration: underline; }
		#nav a:active { color: #555;  font-style: italic;  text-decoration: none; }

		#nav ul { list-style-type: none;  margin: 1px auto 0px 27px;  padding-left: 0px; }
		#nav li { position: relative;  margin: 0px auto 0px 0px;  padding: 3px 15px 3px 7px;  white-space: nowrap;  float: left; }
		
		#nav ul ul {
			font-size: 0.9em;  font-weight: 400;
			list-style-type: none;  margin: 17px 10px 0px 10px;  padding: 0px;  display: none;  position: absolute;  top: 2px;  left: -8px;  z-index: 11;
			border-left: 1px solid #DDD;  border-right:  2px inset #EEE;  border-bottom: 2px inset #DDD;
			background: #FFF url('../images/2px-vertStrip_white-to-CCC_1.gif') scroll repeat-x 0px -50px;
		}
		#nav ul ul li { margin: 0px;  padding: 3px 12px 3px 10px;  white-space: nowrap;  float: none; }
		
		#nav #homeCell { width: 3.6em; }
		#nav #phlebStationsCell { width: 14.7em; }
		#nav #urinePTsCell { width: 18.6em; }
		#nav #partsCell { width: 9.2em; }
		#nav #aboutCell { width: 9.4em; }
		#nav #contactCell { width: 5.2em; }
		#nav .spacerMain { color: #999;  font-size: 0.8em;  width: 4px;  margin-left: -1.7em;  padding: 4px 5px 0px 5px; }
		#nav .subProd { font-size: 0.95em;  padding-left: 15px; }
		#nav  .last { padding-bottom: 5px; }
		
		#nav #lineBelow {
			position: absolute;  top: 21px;  left: 32px;  width: 744px;  line-height: 1px;  margin: 0px auto 0px -20px;  border-bottom: 1px solid #99C;
		}
	
	#navSub { color: #777;  font-size: 0.8em;  margin: 5px auto 0px auto;  white-space: nowrap; }
		#navSub a:link { color: #777;  text-decoration: none; }
		#navSub a:visited { color: #777;  text-decoration: none; }
		#navSub a:hover { color: #668;  font-style: italic;  text-decoration: underline; }
		#navSub a:active { color: #777;  font-style: italic;  text-decoration: none; }
		#navSub .navSubSpacer { color: #99A;  font-size: 0.8em;  padding: 0px 4px;  vertical-align: 1px; }

		#navSub #lineAbove { position: relative;  width: 711px;  line-height: 1px;  margin: 0px auto 2px -6px;  border-bottom: 1px solid #EEE; }
		#navSub #lineBelow { position: relative;  width: 711px;  line-height: 1px;  margin: 5px auto 0px -6px;  border-bottom: 1px solid #EEE; }
	
	#videoPage #navSub { margin: -5px auto 0px auto;  border: 0px solid green; } /* re-position smaller nav menu for vid page */
		#videoPage #navSub #lineAbove { position: relative;  width: 724px;  line-height: 1px;  margin: 0px auto 2px 10px;  border-bottom: 1px solid #EEE; }
		#videoPage #navSub #lineBelow { position: relative;  width: 724px;  line-height: 1px;  margin: 5px auto 0px 10px;  border-bottom: 1px solid #EEE; }

	#footer {
		font-size: 10px;  letter-spacing: 0.5em;  text-align: center;  font-variant: small-caps;
		position: relative;  clear: both;  margin: 15px auto 0px auto;
	}
		#footer a:link { color: #555;  text-decoration: none; }
		#footer a:visited { color: #555;  text-decoration: none; }
		#footer a:hover { color: #555;  font-style: normal;  text-decoration: underline; }
		#footer a:active { color: #555;  font-style: normal;  text-decoration: none; }
		#footer #copyCircle { color: #555;  font-size: 1.2em; }
		#footer #date { font-size: 0.8em; }
		#footer #rightsReserved { color: #888;  font-style: italic;  letter-spacing: 0.1em; }
		
		#footerHook {
			color: #777;  font-size: 9px;  font-weight: 400;  text-align: center;  letter-spacing: 0.3em;  white-space: nowrap;
			display: inline;  margin: 0px auto 0px 15px;
		}
		
		#addressHook {
			color: #777;  font-size: 8px;  font-weight: 400;  text-align: center;  letter-spacing: 0.35em;  white-space: nowrap;
			display: block;  margin: 9px auto 0px 20px;
		}
	
	
	/* Begin: general stuffs... */
	.floatLeft { float: left; }
	.floatRight { float: right; }
	.clearBoth { clear: both; }
	.clearLeft { clear: left; }
	.clearRight { clear: right; }
	
	.nowrap { white-space: nowrap; }
	
	.smaller { font-size: 0.9em; }
	.light { font-weight: 200; }
	.normal { font-weight: 400;  font-style: normal;  text-decoration: none; }
	.heavy { font-weight: 700; }

	/* doodads & things... */
	.littlePlus { vertical-align: -2px;  margin: 0px 4px 0px 0px; }
	.even { background-color: #EEE; } /* alternating table rows */
	.hideable { display: none; }