/* Project: Artech Dental
URL: http://www.artechdental.com/
Date: May 2008
Author: Red Kite Creative
Author URL: http://www.redkitecreative.com */

/**************************************
  Override default styling rules
**************************************/
/* zeroes all margins and paddings */
*, html, body, div, p, th, td, ul, ol, li, form, fieldset, input, h1, h2, h3, h4, blockquote, pre {
	margin: 0;
	padding: 0;
}
/* commented backslash hack for ie5mac \*/ 
html, body {
	height: 100%;
} 
/* scrollbars on all the time */
html {
	height:100%;
   margin-bottom:1px;
}
/* normalize font-size for all headers */
h1, h2, h3, h4 {
	font-size: 100%;
}
/* remove list-style from lists */
ul, ol {
	list-style: none;
}
/* set base font size to 13px for most browsers */
html {
	font-size: 76%;
}
img, fieldset {
	/* avoid image-gap bug in Gecko browsers */
	display: block;
	border: none;
}
/**************************************
  Default rules
**************************************/
html {
	 height: 100%; /*Required for footerstickalt*/ 
	text-align: left;
}
h1, h2, h3, h4 {
	margin-bottom: 0.3em;
	padding: 0;
	color: #4B4964;
	background-color: transparent;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 120%;
}
h1 {
	font-size: 1.7em;
}
h2 {
	margin-bottom: 0.2em;
	padding: 0.4em 0 0.2em 0;
	font-size: 1.3em;
	font-weight: bold;
}
h3 {
	padding-top: 0.4em;
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
p {
	margin-bottom: 1em;
	padding: 0;
	color: #323143;
	background-color: transparent;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
}
a {
	color: #585676;
	background-color: transparent;
	text-decoration: underline;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	color: #585676;
	background-color: transparent;
	text-decoration: underline;
}
a:hover {
	color: #272734;
	background-color: transparent;
	text-decoration: none;
}
a:active {
	text-decoration: underline;
}
ul li {
	margin-bottom: 0.1em;
}
acronym {
	border-bottom: 1px dotted #333;
}
/************************************************
  Document and header rules
************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	background-color: #33333E;
	background-image: url(../images/bg_gradient.jpg);
	background-position: top;
	background-repeat: repeat-x;
}
#wrapper {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	padding: 0;
	width: 830px;
	color: #373737;
	background-color: transparent;
	background-image: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
	background-position: top;
}
#header {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 826px;
	height: 131px;
	color: #FFF;
	background-color: #4B4964;
	background-image: url(../images/header_imgs.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
#logo {
	position: absolute;
	top: 8px;
	left: 10px;
}
/* This is the invisible link on the Artech logo */
#logo-link {
	position: absolute;
	top: 7px;
	left: 9px;
	width: 200px;
	height: 90px;
	background-color: transparent;
}
p#contact-info {
	position: absolute;
	top: 14px;
	left: 265px;
	color: #FFF;
	background-color: transparent;
	height: 110px;
	width: 200px;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}
#contact-info a, #contact-info a:link, #contact-info a:visited {
	color: #CECBE0;
	background-color: transparent;
	text-decoration: none;
}
#contact-info a:hover, #contact-info a:active {
	color: #EFE9FB;
	background-color: transparent;
}
/************************************************
  Content rules
************************************************/
#content {
	position: relative;
	top: 131px;
	margin: 0 0 110px 0;
	padding: 1em 1.5em 1.5em 1.5em;
	height: 100%;
	min-height: 450px;
}
ul.bullet-list {
	margin: 1em 1em 1em 3em;
	list-style-type: disc;
	line-height: 1.4em;
}
ul.bullet-list li, ul.nonbullet-list li {
	padding-bottom: 0.8em;
}
/************************************************
  Navigation rules
************************************************/
#navcontainer ul#navlist {
	position: relative; /* must do for z-index */
	margin-top: 111px;
	padding: 0;
	width: 826px;
	height: 20px;
	background-image: url(../images/nav_bg.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
#navcontainer ul li {
	float: left;	
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
	font-size: 11px;
	height: 20px;
	text-align: center;
	background: url(../images/nav_bg.jpg) repeat-x;
	border-right: 1px solid #327D45;
}
#navcontainer a, #navcontainer a:link, #navcontainer a:visited {
	padding-top: 3px;
	color: #414057;
	text-decoration: none;
	display: block;
	height: 20px;
	width: 90px;
}
#navlist li#current {
	color: #FFF;
	background-color: transparent;
	background: url(../images/nav_bg_hover.jpg) repeat-x; 
}
#navcontainer a:hover, #navcontainer a:active { 
	background: url(../images/nav_bg_hover.jpg) repeat-x; 
}
/************************************************
  Footer rules
************************************************/
#footer {
	position: relative;
	top: 20px;
	margin: 0 auto;
	height: 20px;
	width: 830px;
	background-image: url(../images/footer_bg.png);
	background-repeat: no-repeat;
	background-position: top;
}
#footer p {
	position: relative;
	top: 19px;
	padding-bottom: 25px;
	text-align: center;
	font-size: 10px;
	color: #FFF;
	background-color: transparent;
}
#footer a, #footer a:link, #footer a:visited {
	color: #CECBE0;
	background-color: transparent;
	text-decoration: underline;
	font-weight: normal;
}
#footer a:hover, #footer a:active {
	color: #EFE9FB;
	background-color: transparent;
	text-decoration: none;
}
/************************************************
  Misc. rules
************************************************/
.bold {
	font-weight: bold;
}
.bold-italic {
	font-weight: bold;
	font-style: italic;
}
.bold-italic-indented {
	padding-left: 30px;
	font-weight: bold;
	font-style: italic;
}
.clear-both {
	clear: both;
}
.img-right, .img-right-noborder {
	float: right;
	margin: 5px 10px 15px 10px;
}
/* This is the invisible link on the logo */
#logo-link-invizion {
	position: absolute;
	right: 150px;
	bottom: 40px;
	width: 105px;
	height: 30px;
	background-color: transparent;
}
/* This is the invisible link on the logo */
#logo-link-vident {
	position: absolute;
	right: 25px;
	bottom: 40px;
	width: 120px;
	height: 30px;
	background-color: transparent;
}