/* CSS Document */
body {font-family: Arial, Helvetica, sans-serif; font-size: 0.8125em; background-color: #aaad74; text-align: center; margin: 0; padding: 0; }
#printlogo {display:none;}
#supercontainer {width: 775px; margin: 0 auto; text-align: left; height: 100%;}
#container {background-color: #fff; margin: 0; border: solid 1px #fff; float: left; }
/*header*********************************************************************************************/
#header {border-top: solid 5px #dfdfdf; border-bottom: solid 1px #dfdfdf; clear: both; float: left; background-color: #fff; margin-bottom: 2px;}
img#logo { padding: 10px 0 0 10px; margin-top: -25px; float: left;}
* html img#logo { margin-top: -25px; }
img#partnerlogo1 { float: right; margin-right: 25px; margin-bottom: 8px;}
img#partnerlogo2 { float: right; margin-right: 15px; padding: 5px; margin-bottom: 8px;}
* html img#partnerlogo1 {}
* html img#partnerlogo2 {}

/*utility nav******************************************************************************************/
ul#utility {list-style-type: none; font-size: 0.85em; text-transform: uppercase; float: right; width: 500px; margin: 5px 10px;  }
ul#utility li {display: inline; padding-left: 1.0em; background:url(/betav2/images/template/utility-pipe.gif) no-repeat; background-position: 0.5em 0.3em; float: right; }
ul#utility li#last {background:none;}
ul#utility li a {color: #969696;}
ul#utility li a:link, ul#utility li a:visited {text-decoration: none;}
ul#utility li a:hover, ul#utility li a:active {text-decoration: underline;}

/*main nav********************************************************************************************/
ul#nav { clear: both; background-color: #aaad74; margin:0; margin-bottom: 2px; padding:0; border-top: solid 1px #ccc; list-style-type: none;font-size: 0.80em; text-transform: uppercase; width:743px; padding: 8px 30px 8px 0;}
ul#nav li {display: inline; background-color: #aaad74; margin:0; }
ul#nav li#first a { padding-left: 2.0em; }
ul#nav li a {color: #fff; padding-left: 3.9em;}
ul#nav li a:link, ul#nav li a:visited {text-decoration: none;}
ul#nav li a:hover, ul#nav li a:active {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat; background-position: 2.8em 0.3em;}
ul#nav li#first a:hover, ul#nav li#first a:active {background-position: 1.0em 0.3em;}

/*nav "on" state for different sections (need to program these body ids when implementing) also notice that about, since it is first, has different background-position*/
body#body-about ul#nav li.on a {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat; background-position: 1.0em 0.3em;}
body#body-healthcare ul#nav li.on a {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat;  background-position: 2.8em 0.3em;}
body#body-research ul#nav li.on a {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat;  background-position: 2.8em 0.3em;}
body#body-office ul#nav li.on a {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat;  background-position: 2.8em 0.3em;}
body#body-services ul#nav li.on a {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat;  background-position: 2.8em 0.3em;}
body#body-gov ul#nav li.on a {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat;  background-position: 2.8em 0.3em;}
body#body-contact ul#nav li.on a {text-decoration: none; background:url(/betav2/images/template/nav-bg.gif) no-repeat;  background-position: 2.8em 0.3em;}


/*home page branding area *******************************************************************************/
#branding {color: #fff;}
#branding h2 { margin: 0; padding: 3px 0 0 25px; text-transform: uppercase; font-weight:normal; font-size: 1.35em; background-image: none; color: #fff;}
#branding p { margin: 0; padding: 3px 0 6px 25px; text-transform: uppercase; font-size: 0.85em;}
#healthcare {margin-left:1px;}
* html #healthcare {margin-left:-1px;}
#healthcare, #research, #office { width:256px;  float: left;  margin-right:1px; }
#healthcare a, #research a, #office a {color: #fff; font-weight: normal; text-decoration: none;} 
#office {width: 256px;}
#healthcareinner, #researchinner, #officeinner {width:256px;  background-repeat: no-repeat; background-position: bottom right; float: left;  margin-right:1px; margin-top: 1px;}
* html #healthcareinner, * html #researchinner, * html #officeinner {margin-top: -1px;}
#healthcareinner { background-color: #f56a29; background-image:url(/betav2/images/template/home-corner-orange.gif);  }
#researchinner { background-color: #aaad74; background-image:url(/betav2/images/template/home-corner-green.gif); }
#officeinner {background-color: #332876; background-image:url(/betav2/images/template/home-corner-blue.gif); margin-right:0;width:257px;}

/*text elements on home page**************************************************************************/
body#home #contentcontainer {border-bottom: solid 12px #dcddc1; color:#666; clear:both; float: left; width: 100%; background:url(/betav2/images/template/home-content-bg.gif) repeat-y; margin-top: 20px; padding-bottom: 10px;}
body#home #contentcontainer #blurb h1, body#home #contentcontainer h2  {padding-left: 22px; background:url(/betav2/images/template/h-home-bkgd.gif) no-repeat;  }
body#home #contentcontainer h1  {font-size: 1.5em; text-transform: uppercase; font-weight: normal; color: #f56a29; margin-top: 0; padding-top: 0;}
body#home #contentcontainer h2  {font-size: 1.3em; text-transform: uppercase; font-weight: normal; color: #332876; margin-top: 0; padding-top: 0;}
body#home #contentcontainer #product h2  {color: #aaad74;}
#product, #raves {padding-top: 0; margin-top:10px;}
* html #product, * html #raves {padding-top: 10px; margin-top:0;}

/*****RAVING FANS TOOLTIP****

a {
	position: relative;
	display: block;
    z-index:24;
}

a:hover {
	z-index: 100000;
}

a span {
	display: none;
	position: absolute;
	background-color:red;
	top:2em; left:2em; width:15em;
	font-size: 80%;
	color: #ffffff;
	text-transform:none;
	padding: 5px;

}

a:hover span {
	border: 4px solid red;
	z-index: 500000;
	display: block;
    xposition: relative;
	background-color:red;
	xtop:2em; xleft: 2em; xwidth:15em;
	xfont-size: 80%;
	xcolor: #ffffff;
	xtext-transform:none;
	xpadding: 5px;
}*/

body#home #contentcontainer p  {padding-left: 22px; }
body#home #contentcontainer h3  {font-size: 1.2em; text-transform: uppercase; font-weight: normal; color: #666; margin-top: 0; padding-top: 0;}
body#home #contentcontainer h4 {font-size: 1.0em; font-weight: bold; color: #666; margin-top: 0; padding-top: 0;}

/*(left column)/blurb/raves on homepage****************************************************************/
#col-features { float:left; width: 47%; padding: 8px 12px 8px 8px;}
#blurb {width: 360px; border-bottom: solid 1px #ccc; }
* html #blurb {padding-bottom: 15px;}
#blurb h1 {background:none;}
#manufacturers {clear:both; padding-top: 10px; padding-bottom: 12px; width: 360px; border-bottom: solid 1px #ccc; }
#raves {width: 360px; }

/*(right column)/recent stuff on homepage *************************************************************/
#col-recent { float:left; width: 45%; padding: 8px;  }
#installations {width: 360px; border-bottom: solid 1px #ccc; clear: both;  float: left; margin-right: -10px; }
#hhs {border-bottom: solid 1px #ccc; margin-bottom: 12px; }
#installations div {width: 169px; float: left;}
#installations div#install-1  {margin-right: 10px;}
body#home #installations p {padding-left: 0;}
#installations h3, #installations h4 {padding: 8px 0 0 0;}
#product {clear:both; padding-top: 10px; padding-bottom: 12px; width: 360px; border-bottom: solid 1px #ccc; }
#product img {float: left; margin: 0 20px 80px 0;}
#virtualtour { padding-top: 10px; padding-bottom: 12px; border-bottom: solid 1px #ccc; width: 360px; }
#keepitnew { padding-top: 10px; width: 360px;}
p.inlinelinks a {margin-right: 20px;}

/*footer********************************************************************************************/
#footer { height: 100px;}
img#footerlogo {float: left; margin: 15px 20px 100px 0; }
#footer p, #footer p#created {color: #fff; padding: 15px 0 5px 0; font-size: 0.85em; float: left; width: 85%; margin:0;}
#footer p a {color: #fff;}
#footer p a:link, #footer p a:visited {text-decoration: none;}
#footer p a:hover, #footer p a:active {text-decoration: underline;}


/*subpage elements ************************************************************************************/
body.subpage #contentcontainer {border-bottom: solid 12px #dcddc1; color:#666; clear:both; float: left; width: 100%; background:url(/betav2/images/template/content-bg.gif) repeat-y; margin-top: 20px;}
body.subpage #contentcontainerNoRight {border-bottom: solid 12px #dcddc1; color:#666; clear:both; float: left; width: 100%; margin-top: 20px;}
#col-content {float: left; width: 530px;}
#col-contentNoRight {float: left; width: 100%;}
#content { float: left; width: 470px; padding-left: 55px;}
#contentNoRight { float: left; width: 662px; padding-left: 55px; padding-right: 55px;}
#sidebar {float: left; width: 220px; margin-left: 20px;}
body.subpage #sidebar h2  {font-size: 1.3em; text-transform: uppercase; font-weight: normal; color: #898989; margin-top: 0; padding-top: 0; padding-left: 16px; background:url(/betav2/images/template/sidebar-bg.gif) no-repeat; }
body.subpage #sidebar h4 {font-size: 1.0em; font-weight: bold; color: #666; margin-top: 0; padding-top: 8px;}
#sidebarcontent {padding-left: 18px;}
#sidebar p.action {border-top: solid 1px #c4c0c0; padding-top: 10px; width: 90%; color: #c4c0c0;font-size: 1.2em; font-weight: bold;}
#sidebar p.action span.phone {color: #f56a29; font-size: 1.6em; font-weight: normal;}
body.subpage #branding {width: 773px; height: 87px; background:url(/betav2/images/template/subpage-branding-bg.gif) no-repeat; position: relative;}
body.subpage #branding img {width: 256px; background-color: #fff; padding-right: 2px;}
body.subpage #branding p.action {color: #fff; font-size: 1.6em; font-weight: normal; text-transform: none; width: 415px; padding: 0; margin: 0; position: absolute; top: 3px; left: 350px;}
body.subpage #branding p.action span.phone {font-size: 1.0em; font-weight: normal;}


/*general elements************************************************************************************/
a {font-size: 1.0em}
a:link {color: #f56a29; text-decoration: underline;}
a:visited {color: #aaad74; text-decoration: underline;}
a:hover {color: #332876; text-decoration: underline;}
a:active {color: #332876; text-decoration: underline;}
img { border: none; }

h1 {background: url(/betav2/images/template/h1-bkgd.gif) no-repeat; color: #9D9A9A; padding-left: 60px; padding-bottom: 22px; font-weight: normal; text-transform: uppercase; font-size: 1.8em;}
h2, h3 {padding-left: 16px; background:url(/betav2/images/template/h-home-bkgd.gif) no-repeat;  } 
h2 {font-size: 1.3em; text-transform: uppercase; font-weight: normal; color: #898989;}
h3  {font-size: 1.2em; text-transform: uppercase; font-weight: normal; color: #898989; }
h4 {font-size: 1.0em; font-weight: bold; color: #666;}


/*photo gallery lists *********/
ul#gallery, ul#keepitnewgallery {
	list-style: none;
}

ul#keepitnewgallery {
	float: left;
	margin-left: 5px;
	padding-left: 5px;
}

ul#gallery li {
	float: left;
	margin: 4px;
	height: 120px;
}

ul#keepitnewgallery li {
	float: left;
	margin: 4px;
	width: 160px;
}

ul#gallery li img {
	border: 1px solid #B3B3B3;
	padding: 3px;
}

ul#keepitnewgallery li img {
	border: 1px solid #B3B3B3;
	padding: 3px;
	display: block;
	margin-bottom: 5px;
}

ul#gallery li p {
	float: left;
}

ul#descriptivegallery {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul#descriptivegallery li {
	width: 100%;
	clear: left;
	float: left;
	padding-bottom: 10px;
}
ul#descriptivegallery li img {
	float: left;
	margin-right: 10px;
}

ul#descriptivegallery li p {
	padding-top: 15px;
	float: left;
	width: 400px;
}

/*FOR THREE COLUMNS*/
ul.columns {
	width: 28%;
	margin-left: 0;
	float: left;
	padding-left: 30px;
	color:#f56a29;
}